@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";@import"https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css";*{box-sizing:border-box}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;padding:0;margin:0}#root{margin:0 auto;padding:0;color:#050505}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#030303}.scan-container{background-color:#f1f2f6;min-height:100vh;padding:40px 24px;margin:0 auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.scan-title{font-size:34px;font-weight:530;width:100%;text-align:left;margin-bottom:100px;line-height:1.3;color:#1a1a1a}.btn-base{width:100%;max-width:350px;padding:30px 20px;border-radius:20px;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;margin-bottom:20px;text-shadow:0px 1px 3px rgba(0,0,0,.2);border:none;transition:opacity .2s}.btn-capture{color:#fff;background-image:linear-gradient(to right,#21d8fc,#5865b9);box-shadow:0 4px 10px #8f8f8fcc;font-weight:600}.btn-album{background-color:#fff;color:#181818;border:1px solid #ddd;box-shadow:0 4px 10px #8f8f8fcc}.back-link{margin-top:auto;margin-bottom:20px;color:#3d3d3d;font-size:15px;cursor:pointer;display:flex;margin-right:auto;align-items:center;gap:5px;text-decoration:none}.btn-base img{width:30px;height:30px;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.3))}.loading-area{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:200px}.loading-text{margin-top:25px;font-size:15px;font-weight:500;color:#111;text-shadow:0px 1px 3px rgba(0,0,0,.2);text-align:center;line-height:1.6;word-break:keep-all}.spinner-img{width:40px;height:40px;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.4));animation:rotate_image 2s linear infinite}@keyframes rotate_image{to{transform:rotate(360deg)}}.container{background-color:#fafaf9;height:100vh;margin:0 auto;display:flex;flex-direction:column;align-items:center}.header{height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:none!important;background:#f1f2f6;box-shadow:0 2px 10px #8f8f8f80;width:100%;position:relative;z-index:10}.back-btn{font-size:15px;font-weight:500;color:#111;cursor:pointer}.carousel-viewport{flex:1;overflow-x:hidden!important;overflow-y:auto;width:100%;background:#fafaf9!important}.carousel-wrapper{display:flex;height:100%;transition:transform .3s ease-out}.carousel-page{flex:0 0 100%;max-width:100%;height:100%;flex-shrink:0;display:flex;padding:18px;box-sizing:border-box}.page-container{background:#fafaf9;padding:18px;width:100%;display:flex;flex-direction:column;overflow-y:auto}.page-title{font-size:20px;font-weight:700;margin-bottom:4px}.page-caption{font-size:13px;color:#6b7280;margin-bottom:16px}.doc-box{font-size:14px;line-height:1.6;color:#111827;display:flex;flex-direction:column;gap:10px}.highlight{background:#fff59d;border-radius:4px;padding:0 3px;cursor:pointer}.bottom-sheet{position:absolute;left:0;bottom:0;width:100%;background:#fafaf9;border-radius:20px 20px 0 0;box-shadow:0 -6px 18px #00000040;padding:16px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.sheet-handle{width:40px;height:4px;background:#d1d5db;border-radius:10px;margin:0 auto 10px}.sheet-title{font-size:14px;font-weight:600}.sheet-selected-text{font-size:13px;color:#111827}.sheet-label{font-size:13px;font-weight:500;margin-top:6px}.sheet-divider{height:1px;background:#e5e7eb;margin:6px 0}.sheet-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px}.sheet-placeholder{font-size:12px;color:#6b7280;white-space:pre-line}.mode-switch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.switch-btn{font-size:12px;padding:6px 12px;background:#000;box-shadow:0 2px 5px #8f8f8fcc;color:#fff;text-shadow:0px 2px 3px rgba(0,0,0,.4);border-radius:14px;border:none;cursor:pointer}.switch-btn:hover{opacity:.85}.image-view-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.contract-image{width:100%;border-radius:10px;object-fit:contain}.image-placeholder{width:100%;height:200px;background:#f1f1f1;border-radius:14px;display:flex;justify-content:center;align-items:center;color:#888}.indicator{height:60px;background:#fafaf9;display:flex;justify-content:center;align-items:center;gap:16px}.indicator-pill{padding:4px 14px;border:1px solid #111;color:#111;background:#fff;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.dot{width:6px;height:6px;background:#d1d5db;border-radius:50%}.bottom-sheet.slide-up{transform:translateY(100%);transition:transform .28s ease-out}.sheet-backdrop{position:fixed;inset:0;background:#0000;transition:background .28s ease;z-index:9}.sheet-backdrop.open{background:#0006}.bottom-sheet.slide-up{transform:translateY(100%);transition:transform .28s ease-out;position:absolute;bottom:0;left:0;width:100%;z-index:10}.bottom-sheet.slide-up.open{transform:translateY(0)}.page-transition-scale-fade{width:100%;height:100%;animation:scaleFadeIn .35s cubic-bezier(.18,.89,.32,1.28)}@keyframes scaleFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.page-transition-in{width:100%;height:100%;animation:iosPageIn .38s cubic-bezier(.18,.89,.32,1.28)}.page-transition-out{width:100%;height:100%;animation:iosPageOut .32s cubic-bezier(.25,.46,.45,.94)}@keyframes iosPageIn{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iosPageOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(25px) scale(.96)}}.button-press{transition:transform .12s ease}.button-press:active{transform:scale(.96)}.page-container,.doc-box,.highlight{user-select:text;-webkit-user-select:text;-ms-user-select:text}.doc-box{touch-action:pan-y}::selection{background:#fff59d;color:#111}
