@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--logo-yellow:#fffc00;--paper-white:#fff;--outline-black:#111;--emoji-yellow:#ffd83d;--emoji-shadow:#f4b900;--pdf-red:#ff3b30;--edit-blue:#2563eb;--soft-cream:#fffbe6;--c-brand:#fffc00;--c-brand-mid:#ffe500;--c-brand-light:#fff3a0;--c-brand-xlight:#fffbe6;--c-brand-dim:#fff3a0;--c-brand-text:#111;--c-brand-icon:#7a6700;--c-accent:#111;--c-accent-hover:#333;--c-pink:#ff3b30;--c-pink-light:#fff1f0;--c-pink-dim:rgba(255,59,48,.08);--c-bg:#fff;--c-bg-subtle:#fafafa;--c-bg-muted:#f4f4f5;--c-surface:#fff;--c-surface-2:#f8f8fa;--c-surface-3:#f1f0f5;--c-border:#e4e4e7;--c-border-strong:#d4d4d8;--c-text:#111;--c-text-2:#52525b;--c-text-3:#a1a1aa;--c-text-inv:#fff;--c-success:#16a34a;--c-success-bg:#f0fdf4;--c-success-border:#bbf7d0;--c-warning:#d97706;--c-warning-bg:#fffbeb;--c-warning-border:#fde68a;--c-danger:#ff3b30;--c-danger-bg:#fff1f0;--c-danger-border:#ffc9c6;--c-info:#2563eb;--c-info-bg:#eff6ff;--c-info-border:#bfdbfe;--g-brand:#fffc00;--g-accent:linear-gradient(135deg,#fffc00,#ff3b30);--g-hero:#fff;--font:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:9999px;--sh-xs:0 1px 2px rgba(0,0,0,.05);--sh-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--sh-md:0 4px 6px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04);--sh-lg:0 10px 15px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.04);--sh-xl:0 20px 25px rgba(0,0,0,.07),0 8px 10px rgba(0,0,0,.04);--sh-brand:0 2px 8px rgba(0,0,0,.15);--ease:150ms ease;--ease-slow:250ms ease;--nav-h:60px;--max-w:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{font-family:var(--font);font-size:var(--text-base);font-weight:var(--fw-normal);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid #111;outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}::-moz-selection{background:#fffc00;color:#111}::selection{background:#fffc00;color:#111}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--leading-tight);color:var(--c-text);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--c-text-2);line-height:var(--leading-relaxed)}a{color:var(--c-text);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--c-text-2)}code,pre{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4)}@media(min-width:640px){.container{padding:0 var(--s-6)}}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4);height:38px;font-family:var(--font);font-size:var(--text-sm);font-weight:var(--fw-semibold);line-height:1;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:all var(--ease);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:-.01em;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:#fffc00;color:#111;border-color:#fffc00;box-shadow:var(--sh-brand)}.btn-primary:hover:not(:disabled){background:#ffe500;border-color:#ffe500}.btn-secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong);box-shadow:var(--sh-xs)}.btn-secondary:hover:not(:disabled){background:var(--c-bg-muted);border-color:#111}.btn-ghost{background:transparent;color:var(--c-text-2);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--c-bg-muted);color:var(--c-text)}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:#cc2f26}.btn-sm{height:32px;padding:0 var(--s-3);font-size:var(--text-xs)}.btn-lg{height:48px;padding:0 var(--s-6);font-size:var(--text-base);font-weight:var(--fw-bold);border-radius:var(--r-full)}.btn-icon{padding:0;width:40px;height:40px;justify-content:center;flex-shrink:0}.btn-icon.btn-sm{width:36px;height:36px}@media(max-width:480px){.btn-icon{width:44px;height:44px}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.card-hover{transition:border-color var(--ease),box-shadow var(--ease)}.card-hover:hover{border-color:#111;box-shadow:var(--sh-md)}.input{width:100%;height:38px;padding:0 var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--fw-normal);transition:border-color var(--ease),box-shadow var(--ease);-webkit-appearance:none}.input::-moz-placeholder{color:var(--c-text-3)}.input::placeholder{color:var(--c-text-3)}.input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2371717a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-right:var(--s-8)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:var(--r-full);border:1px solid;line-height:1.5}.badge-primary{background:#fffc00;color:#111;border-color:#d4c800}.badge-success{background:var(--c-success-bg);color:var(--c-success);border-color:var(--c-success-border)}.badge-warning{background:var(--c-warning-bg);color:var(--c-warning);border-color:var(--c-warning-border)}.badge-danger{background:var(--c-danger-bg);color:var(--c-danger);border-color:var(--c-danger-border)}.badge-muted{background:var(--c-bg-muted);color:var(--c-text-2);border-color:var(--c-border)}.dropzone{border:2px dashed var(--c-border-strong);border-radius:var(--r-xl);background:var(--c-surface);transition:all var(--ease);cursor:pointer}.dropzone.active,.dropzone:hover{border-color:#111;background:#fffef0;box-shadow:0 0 0 4px rgba(0,0,0,.06)}.progress{height:6px;background:var(--c-bg-muted);border-radius:var(--r-full);overflow:hidden;width:100%}.progress-bar{height:100%;background:#fffc00;border:none;border-radius:var(--r-full);transition:width .2s ease}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c-text-3)}.status-dot.live{background:var(--c-success);animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.divider{height:1px;background:var(--c-border);margin:var(--s-4) 0}.sidebar-item{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text-2);cursor:pointer;border-radius:var(--r-md);transition:all var(--ease);text-decoration:none;border:none;background:none;width:100%;text-align:left;font-family:var(--font)}.sidebar-item:hover{color:var(--c-text);background:var(--c-bg-muted)}.sidebar-item.active{color:#111;background:#fffc00;font-weight:var(--fw-semibold)}.toast-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);pointer-events:auto;animation:slideUp .18s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-16) var(--s-6);text-align:center;gap:var(--s-3)}.empty-state-icon{width:40px;height:40px;color:var(--c-text-3)}.empty-state h3{font-size:var(--text-lg);color:var(--c-text)}.empty-state p{font-size:var(--text-sm);max-width:300px}.file-list-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--ease)}.file-list-item:hover{border-color:var(--c-border-strong)}.file-list-item-icon{width:36px;height:36px;border-radius:var(--r-md);background:#fffc00;display:flex;align-items:center;justify-content:center;color:#111;flex-shrink:0}.tool-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);cursor:pointer;text-decoration:none;transition:all var(--ease);box-shadow:var(--sh-xs)}.tool-card:hover{border-color:#111;box-shadow:var(--sh-sm)}.tool-card-icon{width:36px;height:36px;border-radius:var(--r-md);background:#fffc00;display:flex;align-items:center;justify-content:center;color:#111;flex-shrink:0}.tool-card-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text)}.doc-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:all var(--ease);cursor:pointer;box-shadow:var(--sh-xs)}.doc-card:hover{border-color:#111;box-shadow:var(--sh-md)}.doc-card-thumb{aspect-ratio:3/4;background:#fffef0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--c-border);overflow:hidden;position:relative}.doc-card-info{padding:var(--s-3)}.doc-card-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card-meta{font-size:var(--text-xs);color:var(--c-text-3);margin-top:2px}.nav{height:var(--nav-h);background:hsla(0,0%,100%,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50}.nav,.nav-inner{display:flex;align-items:center}.nav-inner{justify-content:space-between;width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4);gap:var(--s-4)}@media(min-width:640px){.nav-inner{padding:0 var(--s-6)}}.nav-logo{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-lg);font-weight:var(--fw-extrabold);color:var(--c-text);letter-spacing:-.03em;text-decoration:none;transition:transform .2s ease}.nav-logo:hover{transform:scale(1.03)}.nav-logo-mark{width:36px;height:36px;border-radius:10px;background:#fffc00;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid #111;box-shadow:2px 2px 0 #111;transition:box-shadow .15s ease,transform .15s ease}.nav-logo:hover .nav-logo-mark{box-shadow:3px 3px 0 #111;transform:translateY(-1px)}.nav-logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;display:block}.nav-logo-text{font-size:var(--text-lg);font-weight:var(--fw-extrabold);letter-spacing:-.04em;background:#fffc00;color:#111;padding:1px 8px 2px;border-radius:6px;border:2px solid #111;box-shadow:2px 2px 0 #111;line-height:1.4}.kawaii-bounce{display:inline-block;animation:kawaii-bounce 2s ease-in-out infinite}@keyframes kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.kawaii-wiggle{display:inline-block;animation:kawaii-wiggle 1.2s ease-in-out infinite}@keyframes kawaii-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.nav-links{display:flex;align-items:center;gap:2px;list-style:none}.nav-link{padding:6px 12px;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text-2);text-decoration:none;border-radius:var(--r-md);transition:all var(--ease);cursor:pointer;background:none;border:none;font-family:var(--font)}.nav-link:hover{color:var(--c-text);background:var(--c-bg-muted)}.nav-link.active{color:#111;background:#fffc00;font-weight:var(--fw-semibold)}.nav-link-icon{display:inline-flex;align-items:center;gap:5px}.nav-actions{display:flex;align-items:center;gap:var(--s-2)}body.pdf-editor-active .bottom-nav,body.pdf-editor-active .nav{display:none!important}body.pdf-editor-active .page-wrapper{padding:0!important;min-height:unset!important}.bottom-nav.bottom-nav-hidden{display:none!important}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.97);backdrop-filter:blur(12px);border-top:1px solid var(--c-border);justify-content:space-around;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex:1;flex-direction:column;justify-content:center;gap:3px;min-height:44px;padding:8px 4px;font-size:10px;font-weight:var(--fw-medium);color:var(--c-text-3);cursor:pointer;transition:color var(--ease);text-decoration:none;background:none;border:none;font-family:var(--font);-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:#111}.bottom-nav-item.active svg{stroke-width:2.5px}.bottom-nav-scanner{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px;font-size:10px;font-weight:var(--fw-semibold);color:#111;cursor:pointer;transition:opacity var(--ease);text-decoration:none;background:none;border:none;font-family:var(--font);-webkit-tap-highlight-color:transparent}.bottom-nav-scanner:hover{opacity:.85}.bottom-nav-scanner-btn{width:50px;height:50px;background:#fffc00;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#111;box-shadow:0 4px 12px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.1);margin-bottom:2px;margin-top:-14px;border:3px solid #fff;transition:transform var(--ease),box-shadow var(--ease)}.bottom-nav-scanner:active .bottom-nav-scanner-btn{transform:scale(.94)}.page-wrapper{min-height:calc(100vh - var(--nav-h));padding-bottom:72px}@media(min-width:769px){.page-wrapper{padding-bottom:0}}.hero{position:relative;overflow:hidden;padding:var(--s-16) 0;text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 0,var(--soft-cream) 0,#fff 70%);border-bottom:1px solid var(--c-border)}@media(min-width:769px){.hero{padding:var(--s-20) 0}}.hero>.container{position:relative;z-index:2}.hero-decor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-decor:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--c-border) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 30%,#000 0,transparent 75%);mask-image:radial-gradient(ellipse 75% 65% at 50% 30%,#000 0,transparent 75%);opacity:.55}.hero-decor-icon{position:absolute;color:#111;opacity:.07;animation:hero-decor-float 7s ease-in-out infinite}.hero-decor-icon.brand{color:var(--emoji-shadow);opacity:.16}@keyframes hero-decor-float{0%,to{transform:scale(var(--dscale,1)) translateY(0) rotate(var(--rot,0deg))}50%{transform:scale(var(--dscale,1)) translateY(-10px) rotate(var(--rot,0deg))}}@media(max-width:640px){.hero-decor-icon{--dscale:.6}}.hero-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:4px 14px;background:var(--c-surface);border:1.5px solid #111;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:#111;margin-bottom:var(--s-6);box-shadow:var(--sh-xs)}.hero-title{font-size:clamp(2rem,5.5vw,3.5rem);font-weight:var(--fw-extrabold);letter-spacing:-.035em;line-height:1.1;max-width:680px;margin:0 auto var(--s-5);color:var(--c-text)}.hero-title mark{background:#fffc00;color:#111;-webkit-text-fill-color:#111;padding:2px 6px;border-radius:6px;font-style:normal;display:inline}.hero-sub{font-size:var(--text-lg);max-width:480px;margin:0 auto var(--s-8);color:var(--c-text-2);line-height:var(--leading-relaxed)}.hero-actions{display:flex;justify-content:center;gap:var(--s-3);flex-wrap:wrap}.section{padding:var(--s-12) 0}.section-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-4)}.grid-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--s-2)}@media(min-width:640px){.grid-tools{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:var(--s-3)}}.grid-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--s-3)}@media(min-width:640px){.grid-docs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-4)}}.breadcrumb{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--c-text-3);margin-bottom:var(--s-4);list-style:none;flex-wrap:wrap}.breadcrumb a{color:var(--c-text-2)}.breadcrumb a:hover{color:var(--c-text)}.breadcrumb .sep{color:var(--c-border-strong)}.hide-mobile{display:none!important}@media(min-width:769px){.hide-mobile{display:flex!important}.hide-desktop{display:none!important}}.tool-layout{display:flex;flex-direction:column;gap:var(--s-6)}@media(min-width:900px){.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:var(--s-8);align-items:start}}.sidebar-layout{display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-h) - 72px)}@media(min-width:769px){.sidebar-layout{flex-direction:row;height:calc(100vh - var(--nav-h))}}.sidebar-panel{width:100%;border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;flex-direction:column;overflow:hidden}@media(min-width:769px){.sidebar-panel{width:240px;flex-shrink:0;border-bottom:none;border-right:1px solid var(--c-border);height:100%}}.sidebar-main{flex:1;overflow:hidden;min-width:0}.scanner-layout,.sidebar-main{display:flex;flex-direction:column}.scanner-layout{gap:var(--s-4)}@media(min-width:900px){.scanner-layout{display:grid;grid-template-columns:176px 1fr 220px;gap:var(--s-6);align-items:start}}.scanner-thumbs{display:flex;flex-direction:row;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-2);-webkit-overflow-scrolling:touch}@media(min-width:900px){.scanner-thumbs{flex-direction:column;overflow-x:visible;padding-bottom:0}}.scanner-thumb{flex-shrink:0;width:78px;position:relative;border-radius:var(--r-md);overflow:hidden;border:2px solid var(--c-border);cursor:pointer;transition:border-color var(--ease)}@media(min-width:900px){.scanner-thumb{width:100%}}.scanner-thumb.active{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.enhance-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}@media(max-width:480px){.enhance-panel{grid-template-columns:1fr}}@media(min-width:900px){.enhance-panel{display:flex;flex-direction:column;gap:var(--s-2)}}.doc-list-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--ease)}.doc-list-row:hover{border-color:var(--c-border-strong)}.doc-list-meta{display:none}@media(min-width:640px){.doc-list-meta{display:flex;align-items:center;gap:var(--s-6);flex-shrink:0}.doc-list-meta span{font-size:var(--text-xs);color:var(--c-text-2);min-width:60px;text-align:right}}.viewer-canvas{background:var(--c-bg-muted);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:var(--s-8);flex:1}.viewer-toolbar{height:46px;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 var(--s-3);gap:4px;overflow-x:auto;flex-shrink:0}.toolbar-sep{width:1px;height:18px;background:var(--c-border);flex-shrink:0;margin:0 4px}.nb-item{display:flex;align-items:center;gap:var(--s-2);padding:6px var(--s-3);border-radius:var(--r-md);cursor:pointer;font-size:var(--text-sm);color:var(--c-text-2);transition:all var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nb-item:hover{background:var(--c-bg-muted);color:var(--c-text)}.nb-item.active{font-weight:var(--fw-semibold)}.ai-avatar,.nb-item.active{background:#fffc00;color:#111}.ai-avatar{width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:var(--fw-bold)}.ai-bubble{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);box-shadow:var(--sh-xs)}.ai-bubble,.user-bubble{border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);font-size:var(--text-sm);max-width:min(440px,82vw);line-height:var(--leading-relaxed)}.user-bubble{background:#fffc00;color:#111;margin-left:auto}.ocr-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--c-text);white-space:pre-wrap;word-break:break-word;resize:vertical;min-height:200px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease both}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--c-bg-muted) 25%,var(--c-surface-3) 50%,var(--c-bg-muted) 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--r-md)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.kawaii-mascot-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:var(--s-2)}.kawaii-hero-img{width:96px;height:96px;border-radius:22px;border:3px solid #111;box-shadow:4px 4px 0 #111;-o-object-fit:cover;object-fit:cover;display:block}.kawaii-speech{background:#fffc00;color:#111;border:2px solid #111;border-radius:14px 14px 14px 4px;padding:5px 14px;font-size:var(--text-sm);font-weight:var(--fw-bold);box-shadow:2px 2px 0 #111;white-space:nowrap;position:relative}.kawaii-speech:before{content:"";position:absolute;top:-10px;left:14px;width:10px;height:10px;background:#fffc00;border-left:2px solid #111;border-top:2px solid #111;border-radius:3px 0 0 0;transform:rotate(0deg)}.ai-avatar{background:#fffc00!important;border:1.5px solid #111!important;border-radius:8px!important;box-shadow:1px 1px 0 #111;font-size:10px!important}.hero-cta-row{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-top:var(--s-6)}.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#fffc00;color:#111;border-radius:var(--r-xl);border:2px solid #111;padding:13px 24px;font-size:var(--text-base);font-weight:700;box-shadow:3px 3px 0 #111;text-decoration:none;transition:transform .12s,box-shadow .12s;white-space:nowrap}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:5px 5px 0 #111;color:#111}.hero-btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--c-surface);color:var(--c-text);border-radius:var(--r-xl);border:2px solid #111;padding:13px 22px;font-size:var(--text-base);font-weight:600;box-shadow:3px 3px 0 #111;text-decoration:none;transition:transform .12s,box-shadow .12s;white-space:nowrap}.hero-btn-secondary:hover{transform:translateY(-2px);box-shadow:5px 5px 0 #111;color:var(--c-text)}.hero-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--c-text);border-radius:var(--r-xl);border:2px solid var(--c-border-strong);padding:13px 20px;font-size:var(--text-base);font-weight:600;text-decoration:none;transition:border-color .12s,background .12s;white-space:nowrap}.hero-btn-ghost:hover{border-color:#111;background:var(--c-bg-muted);color:var(--c-text)}.hero-social-proof{display:flex;align-items:center;justify-content:center;gap:var(--s-2);margin-top:var(--s-5);flex-wrap:wrap}.hero-stars{display:flex;gap:2px}.hero-social-text{font-size:var(--text-xs);color:var(--c-text-3);text-align:center}.hero-stats{display:flex;justify-content:center;gap:var(--s-8);margin-top:var(--s-10);flex-wrap:wrap}.hero-stat-item{text-align:center}.hero-stat-value{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;color:var(--c-text);letter-spacing:-.03em}.hero-stat-label{font-size:var(--text-xs);color:var(--c-text-3);margin-top:2px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}@media(min-width:480px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.quick-grid{grid-template-columns:repeat(4,1fr);gap:var(--s-3)}}.quick-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .12s;position:relative}.quick-card:hover{border-color:#111;box-shadow:var(--sh-sm);transform:translateY(-1px)}.quick-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-text{flex:1;min-width:0}.quick-label{font-size:var(--text-sm);font-weight:600;color:var(--c-text)}.quick-label,.quick-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-sub{font-size:var(--text-xs);color:var(--c-text-3);margin-top:1px}.quick-arrow{color:var(--c-text-3);flex-shrink:0}@media(max-width:479px){.quick-arrow{display:none}}.section-heading{font-size:var(--text-2xl);margin-bottom:var(--s-3);letter-spacing:-.025em}.section-sub{font-size:var(--text-sm);color:var(--c-text-2);margin-bottom:var(--s-6)}.section-row{justify-content:space-between;flex-wrap:wrap;gap:var(--s-2)}.section-row,.see-all-link{display:flex;align-items:center}.see-all-link{font-size:var(--text-xs);color:#111;gap:3px;font-weight:500;white-space:nowrap}.how-grid{display:grid;grid-template-columns:1fr;gap:var(--s-4);margin-top:var(--s-6)}@media(min-width:640px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-card{padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.how-step{width:36px;height:36px;border-radius:50%;background:#fffc00;border:2px solid #111;font-size:var(--text-sm);font-weight:800;color:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-title{font-size:var(--text-base);font-weight:700;color:var(--c-text);margin:0}.how-desc{font-size:var(--text-sm);color:var(--c-text-2);margin:0;line-height:var(--leading-relaxed)}.spotlight-card{padding:var(--s-6);border-width:1px;border-style:solid}.spotlight-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}.spotlight-body{flex:1;min-width:200px}.spotlight-badge{display:inline-block;font-size:var(--text-xs);padding:3px 10px;border-radius:var(--r-full)}.spotlight-badge,.spotlight-title{font-weight:700;margin-bottom:var(--s-3)}.spotlight-title{font-size:var(--text-xl)}.spotlight-desc{font-size:var(--text-sm);color:var(--c-text-2);margin:0 0 var(--s-4)}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.feature-item{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--c-text-2)}.spotlight-cta{white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:var(--s-2)}@media(max-width:639px){.spotlight-inner{flex-direction:column}.spotlight-cta{width:100%;justify-content:center}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-4);margin-top:var(--s-6)}.feature-card{padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.feature-icon-wrap{width:40px;height:40px;border-radius:var(--r-md);background:var(--c-bg-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-title{font-size:var(--text-base);font-weight:700;margin:0}.feature-desc{font-size:var(--text-sm);color:var(--c-text-2);margin:0;line-height:var(--leading-relaxed)}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--s-5)}@media(min-width:640px){.seo-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.seo-grid{grid-template-columns:repeat(3,1fr)}}.seo-card{padding:var(--s-5);text-decoration:none;display:flex;flex-direction:column;gap:var(--s-3);height:100%}.seo-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}.seo-card-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.seo-card-volume{font-size:10px;font-weight:600;color:var(--c-text-3);white-space:nowrap}.seo-card-title{font-size:var(--text-base);font-weight:700;color:var(--c-text);margin:0}.seo-card-desc{font-size:var(--text-sm);color:var(--c-text-2);margin:0;flex:1;line-height:var(--leading-relaxed)}.seo-card-tags{display:flex;flex-wrap:wrap;gap:var(--s-1);margin-top:auto}.seo-tag{font-size:var(--text-xs);background:var(--c-bg-muted);color:var(--c-text-3);padding:2px 8px;border-radius:999px;border:1px solid var(--c-border);white-space:nowrap}.review-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-4)}.review-stars-row{display:flex;align-items:center;gap:var(--s-2)}.review-score{font-size:var(--text-xl);font-weight:800;color:#111}.review-quote{font-size:clamp(var(--text-base),2.5vw,var(--text-lg));font-weight:500;color:#111;max-width:640px;line-height:var(--leading-relaxed);font-style:italic}.review-meta{font-size:var(--text-xs);color:rgba(0,0,0,.55);font-weight:600}.review-counts{display:flex;gap:var(--s-4);flex-wrap:wrap;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#111}.faq-list{display:flex;flex-direction:column;gap:var(--s-3)}.faq-item{padding:0;overflow:hidden}.faq-question{width:100%;padding:var(--s-5);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);background:none;border:none;cursor:pointer;font-family:var(--font);font-size:var(--text-sm);font-weight:600;color:var(--c-text);text-align:left;line-height:var(--leading-snug)}.faq-question:hover{background:var(--c-bg-muted)}.faq-answer{padding:0 var(--s-5) var(--s-5);font-size:var(--text-sm);color:var(--c-text-2);line-height:var(--leading-relaxed);margin:0;border-top:1px solid var(--c-border);padding-top:var(--s-4)}