*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:#f6f7fb;margin:0;font:14px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial;transition:background .25s,color .25s}:root{--text:#0f172a;--muted:#667085;--border:#e5e3e7;--surface:#fff;--surface-2:#f6f7fb;--accent:#111827;--radius:14px;--shadow-sm:0 1px 2px rgba(16,24,40,.06);--shadow-md:0 6px 24px rgba(16,24,40,.08);--rb:conic-gradient(from 180deg at 50% 50%,#7c5cff,#5fb0ff,#45e6ff,#4ade80,#f59e0b,#fb7185,#a78bfa,#7c5cff);--tint:#eef2ff;--tint-border:#e0e7ff;--hover:#f2f4f7;--footer-bg:#eef1f5;--chip-bg:#eef2ff;--chip-border:#e0e7ff;--chip-fg:#111827;--ok:#065f46;--ok-weak:#a7f3d0;--ok-bg:#ecfdf5;--warning:#92400e;--error:#b91c1c;--progress-track:#eef2f7}.container{width:min(1120px,100% - 32px);margin-left:auto;margin-right:auto}.app-header{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.933),rgba(255,255,255,.69));position:-webkit-sticky;position:sticky;top:0}.header-bar{padding:12px 0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.nav-left{align-items:center;gap:8px;display:flex}.nav-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.brand-centered{justify-content:center;align-items:center;display:flex}.brand-logo{width:auto;height:28px;display:block}.btn,.nav-link{vertical-align:middle;justify-content:center;align-items:center;height:40px;display:inline-flex}.nav-link{color:#0f172a;border:1px solid transparent;border-radius:12px;padding:0 12px;text-decoration:none}.nav-link:hover{background:#f2f4f7}main{padding-top:32px;padding-bottom:32px}.stack{gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}h1{letter-spacing:.2px;margin:0 0 10px;font-size:28px}h2{margin:0 0 8px;font-size:20px}h3{margin:0 0 6px;font-size:16px}.muted{color:var(--muted)}.small{color:var(--muted);font-size:12px}.badge{color:#111827;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);color:#0f172a;cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;transition:transform 60ms,box-shadow .15s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(1px)}.btn-ghost{background:0 0;border-color:transparent}.btn-ghost:hover{background:#f2f4f7}.btn-rainbow{background:linear-gradient(#fff,#fff)padding-box,var(--rb)border-box;border:2px solid transparent;border-radius:14px}.btn-rainbow:hover{box-shadow:0 0 0 4px rgba(124,92,255,.14)}.input,.select{width:100%;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;padding:10px 12px}.input:focus,.select:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px rgba(124,92,255,.16)}.label{color:var(--muted);margin-bottom:6px;font-size:13px}.seg{border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 12px}.seg button.active{color:#0f172a;background:linear-gradient(135deg,#eef2ff 0%,#e0f7ff 100%);font-weight:700}.dropzone{border:1px solid var(--border);min-height:180px;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;place-items:center;display:grid;position:relative}.dropzone:before{content:"";pointer-events:none;border:2px dashed #d1d5db;border-radius:12px;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.dz-body{text-align:center;z-index:1;position:relative}.dz-title{color:#111827;font-weight:700}.dz-sub{color:#667085;margin-top:6px;font-size:12px}@media (min-width:900px){.hiw-grid{grid-template-columns:repeat(3,1fr)}}.hiw-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:16px;transition:transform 60ms,box-shadow .15s,border-color .15s;position:relative}.step-chip{color:#111827;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:800;display:inline-grid}.hiw-ico{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;display:grid;box-shadow:inset 0 2px 8px rgba(0,0,0,.04)}.security-grid{gap:12px;display:grid}@media (min-width:900px){.security-grid{grid-template-columns:repeat(4,1fr)}}.sec-pill{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-content:center;gap:6px;padding:14px;display:grid}.sec-pill .title{font-weight:700}.sec-pill .muted{font-size:12px}.receipts-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.receipt-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}@media (min-width:700px){.receipt-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.receipt-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1240px){.receipt-grid{grid-template-columns:repeat(4,1fr)}}.receipt-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;transition:transform 60ms,box-shadow .15s;display:flex;overflow:hidden}.receipt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.thumb{aspect-ratio:1;background:#f3f4f6;place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.thumb .price{border:1px solid var(--border);background:rgba(255,255,255,.85);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:8px}.receipt-body{flex-direction:column;gap:4px;min-height:82px;padding:12px;display:flex}.title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hero{border:1px solid var(--border);box-shadow:var(--shadow-md);background:radial-gradient(600px 180px at 80% -40%,rgba(124,92,255,.14),transparent 60%),#fff;border-radius:16px;padding:20px}.faq-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:900px){.faq-grid{grid-template-columns:1fr 1fr}}.faq-item{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;transition:border-color .15s,box-shadow .15s,transform 60ms;position:relative;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-md);border-color:#dfe3ea}.faq-summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px;outline:none;align-items:flex-start;gap:12px;padding:14px 16px;list-style:none;display:flex}.faq-summary:focus-visible{box-shadow:inset 0 0 0 3px rgba(124,92,255,.16)}.faq-answer{border-top:1px solid var(--border);color:var(--muted);background:#fbfbff;padding:12px 16px;line-height:1.6}.faq-icon{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;place-items:center;width:32px;height:32px;font-size:16px;display:grid;box-shadow:inset 0 2px 8px rgba(0,0,0,.067)}.faq-titles{gap:2px;display:grid}.faq-question{color:var(--text);font-weight:800}.chev{color:#94a3b8;margin-left:auto;transition:transform .2s}.faq-item[open] .chev{transform:rotate(180deg)}.desktop-only{display:initial}.mobile-only,.burger,.drawer{visibility:hidden;display:none!important}@media (max-width:700px){.desktop-only{display:none!important}.mobile-only{display:initial!important}.brand-icon{width:26px;height:26px;display:block}.burger{border:1px solid var(--border);width:36px;height:36px;box-shadow:var(--shadow-sm);visibility:visible;background:#fff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex!important}.burger span{background:#0f172a;border-radius:2px;width:18px;height:2px;margin:3px auto;display:block}.drawer{z-index:120;pointer-events:none;visibility:visible;position:fixed;top:0;bottom:0;left:0;right:0;display:block!important}.drawer.open{pointer-events:auto}.drawer-backdrop{opacity:0;background:rgba(15,23,42,.32);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{border-left:1px solid var(--border);width:min(94vw,360px);height:100%;box-shadow:var(--shadow-md);padding-top:max(12px,env(safe-area-inset-top));background:#fff;flex-direction:column;transition:transform .25s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.drawer.open .drawer-panel{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-brand{align-items:center;gap:10px;display:flex}.drawer-title{font-weight:800}.drawer-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:32px;font-size:18px;line-height:1}.drawer-body{flex-direction:column;gap:4px;padding:10px;display:flex;overflow:auto}.drawer-link{color:#0f172a;border:1px solid transparent;border-radius:10px;padding:12px 10px;text-decoration:none;display:block}.drawer-link:hover{background:#f3f4f6}.drawer-link.danger{color:#b91c1c}.drawer-sep{border:0;border-top:1px solid var(--border);margin:8px 0}.drawer-muted{color:var(--muted);padding:0 2px 8px;font-size:12px}.app-header{padding-top:max(0px,env(safe-area-inset-top))}}@media (min-width:701px){.drawer,.drawer *{display:none!important}}.avatar{color:#0f172a;background:#fff;border:1px solid #dbeafe;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:800;transition:transform 60ms,box-shadow .15s;display:inline-grid;box-shadow:0 2px 10px rgba(0,0,0,.04)}.avatar:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(0,0,0,.08)}.menu{border:1px solid var(--border);min-width:240px;box-shadow:var(--shadow-md);z-index:50;background:#fff;border-radius:12px;padding:10px;position:absolute;top:44px;right:0}.menu hr{border:0;border-top:1px solid var(--border);margin:8px 0}.menu-row{cursor:pointer;color:#0f172a;border-radius:10px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.menu-row:hover{background:#f3f4f6}.footer-wrap{grid-template-columns:repeat(5,1fr);gap:24px;width:min(1120px,100% - 32px);margin-left:auto;margin-right:auto;padding:28px 0;display:grid}#nextjs__indicator,.nextjs-portal,[data-nextjs-devtools],[data-nextjs-toast]{display:none!important}@media (max-width:480px){.app-header{padding-top:max(0px,env(safe-area-inset-top))}.header-bar{padding:8px 0}.container{width:calc(100% - 24px)}.nav-right{flex-wrap:wrap;gap:8px}.btn,.nav-link{height:36px;padding:0 10px;font-size:13px}.brand-logo{height:24px}main{padding-top:20px;padding-bottom:20px}.section,.hero{padding:16px}.dropzone{min-height:150px}.menu{top:calc(56px + env(safe-area-inset-top));min-width:unset;z-index:100;max-width:none;position:fixed;left:12px;right:12px}.faq-summary{padding:14px}.footer-wrap{grid-template-columns:1fr 1fr;gap:16px}.footer-credit{text-align:left;grid-column:auto}}@media (max-width:360px){.btn,.nav-link{padding:0 8px}.footer-wrap{grid-template-columns:1fr}}.show-mobile{display:none}@media (max-width:700px){.hide-mobile{display:none!important}.show-mobile{display:initial!important}.brand-icon{width:26px;height:26px;display:block}.burger{border:1px solid var(--border);width:36px;height:36px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.burger span{background:#0f172a;border-radius:2px;width:18px;height:2px;margin:3px auto}.drawer{z-index:120;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-backdrop{opacity:0;background:rgba(15,23,42,.32);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{border-left:1px solid var(--border);width:min(94vw,360px);height:100%;box-shadow:var(--shadow-md);padding-top:max(12px,env(safe-area-inset-top));background:#fff;flex-direction:column;transition:transform .25s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.drawer.open{pointer-events:auto}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-brand{align-items:center;gap:10px;display:flex}.drawer-title{font-weight:800}.drawer-close{border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:32px}.drawer-body{flex-direction:column;gap:4px;padding:10px;display:flex;overflow:auto}.drawer-link{color:#0f172a;border-radius:10px;padding:12px 10px;text-decoration:none;display:block}.drawer-link:hover{background:#f3f4f6}.drawer-sep{border:0;border-top:1px solid var(--border);margin:8px 0}.drawer-muted{color:var(--muted);padding:0 2px 8px;font-size:12px}.drawer-link.danger{color:#b91c1c}}.popup-backdrop{z-index:400;background:rgba(15,23,42,.45);position:fixed;top:0;bottom:0;left:0;right:0}.popup-card{z-index:401;border:1px solid var(--border);width:min(520px,92vw);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;padding:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-card--welcome{background:radial-gradient(600px 200px at 90% -40%,rgba(124,92,255,.12),transparent 60%),#fff;border-radius:16px;width:min(860px,96vw);padding:18px;animation:.16s ease-out popIn}.welcome-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.welcome-title-wrap{max-width:640px}.welcome-close{border-radius:10px;width:36px;height:36px;padding:0;line-height:1}.popup-grid{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}@media (max-width:720px){.popup-card--welcome{padding:16px}.popup-grid{grid-template-columns:1fr}}.welcome-col{gap:12px;display:grid}.welcome-block{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:12px}.welcome-block-title{color:var(--text);margin-bottom:6px;font-weight:800}.check-list,.dash-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.check-list li,.dash-list li{color:var(--muted);align-items:flex-start;gap:10px;line-height:1.55;display:flex}.check-list li span{text-align:center;width:18px;line-height:1.2}.dash-list li:before{content:"– ";color:#94a3b8}.welcome-steps{gap:10px;display:grid}.welcome-step{align-items:flex-start;gap:10px;display:flex}.welcome-step-text{gap:2px;display:grid}.welcome-step-title{font-weight:800}.welcome-step-sub{color:var(--muted);font-size:13px}.socials--block{margin-top:10px}.socials--block .social-pill{justify-content:flex-start;width:100%}.welcome-foot{text-align:right;margin-top:10px}.popup-title{letter-spacing:.2px;margin:6px 0;font-size:22px}.popup-sub{color:var(--muted);line-height:1.6}.beta-badge{letter-spacing:.2px;color:#111827;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;margin-bottom:6px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.socials{flex-wrap:wrap;gap:8px;display:flex}.social-pill{border:1px solid var(--border);color:#0f172a;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;display:inline-flex}.social-pill:hover{background:#f8fafc}.topbar{border-bottom:1px solid var(--border);padding-top:max(0px,env(safe-area-inset-top));background:radial-gradient(900px 160px at 100% -60%,rgba(124,92,255,.14),transparent 60%),#fff}.topbar-inner{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.topbar-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip-beta{letter-spacing:.2px;color:#111827;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.topbar-actions .btn{border-radius:10px;height:34px;padding:0 12px}@media (max-width:700px){.topbar-inner{grid-template-columns:1fr;gap:8px}.topbar-actions{display:flex}}.popup-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(90vh,720px);overflow:auto}.welcome-ctas{grid-template-columns:1fr 1fr auto;gap:12px;margin-top:12px;display:grid}@media (max-width:720px){.welcome-ctas{grid-template-columns:1fr;gap:10px;margin-top:10px}}.cta-btn{border:1px solid var(--border);height:46px;color:var(--text);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-weight:800;text-decoration:none;transition:transform 60ms,filter .15s,box-shadow .15s;display:inline-flex}.cta-btn:hover{filter:brightness(.98)}.cta-btn:active{transform:translateY(1px)}.cta-btn svg{opacity:.9}.cta-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 24px rgba(17,24,39,.18)}.cta-primary:hover{filter:brightness(.96)}.cta-secondary{border-color:var(--border);background:linear-gradient(#fff,#fff) padding-box padding-box,radial-gradient(900px 120px at -10% -40%,rgba(124,92,255,.14),transparent 60%) border-box}.cta-ghost{border-color:var(--border);box-shadow:none;color:var(--muted);background:0 0}.cta-ghost:hover{background:#f8fafc}@media (max-width:700px){.popup-card--welcome{width:100%;max-height:calc(92vh - env(safe-area-inset-bottom));padding:14px 12px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.18s ease-out sheetIn;top:auto;bottom:0;left:0;right:0;transform:none}.popup-grid{gap:12px}.welcome-title-wrap{max-width:none}.popup-title{font-size:20px}.popup-sub{font-size:14px}.socials--block .social-pill{width:100%}.welcome-foot{text-align:center;padding-bottom:max(6px,env(safe-area-inset-bottom));margin-top:8px}.welcome-close{width:34px;height:34px}.topbar{padding-top:max(0px,env(safe-area-inset-top));border-bottom:1px solid var(--border);padding-bottom:6px}.topbar-inner{text-align:center;grid-template-columns:1fr;gap:6px}.topbar-left{justify-content:center}.topbar-text{white-space:normal;text-overflow:clip;max-width:34rem;margin:0 auto;padding:0 2px;line-height:1.45;overflow:visible}.chip-beta{padding:4px 8px;font-size:11px}.topbar-actions{justify-content:center;display:flex}.topbar-actions .btn{border-radius:12px;height:34px;padding:0 14px}.topbar-actions .btn-rainbow{background:linear-gradient(#fff,#fff)padding-box,var(--rb)border-box;box-shadow:var(--shadow-sm)}}.detail-grid{grid-template-columns:minmax(220px,280px) 1fr;gap:16px;display:grid}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}}.detail-aside{align-self:start;position:-webkit-sticky;position:sticky;top:88px}.preview-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;overflow:hidden}.preview-img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#f3f4f6;width:100%;display:block}.preview-meta{gap:6px;padding:12px;display:grid}.preview-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.preview-money{align-items:center;gap:10px;display:flex}.chip{color:#111827;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block}.money{font-size:18px}.preview-actions{flex-wrap:wrap;gap:8px;padding:8px 12px 12px;display:flex}.mini-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;height:34px;padding:0 10px;font-weight:700}.mini-btn:hover{filter:brightness(.98)}.detail-main{gap:14px;display:grid}.block{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:12px}.block-title{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:800}.kv{gap:10px;display:grid}.kv>div{grid-template-columns:140px 1fr;align-items:center;gap:10px;display:grid}.kv dt{color:var(--text);font-weight:700}.kv dd{color:var(--text);margin:0}@media (max-width:520px){.kv>div{grid-template-columns:1fr}}.id-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.id-grid{grid-template-columns:1fr}}.id-field .id-row{align-items:center;gap:8px;display:flex}.id-field .id-value{text-overflow:ellipsis;white-space:nowrap;width:100%;padding:10px 12px;overflow:hidden}.ocr-box{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);color:#0f172a;-webkit-overflow-scrolling:touch;background:#f9fafb;border-radius:10px;max-height:42vh;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;overflow:auto}@media (max-width:900px){.detail-aside{position:relative;top:auto}}@media (max-width:700px){.detail-grid{gap:12px}.preview-meta{padding:10px 12px}.preview-money .money{font-size:17px}.preview-actions{grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.mini-btn{border-radius:12px;height:40px}.kv>div{grid-template-columns:1fr;gap:6px}.id-grid{grid-template-columns:1fr}.id-field .id-row{flex-direction:column;align-items:stretch;gap:6px}.id-field .id-value{white-space:normal;word-break:break-all;overflow-wrap:anywhere}.id-field .btn{width:100%;height:40px}.ocr-box{overflow-wrap:anywhere;max-height:56vh;font-size:12.5px}}@media (max-width:380px){.preview-actions{grid-template-columns:1fr}}.ocr-head{z-index:2;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:flex-start;gap:12px;margin:-4px -4px 10px;padding:8px 4px 10px;display:flex;position:-webkit-sticky;position:sticky;top:0}.ocr-close{color:#fff;background:#111827;border:1px solid #0b1220;border-radius:12px;place-items:center;width:40px;height:40px;transition:transform 60ms,filter .15s,box-shadow .15s;display:inline-grid;box-shadow:0 4px 18px rgba(2,6,23,.18)}.ocr-close:hover{filter:brightness(.96)}.ocr-close:active{transform:translateY(1px)}.sheet-handle{place-items:center;height:18px;display:grid}.sheet-handle:before{content:"";background:#e5e7eb;border-radius:999px;width:42px;height:4px;display:block}.ocr-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto}.ocr-grid{grid-template-columns:minmax(140px,220px) 1fr;gap:14px;display:grid}.ocr-row{grid-template-columns:minmax(140px,220px) 1fr;gap:12px;display:grid}.ocr-meta{gap:10px;display:grid}.ocr-meta-pair,.ocr-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:700px){.ocr-card{width:100%;max-height:calc(92vh - env(safe-area-inset-bottom));padding:6px 12px calc(14px + env(safe-area-inset-bottom));border:1px solid var(--border);contain:layout paint;background:#fff;border-radius:16px 16px 0 0;animation:.18s ease-out sheetIn;top:auto;bottom:0;left:0;right:0;transform:none;box-shadow:0 -14px 32px rgba(2,6,23,.18),inset 0 -1px rgba(2,6,23,.06)}.ocr-grid,.ocr-row,.ocr-meta-pair,.ocr-pair{grid-template-columns:1fr}.ocr-actions{z-index:1;background:linear-gradient(transparent,#fff 40%);padding-top:8px;position:-webkit-sticky;position:sticky;bottom:-8px}.ocr-actions .btn{flex:auto;height:48px}.ocr-image{aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;background:#fff;max-height:42vh}.ocr-close{border-radius:14px;width:44px;height:44px}}.blog-card{color:inherit;cursor:pointer;border-radius:14px;gap:10px;padding:12px;text-decoration:none;transition:transform 60ms,box-shadow .15s,border-color .15s;display:grid;position:relative}.blog-card:hover{box-shadow:var(--shadow-md);border-color:#dfe3ea;transform:translateY(-1px)}.blog-card .blog-cover{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;width:100%;height:max(150px,min(24vw,240px));display:block;overflow:hidden}.blog-card .blog-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-title{margin:0;line-height:1.25}.blog-excerpt{margin:0}.blog-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.blog-meta .dot{opacity:.6}.blog-avatar{border:1px solid var(--border);background:#fff;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid;overflow:hidden}.blog-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-hero{background:var(--surface-2);border:1px solid var(--border);width:100%;height:max(180px,min(40vw,420px));box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.blog-hero img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}@media (max-width:700px){.blog-card .blog-cover{height:170px}.blog-hero{height:max(160px,min(48vw,280px))}}@keyframes sheetIn{0%{opacity:.98;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:.98;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app-header{background:linear-gradient(to bottom,color-mix(in srgb,var(--surface)92%,transparent),color-mix(in srgb,var(--surface)70%,transparent))}}:root[data-theme=dark] .app-header{background:linear-gradient(to bottom,color-mix(in srgb,var(--surface)92%,transparent),color-mix(in srgb,var(--surface)70%,transparent))}:root[data-theme=dark] .btn,:root[data-theme=dark] .nav-link,:root[data-theme=dark] .mini-btn,:root[data-theme=dark] .cta-btn,:root[data-theme=dark] .drawer-close,:root[data-theme=dark] .burger{background:var(--surface);color:var(--text);border-color:var(--border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-ghost:hover,:root:not([data-theme=light]) .nav-link:hover,:root:not([data-theme=light]) .drawer-link:hover,:root:not([data-theme=light]) .social-pill:hover{background:var(--hover)}}:root[data-theme=dark] .btn-ghost:hover,:root[data-theme=dark] .nav-link:hover,:root[data-theme=dark] .drawer-link:hover,:root[data-theme=dark] .social-pill:hover{background:var(--hover)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-rainbow{background:linear-gradient(var(--surface),var(--surface))padding-box,var(--rb)border-box}}:root[data-theme=dark] .btn-rainbow{background:linear-gradient(var(--surface),var(--surface))padding-box,var(--rb)border-box}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .section,:root:not([data-theme=light]) .dropzone,:root:not([data-theme=light]) .hero,:root:not([data-theme=light]) .menu,:root:not([data-theme=light]) .drawer-panel,:root:not([data-theme=light]) .popup-card,:root:not([data-theme=light]) .popup-card--welcome,:root:not([data-theme=light]) .preview-card,:root:not([data-theme=light]) .block,:root:not([data-theme=light]) .receipt-card,:root:not([data-theme=light]) .blog-card .blog-cover,:root:not([data-theme=light]) .blog-hero{background:var(--surface);border-color:var(--border);color:var(--text)}}:root[data-theme=dark] .card,:root[data-theme=dark] .section,:root[data-theme=dark] .dropzone,:root[data-theme=dark] .hero,:root[data-theme=dark] .menu,:root[data-theme=dark] .drawer-panel,:root[data-theme=dark] .popup-card,:root[data-theme=dark] .popup-card--welcome,:root[data-theme=dark] .preview-card,:root[data-theme=dark] .block,:root[data-theme=dark] .receipt-card,:root[data-theme=dark] .blog-card .blog-cover,:root[data-theme=dark] .blog-hero{background:var(--surface);border-color:var(--border);color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge,:root:not([data-theme=light]) .step-chip,:root:not([data-theme=light]) .chip,:root:not([data-theme=light]) .faq-icon{background:var(--tint);border-color:var(--tint-border);color:var(--text)}}:root[data-theme=dark] .badge,:root[data-theme=dark] .step-chip,:root[data-theme=dark] .chip,:root[data-theme=dark] .faq-icon{background:var(--tint);border-color:var(--tint-border);color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .faq-answer,:root:not([data-theme=light]) .ocr-box{background:var(--surface-2);color:var(--text);border-color:var(--border)}}:root[data-theme=dark] .faq-answer,:root[data-theme=dark] .ocr-box{background:var(--surface-2);color:var(--text);border-color:var(--border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .topbar,:root:not([data-theme=light]) .ocr-head{background:var(--surface)}}:root[data-theme=dark] .topbar,:root[data-theme=dark] .ocr-head{background:var(--surface)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .thumb .price{background:color-mix(in srgb,var(--surface)88%,transparent);border-color:var(--border);color:var(--text)}}:root[data-theme=dark] .thumb .price{background:color-mix(in srgb,var(--surface)88%,transparent);border-color:var(--border);color:var(--text)}html[data-theme=dark]{--footer-bg:#0e1421;--chip-bg:#111a2b;--chip-border:#1e2a3d;--chip-fg:#e6eaf3}.hiw-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px;transition:transform 60ms,box-shadow .15s,border-color .15s}.hiw-card:hover{box-shadow:var(--shadow-md);border-color:#dfe3ea;transform:translateY(-2px)}.hiw-card h3{color:var(--text);opacity:1}.step-chip{background:var(--chip-bg);border:1px solid var(--chip-border);min-width:24px;height:24px;color:var(--chip-fg);border-radius:999px;place-items:center;padding:0 6px;font-size:13px;font-weight:800;display:inline-grid}.site-footer{border-top:1px solid var(--border);background:var(--footer-bg);margin-top:48px}.footer-col h4{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:800}.footer-col a{color:var(--text);padding:6px 0;text-decoration:none;display:block}.footer-col a:hover{text-decoration:underline}.footer-credit{text-align:right;color:var(--muted);grid-column:5/6;align-self:center;font-weight:700}.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px}.auth-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.auth-badge{color:var(--chip-fg);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.alert{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 12px;font-weight:700}.alert--error{color:#ef4444;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.35)}.input::placeholder{color:var(--muted);opacity:.7}.strength-wrap{margin-top:10px}.strength-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.strength-bar{background:linear-gradient(90deg,#fb7185,#f59e0b,#10b981);width:0%;height:100%;transition:width .2s}.strength-label{color:var(--muted);margin-top:6px;font-size:12px}.rule-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.rule{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.rule-dot{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.rule-ok{color:#10b981}.rule-ok .rule-dot{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35)}.auth-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.auth-actions .btn{height:42px}.auth-tiles{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px;display:grid}.auth-tile{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:12px}.auth-tile .muted{font-size:12px}@media (max-width:700px){.auth-tiles{grid-template-columns:1fr}}[data-theme=dark]{--ok:#22c55e;--ok-weak:rgba(34,197,94,.45);--ok-bg:rgba(34,197,94,.12);--warning:#f59e0b;--error:#f87171;--progress-track:rgba(255,255,255,.06)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 24px rgba(17,24,39,.18)}.btn-accent:hover{filter:brightness(.96)}.text-error{color:var(--error)!important}.text-ok{color:var(--ok)!important}[data-theme=dark]{--text:#e7edf7;--muted:#9aa7bd;--border:#2a3546;--surface:#0f1624;--surface-2:#121b2c;--accent:#111827;--shadow-sm:0 1px 2px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.02) inset;--shadow-md:0 10px 30px rgba(0,0,0,.45)}[data-theme=dark] body{color:var(--text);background:#0a0f1a}[data-theme=dark] a{color:#cfe2ff}[data-theme=dark] a:hover{color:#e6f0ff}[data-theme=dark] .card,[data-theme=dark] .section,[data-theme=dark] .dropzone,[data-theme=dark] .hiw-card,[data-theme=dark] .sec-pill,[data-theme=dark] .receipt-card,[data-theme=dark] .preview-card,[data-theme=dark] .block,[data-theme=dark] .menu,[data-theme=dark] .blog-card,[data-theme=dark] .blog-hero,[data-theme=dark] .topbar,[data-theme=dark] .popup-card,[data-theme=dark] .ocr-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}[data-theme=dark] .hero{background:radial-gradient(600px 180px at 80% -40%,rgba(124,92,255,.18),transparent 60%),var(--surface);border-color:var(--border);box-shadow:var(--shadow-md)}[data-theme=dark] .hiw-ico,[data-theme=dark] .faq-icon,[data-theme=dark] .blog-card .blog-cover,[data-theme=dark] .blog-hero,[data-theme=dark] .thumb,[data-theme=dark] .preview-img{background:var(--surface-2);border-color:var(--border)}[data-theme=dark] .hiw-card h3{color:var(--text)}[data-theme=dark] .faq-item{background:var(--surface)}[data-theme=dark] .faq-item[open] .faq-summary{border-color:var(--border)}[data-theme=dark] .faq-answer{background:var(--surface-2);border-color:var(--border);color:var(--muted)}[data-theme=dark] .input,[data-theme=dark] .select{color:var(--text);border-color:var(--border);background:#0b1220}[data-theme=dark] .input::-moz-placeholder{color:#7d8aa3}[data-theme=dark] .select::-moz-placeholder{color:#7d8aa3}[data-theme=dark] .input::placeholder,[data-theme=dark] .select::placeholder{color:#7d8aa3}[data-theme=dark] .input:focus,[data-theme=dark] .select:focus{box-shadow:0 0 0 4px rgba(124,92,255,.18)}[data-theme=dark] .btn{color:var(--text);border-color:var(--border);background:#0e1626}[data-theme=dark] .btn-ghost:hover{background:#0e1626}[data-theme=dark] .btn-rainbow{background:linear-gradient(#0f1624,#0f1624)padding-box,var(--rb)border-box}[data-theme=dark] .badge,[data-theme=dark] .chip,[data-theme=dark] .step-chip{color:#dfe7f6;background:#171f30;border-color:#222e44}[data-theme=dark] .avatar{color:var(--text);background:#0e1626;border-color:#20304b;box-shadow:0 2px 10px rgba(0,0,0,.4)}[data-theme=dark] .menu{background:var(--surface);border-color:var(--border)}[data-theme=dark] .menu-row{color:var(--text)}[data-theme=dark] .menu-row:hover{background:#121b2c}[data-theme=dark] .menu hr{border-top-color:var(--border)}[data-theme=dark] .app-header{border-bottom-color:var(--border);background:linear-gradient(rgba(15,22,36,.933),rgba(15,22,36,.69))}[data-theme=dark] .topbar{background:radial-gradient(900px 160px at 100% -60%,rgba(124,92,255,.22),transparent 60%),var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .chip-beta{color:#e5eaf5;background:#171f30;border-color:#222e44}[data-theme=dark] .site-footer{border-top-color:var(--border);background:#0c131f}[data-theme=dark] .footer-col h4,[data-theme=dark] .footer-col a,[data-theme=dark] .footer-credit{color:var(--text)}[data-theme=dark] .footer-col a:hover{text-decoration:underline}[data-theme=dark] .footer-credit{color:#cfe2ff}@media (max-width:700px){[data-theme=dark] .burger{background:var(--surface);border-color:var(--border)}[data-theme=dark] .burger span{background:var(--text)}[data-theme=dark] .drawer-backdrop{background:rgba(2,6,23,.55)}[data-theme=dark] .drawer-panel{background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-md)}[data-theme=dark] .drawer-header{border-bottom:1px solid var(--border)}[data-theme=dark] .drawer-title{color:var(--text)}[data-theme=dark] .drawer-close{background:var(--surface);color:var(--text);border:1px solid var(--border)}[data-theme=dark] .drawer-body{background:0 0}[data-theme=dark] .drawer-link{color:var(--text);border-color:transparent}[data-theme=dark] .drawer-link:hover{background:#121b2c}[data-theme=dark] .drawer-link.danger{color:#fda4af}[data-theme=dark] .drawer-sep{border-top-color:var(--border)}[data-theme=dark] .drawer-muted{color:var(--muted)}}[data-theme=dark] .step-chip{color:#e7edf7}[data-theme=dark] .thumb .price{border-color:var(--border);color:var(--text);background:rgba(15,22,36,.86)}[data-theme=dark] .ocr-head{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .sheet-handle:before{background:#2b3750}[data-theme=dark] .blog-meta .dot{opacity:.7}[data-theme=dark] .sec-pill .title{color:var(--text)}html,body{overflow-x:hidden}:root{--ok:#10b981;--warn:#f59e0b;--danger:#ef4444}[data-theme=dark]{--text:#e8edf6;--muted:#9aa4b2;--border:#253041;--surface:#0b1220;--surface-2:#0e1524;--accent:#111827}[data-theme=dark] body{background:#0a0f1a}@media (max-width:700px){.drawer,.drawer *{visibility:visible}.burger{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;display:inline-flex!important}.burger span{background:var(--text);border-radius:2px;width:18px;height:2px;margin:3px auto}.drawer{z-index:120;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.drawer.open{pointer-events:auto}.drawer-backdrop{opacity:0;background:rgba(2,6,23,.55);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{background:var(--surface);border-left:1px solid var(--border);width:min(92vw,420px);height:100%;padding-top:max(12px,env(safe-area-inset-top));flex-direction:column;transition:transform .24s;display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:0 12px 40px rgba(0,0,0,.48)}.drawer.open .drawer-panel{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-title{color:var(--text);font-weight:800}.drawer-close{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:10px}.drawer-body{padding:10px;padding-bottom:max(10px,calc(10px + env(safe-area-inset-bottom)));flex-direction:column;gap:6px;display:flex;overflow:auto}.drawer-link{color:var(--text);border:1px solid transparent;border-radius:10px;padding:12px 10px;text-decoration:none;display:block}.drawer-link:hover{background:var(--surface-2)}.drawer-link.danger{color:#ef4444}.drawer-sep{border:0;border-top:1px solid var(--border);margin:8px 0}.drawer-muted{color:var(--muted);font-size:12px}}.hiw-card h3,.hero h1,.hero h2{color:var(--text)!important;opacity:1!important}.faq-grid{gap:12px}.faq-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.faq-summary{border-radius:12px;padding:14px 16px}.faq-item[open] .faq-summary{border-bottom:1px solid var(--border);border-bottom-right-radius:0;border-bottom-left-radius:0}.faq-answer{background:var(--surface-2);border-top:1px solid var(--border);color:var(--muted)}.chev{color:#94a3b8}.faq-icon{min-width:32px}.site-footer{background:var(--surface-2);border-top:1px solid var(--border)}.footer-wrap{width:min(1120px,100% - 24px)}.footer-col a,.footer-col h4{color:var(--text)}@media (max-width:700px){.footer-wrap{padding-bottom:max(18px,calc(18px + env(safe-area-inset-bottom)));grid-template-columns:1fr 1fr;gap:16px}.footer-credit{text-align:left;grid-column:auto}}@media (max-width:480px){.section,.hero{padding:14px}.container{width:calc(100% - 24px)}}[data-theme=dark] .badge{color:#e5e9f3;background:#1b2440;border-color:#202c42}[data-theme=dark] .progress{background:#141d2b;border-color:#202c42}[data-theme=dark] .sec-pill{background:var(--surface);border-color:var(--border)}[data-theme=dark] .input,[data-theme=dark] .select{color:var(--text);background:#0d1526;border-color:#223046}[data-theme=dark] .input::placeholder{color:#6b7481}[data-theme=dark] .btn{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .btn-ghost{color:var(--text);background:0 0;border-color:transparent}[data-theme=dark] .btn:hover{filter:brightness(1.03)}.logo-dark{display:none}.logo-light{display:block}[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.profile-hero{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);background:radial-gradient(600px 180px at 80% -40%,rgba(124,92,255,.14),transparent 60%),var(--surface);padding:18px}.tone-danger{background:#fff1f2;border:1px solid #fecaca}.tone-danger .badge{color:#991b1b;background:#fee2e2;border-color:#fecaca}.tone-danger .small{color:#991b1b}[data-theme=dark] .tone-danger{background:#2a0f13;border-color:#4a1e1e}[data-theme=dark] .tone-danger .badge{color:#fecaca;background:#3a1518;border-color:#4a1e1e}[data-theme=dark] .tone-danger .small{color:#fecaca}.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 6px 22px rgba(239,68,68,.22)}.btn-danger:hover{filter:brightness(.96)}[data-theme=dark] .btn-danger{background:#b91c1c;border-color:#b91c1c;box-shadow:0 6px 22px rgba(185,28,28,.28)}.menu-card,.nav-menu,.popup-card.menu,.popup-card--menu{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.menu-card .btn,.menu-card button,.nav-menu .btn,.nav-menu button,.popup-card.menu .btn,.popup-card.menu button{background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--border);border-radius:12px;height:40px}.menu-card .btn:hover,.menu-card button:hover,.nav-menu .btn:hover,.nav-menu button:hover,.popup-card.menu .btn:hover,.popup-card.menu button:hover{background:var(--hover)}.menu-card .btn-ghost,.nav-menu .btn-ghost,.popup-card.menu .btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.menu-card .btn-ghost:hover,.nav-menu .btn-ghost:hover,.popup-card.menu .btn-ghost:hover{background:var(--hover)}.menu-card input,.nav-menu input,.popup-card.menu input{background:var(--surface-1);color:var(--text);border:1px solid var(--border);border-radius:12px;height:40px}.menu-card input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-1)inset;-webkit-text-fill-color:var(--text)}.nav-menu input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-1)inset;-webkit-text-fill-color:var(--text)}.popup-card.menu input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-1)inset;-webkit-text-fill-color:var(--text)}.app-header .menu .btn,.app-header .menu .btn-ghost{background:var(--surface-1);width:100%;height:42px;color:var(--text);border:1px solid var(--border);border-radius:12px;justify-content:center;font-weight:700}.app-header .menu .btn-ghost:hover{background:var(--hover)}.app-header .menu .btn-ghost:active{background:var(--pressed)}.app-header .menu .btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header .menu .menu-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header .menu{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;width:260px;padding:12px}.app-header .menu-head{margin-bottom:8px}.app-header .menu-email{color:var(--text);font-weight:700}.app-header .menu hr{border:0;border-top:1px solid var(--border);opacity:.7;margin:10px 0}.app-header .menu .menu-row{height:40px;color:var(--text);border-radius:10px;align-items:center;padding:0 10px;display:flex}.app-header .menu .menu-row:hover{background:var(--hover)}.menu-signout{background:var(--surface-1);width:100%;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-weight:700;display:flex}.menu-signout:hover{background:var(--hover)}.menu-signout:active{background:var(--pressed)}.menu-signout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-header .menu .menu-signout{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border:1px solid var(--border);width:100%;height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-weight:700;display:flex}.app-header .menu .menu-signout:hover{background:var(--hover)}.app-header .menu .menu-signout:active{background:var(--pressed)}.app-header .menu .menu-signout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header .menu .menu-signout.danger{color:var(--danger);border-color:color-mix(in oklab,var(--danger)35%,transparent);background:color-mix(in oklab,var(--danger)10%,transparent)}.app-header .menu .menu-signout.danger:hover{background:color-mix(in oklab,var(--danger)16%,transparent)}.mode-switch{background:var(--card,#f9fafb);border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:-moz-fit-content;width:fit-content;margin:0 auto 18px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.04)}.mode-btn{z-index:2;color:#1e293b;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 26px;font-size:15px;font-weight:600;transition:color .2s;position:relative}.mode-btn.active{color:#fff}.mode-indicator{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;width:calc(50% - 8px);height:calc(100% - 8px);transition:transform .25s,background .25s;position:absolute;top:4px;left:4px;box-shadow:0 0 12px rgba(99,102,241,.4)}.mode-btn[aria-selected=true][data-mode=manual]~.mode-indicator{transform:translate(100%)}html[data-theme=dark] .mode-switch{background:var(--card-dark,#0f172a);box-shadow:none;border-color:#1e293b}html[data-theme=dark] .mode-btn{color:#cbd5e1}html[data-theme=dark] .mode-btn.active{color:#fff}html[data-theme=dark] .mode-indicator{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 0 16px rgba(129,140,248,.4)}.beta-banner{color:#1a1a1a;background:linear-gradient(90deg,#ffe259,#ffa751);border-radius:6px;margin-top:.5rem;margin-bottom:1rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;animation:3s ease-in-out infinite subtlePulse;display:inline-block;box-shadow:0 2px 6px rgba(0,0,0,.1)}@keyframes subtlePulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.85;transform:translateY(1px)}}[data-theme=dark] .beta-banner{color:#000;background:linear-gradient(90deg,#f6d365,#fda085)}.ocr-run-btn{justify-content:center;align-items:center;gap:8px;min-width:168px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.ocr-run-btn .btn-label{z-index:2;position:relative}.ocr-run-btn .btn-pct{z-index:2;font-variant-numeric:tabular-nums;position:relative}.ocr-run-btn .btn-progress{z-index:1;pointer-events:none;border-radius:inherit;background:rgba(255,255,255,.28);width:0%;transition:width .25s;position:absolute;top:0;bottom:0;left:0}html[data-theme=dark] .ocr-run-btn .btn-progress{background:rgba(255,255,255,.14)}.menu-signout{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#f97316) 0 0/300% 300%;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:10px 14px;font-weight:600;transition:background-position .4s,transform .15s;display:inline-flex}.menu-signout:hover{background-position:100% 0;transform:translateY(-1px)}.menu-signout:active{opacity:.9;transform:translateY(0)}.blog-page{gap:24px;max-width:900px;margin:0 auto;padding:40px 20px;display:grid}.blog-page h1{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.4rem;font-weight:700;line-height:1.25}.blog-page h2{color:var(--text-strong);margin-top:2rem;margin-bottom:.75rem;font-size:1.6rem;font-weight:600}.blog-page p{color:var(--text);font-size:1.05rem;line-height:1.85}.blog-page pre,.blog-page blockquote{background:var(--panel);border-left:4px solid #8b5cf6;border-radius:8px;padding:14px 16px;overflow-x:auto}.blog-page blockquote{color:var(--text-muted);font-style:italic}.blog-page img{border:1px solid var(--border);border-radius:12px;max-width:100%;margin:20px 0}.blog-page a{color:#8b5cf6;text-decoration:none;transition:color .2s}.blog-page a:hover{color:#ec4899}.blog-page .btn{cursor:pointer;border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.blog-page .btn-rainbow{color:#fff;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#f97316) 0 0/300% 300%;border:none;transition:background-position .4s}.blog-page .btn-rainbow:hover{background-position:100% 0}.blog-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;gap:10px;padding:20px;transition:transform .15s,box-shadow .2s;display:grid}.blog-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.blog-card h3{margin:0;font-size:1.2rem}.blog-card p{color:var(--text-muted);margin:0}.faq{margin-top:2rem}.faq h2{color:var(--text-strong);margin-bottom:.75rem;font-size:20px;font-weight:600}.faq-list{flex-wrap:wrap;gap:1rem;display:flex}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:calc(50% - .5rem);transition:all .25s;display:flex;overflow:hidden}@media (max-width:768px){.faq-item{flex:100%}}.faq-item:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent)20%,transparent);transform:translateY(-1px)}.faq-summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.2rem;list-style:none;transition:all .2s;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:10px}.faq-icon{background:color-mix(in srgb,var(--accent)15%,transparent);border-radius:8px;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:1.3rem;display:grid}.faq-titles{flex-direction:column;flex:1;display:flex}.faq-question{color:var(--text-strong);font-size:1.05rem;font-weight:600}.faq-kicker{color:var(--text-muted);font-size:.9rem}.chev{opacity:.4;flex-shrink:0;transition:transform .25s,opacity .2s}details[open] .chev{opacity:.9;color:var(--accent);transform:rotate(180deg)}.faq-answer{color:var(--text);border-top:1px solid var(--border);padding:0 1.4rem 1.2rem 3.7rem;font-size:.96rem;line-height:1.65;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light]{--panel:#fff;--border:#e4e6eb;--text:#1f2937;--text-muted:#6b7280;--text-strong:#111827;--accent:#7b61ff}:root[data-theme=dark]{--panel:#181b22;--border:#2a2e37;--text:#e5e7eb;--text-muted:#9ca3af;--text-strong:#f9fafb;--accent:#9b83ff}.popup-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:rgba(15,23,42,.5);position:fixed;top:0;bottom:0;left:0;right:0}.popup-card--modern{z-index:50;background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;width:640px;padding:36px 42px;animation:.25s fadeIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px rgba(0,0,0,.15)}.welcome-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.welcome-badge{color:#7c3aed;background:#f3e8ff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.welcome-header h2{color:#0f172a;margin:8px 0 6px;font-size:22px;font-weight:700}.welcome-header p{color:#475569;max-width:95%;font-size:15px;line-height:1.55}.welcome-close{opacity:.6;cursor:pointer;background:0 0;border:none;font-size:24px}.welcome-close:hover{opacity:1}.welcome-content{justify-content:space-between;gap:24px;margin-bottom:28px;display:flex}.welcome-section{flex:1}.welcome-section h4{color:#334155;margin-bottom:8px;font-size:15px;font-weight:600}.welcome-section ul,.welcome-section ol{color:#475569;margin:0;padding:0;font-size:14px;line-height:1.6;list-style:none}.welcome-section li{margin-bottom:6px}.welcome-actions{gap:10px;margin-bottom:20px;display:flex}.cta{text-align:center;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.cta.primary{color:#fff;background:linear-gradient(90deg,#a855f7,#7c3aed);box-shadow:0 0 16px rgba(124,58,237,.35)}.cta.primary:hover{transform:translateY(-1px);box-shadow:0 0 22px rgba(124,58,237,.55)}.cta.secondary{color:#0f172a;background:#f1f5f9}.cta.secondary:hover{background:#e2e8f0}.cta.ghost{color:#475569;background:#fff;border:1px solid #e2e8f0}.cta.ghost:hover{background:#f8fafc}.welcome-footer{text-align:center;border-top:1px solid #f1f5f9;padding-top:18px}.welcome-socials{justify-content:center;gap:14px;margin-bottom:8px;display:flex}.welcome-socials a{color:#0f172a;font-size:14px;text-decoration:none}.welcome-socials a:hover{text-decoration:underline}.welcome-footer p{color:#94a3b8;font-size:13px}.welcome-footer a{color:#7c3aed;text-decoration:none}.welcome-footer a:hover{text-decoration:underline}@media (max-width:720px){.popup-card--modern{width:90%;padding:28px 24px}.welcome-content{flex-direction:column;gap:16px}.welcome-actions{flex-direction:column}}.ocr-actions--preview{border-top:1px solid var(--border,#e5e7eb);justify-content:center;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.ocr-grid>div:first-child{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.ocr-actions--preview .btn{border-radius:10px;min-width:130px;height:44px;font-weight:600}html[data-theme=dark] body,html[data-theme=dark] .blog-page{background:var(--app-bg,#0a0f1a);color:var(--text)}html[data-theme=dark] .blog-card,html[data-theme=dark] .blog-hero,html[data-theme=dark] .blog-page pre,html[data-theme=dark] .blog-page blockquote{background:var(--panel);border-color:var(--border);color:var(--text)}html[data-theme=dark] .blog-meta,html[data-theme=dark] .blog-page p,html[data-theme=dark] .blog-page h1,html[data-theme=dark] .blog-page h2,html[data-theme=dark] .blog-page h3{color:var(--text)}html[data-theme=dark] .blog-page a{color:#9b83ff}html[data-theme=dark] .blog-page a:hover{color:#c084fc}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.blog-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e4e5e8);box-shadow:var(--card-shadow,0 1px 4px rgba(0,0,0,.04));border-radius:12px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.blog-card:hover{border-color:#b8a9ff;transform:translateY(-3px);box-shadow:0 4px 12px rgba(123,97,255,.25)}.blog-card .blog-cover{border:1px solid var(--img-border,#ececec);background:var(--img-bg,#fafafa);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.blog-card .blog-cover img{-o-object-fit:contain;object-fit:contain;background:0 0;width:100%;height:180px;display:block}.blog-title{color:var(--text-primary,#18181b);margin-top:12px;margin-bottom:6px;font-size:1.05rem;font-weight:600}.blog-excerpt{color:var(--text-secondary,#5f5f5f);font-size:.95rem;line-height:1.55}.blog-meta{color:var(--text-tertiary,#777);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:.9rem;display:flex}.blog-avatar img{border-radius:50%;width:22px;height:22px}[data-theme=dark] .blog-card{--card-bg:#11131a;--card-border:#242633;--card-shadow:0 1px 4px rgba(0,0,0,.5)}[data-theme=dark] .blog-card:hover{border-color:#7b61ff;box-shadow:0 4px 14px rgba(123,97,255,.35)}[data-theme=dark] .blog-card .blog-cover{--img-bg:#1b1d27;--img-border:#2d2f3a}[data-theme=dark] .blog-title{--text-primary:#fafafa}[data-theme=dark] .blog-excerpt{--text-secondary:#b6b6b6}[data-theme=dark] .blog-meta{--text-tertiary:#9c9c9c}.modal-ocr{background:var(--surface,#fff);z-index:9999;border-radius:12px;width:90%;max-width:480px;height:auto;max-height:90vh;margin:0 auto;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 32px rgba(0,0,0,.2)}.modal-ocr img{border-radius:8px;width:100%;height:auto}.modal-ocr .modal-body{padding:16px}.modal-ocr .tab-buttons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.modal-ocr button,.modal-ocr .btn{text-align:center;width:100%;max-width:100%}@media (max-width:480px){.modal-ocr{border-radius:10px;width:95%;max-width:none;padding:10px;top:50%;transform:translate(-50%,-50%)}.modal-ocr img{border-radius:6px}.modal-ocr .modal-body{padding:10px}.modal-ocr h2,.modal-ocr h3{font-size:1.1rem;line-height:1.3}}@media (max-width:700px){.site-footer{text-align:center;padding:10px 20px 30px}.footer-wrap{flex-direction:column;align-items:center;gap:28px;max-width:320px;margin:0 auto;display:flex}.brand-centered{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.brand-logo{width:auto;height:32px}.muted{color:var(--muted,#6b7280);max-width:280px;margin:0 auto;font-size:13px;line-height:1.5}.footer-col{width:100%;margin-top:4px}.footer-col h4{color:var(--text,#111827);margin-bottom:8px;font-size:14px;font-weight:700}.footer-col a{color:var(--text,#1f2937);margin:4px 0;font-size:14px;text-decoration:none;display:block}.footer-col a:hover{color:var(--accent,#8b5cf6)}.footer-credit{color:var(--accent,#8b5cf6);margin-top:8px;font-size:14px;font-weight:600;text-decoration:none;display:block}.footer-credit:hover{opacity:.8}.small{color:var(--muted,#9ca3af);font-size:12px}.brand-centered{justify-content:center;align-items:center;width:100%;margin:0 auto 12px;display:flex}.brand-logo{width:auto;height:34px;margin:0 auto;display:block}}.section .muted,.section div{word-break:break-word;overflow-wrap:break-word}@media (max-width:600px){.section>div[style*=gridTemplateColumns]{grid-template-columns:1fr}.section>div[style*=gridTemplateColumns] .section{text-align:center}.section>div[style*=gridTemplateColumns] .section div:first-child{font-size:20px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--text:#0f172a!important;--muted:#667085!important;--border:#e5e3e7!important;--surface:#fff!important;--surface-2:#f9fafb!important;--accent:#111827!important;--hover:#f2f4f7!important;background:#f6f7fb!important}@media (prefers-color-scheme:dark){:root{--text:#0f172a!important;--muted:#667085!important;--border:#e5e3e7!important;--surface:#fff!important;--surface-2:#f9fafb!important;--accent:#111827!important;--hover:#f2f4f7!important;background:#f6f7fb!important}}@media (max-width:768px){.header-bar{border-bottom:1px solid var(--border);background:var(--surface,#fff);justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-centered{justify-content:flex-start;align-items:center;display:flex}.brand-icon{-o-object-fit:contain;object-fit:contain;border-radius:10px;width:38px;height:38px;margin-left:4px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.burger{border:1px solid var(--border);background:var(--surface,#fff);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.05)}.burger:hover{background:var(--surface-2,#f9fafb);transform:translateY(-1px)}.burger span{background:var(--text,#111827);border-radius:2px;width:22px;height:2px;margin:3px 0;transition:all .25s}.burger span:first-child,.burger span:last-child{width:16px}.brand-centered,.burger{transform:translateY(1px)}.drawer-panel{background:var(--surface,#fff);border-left:1px solid var(--border);opacity:0;border-radius:16px 0 0 16px;width:82%;max-width:340px;height:100vh;transition:all .3s;transform:translate(100%);box-shadow:-2px 0 12px rgba(0,0,0,.08)}.drawer.open .drawer-panel{opacity:1;transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-title{font-size:16px;font-weight:700}.drawer-close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:opacity .2s}.drawer-close:hover{opacity:.7}.section .stats-grid{grid-template-columns:1fr;gap:10px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface,#fff);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;padding:16px 18px;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.04)}.stat-value{color:var(--text,#111827);font-size:20px;font-weight:800}.stat-label{color:var(--muted,#6b7280);margin-top:2px;font-size:13px}}@media (min-width:769px){.section .stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface,#fff);text-align:left;border-radius:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px rgba(0,0,0,.04)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.stat-value{font-size:22px;font-weight:800}.stat-label{color:var(--muted,#6b7280);margin-top:3px;font-size:13px}}.section .badge{letter-spacing:.1px;color:var(--text,#111827);background:#ebeef7;border-radius:8px;justify-content:center;align-items:center;width:auto;max-width:-moz-fit-content;max-width:fit-content;padding:5px 11px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}.section.tone-accent .badge{color:#4f46e5;background:#e1dcff}.section.tone-danger{background:#fff2f2}.section.tone-danger .badge{color:#fff;background:#f87171;font-weight:700}.section.tone-danger .btn-danger{font-weight:600;transition:all .25s;box-shadow:0 2px 6px rgba(220,38,38,.3);color:#fff!important;background:#dc2626!important}.section.tone-danger .btn-danger:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(185,28,28,.35);background:#b91c1c!important}.faq-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;transition:all .25s;overflow:hidden}.faq-item:hover,.faq-item.open{background:#faf9ff;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}.faq-item.open{background:#f9f7ff;border-color:#7c3aed}.faq-summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;font-weight:600;display:flex}.faq-summary:hover .faq-question{color:#7c3aed}.faq-summary:hover .faq-kicker{color:#9a6efc}.faq-icon{opacity:.9;font-size:20px}.faq-item.open .chev{color:#7c3aed;transition:transform .25s,color .25s;transform:rotate(180deg)}.blog-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:all .25s;display:flex}.blog-card:hover,.blog-card:focus-within{background:#faf9ff;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.blog-card:hover .blog-title{color:#7c3aed;transition:color .25s}.blog-card:hover .blog-subtitle{color:#9a6efc}.blog-card .blog-icon{color:#7c3aed;opacity:.9;transition:color .25s,opacity .25s}.blog-card:hover .blog-icon{opacity:1;color:#8b5cf6}.hiw-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.hiw-card{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:10px;padding:22px 24px;transition:all .25s;position:relative}.hiw-card:hover{background:#faf9ff;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.hiw-card a{color:#7c3aed;font-weight:500;text-decoration:none;transition:color .2s}.hiw-card a:hover{color:#9a6efc;text-decoration:underline}.hiw-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.step-chip{color:#fff;background:#8b5cf6;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.hiw-card:hover .step-chip{color:#fff;background:#7c3aed;transform:scale(1.05)}.hiw-ico{opacity:.9;font-size:20px;transition:transform .25s,opacity .25s}.hiw-card:hover .hiw-ico{opacity:1;transform:translateY(-2px)}.hiw-card h3{color:var(--text);margin:0;font-size:18px;font-weight:700}.hiw-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}@media (max-width:640px){.hiw-grid{gap:14px}.hiw-card{padding:18px 20px}.hiw-card h3{font-size:16px}}.modern-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,255,255,.75);border-bottom:1px solid rgba(230,232,236,.6);position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 6px rgba(0,0,0,.03)}[data-theme=dark] .modern-header{background:rgba(20,20,24,.85);border-bottom-color:rgba(255,255,255,.08)}.btn-primary{color:#fff;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6) 0 0/300% 300%;border:none;border-radius:8px;padding:9px 18px;font-weight:600;text-decoration:none;transition:background-position .4s,transform .15s}.btn-primary:hover{background-position:100% 0;transform:translateY(-1px)}.nav-link{color:#1f2937;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#7b61ff}.avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.avatar-img{-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,0,0,.08);border-radius:50%;width:36px;height:36px;transition:transform .2s}.dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:180px;margin-top:10px;padding:8px 0;animation:.15s fadeIn;position:absolute;right:0;box-shadow:0 8px 28px rgba(0,0,0,.08)}.dropdown-email{color:#6b7280;border-bottom:1px solid #f1f5f9;padding:6px 14px 8px;font-size:.85rem}.dropdown-item{text-align:left;color:#111827;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.dropdown-item:hover{background:#f9fafb}.dropdown-sep{border:none;border-top:1px solid #f1f5f9;margin:6px 0}.signout{color:#dc2626}.nav-right{justify-content:flex-end;align-items:center;display:flex}.nav-actions{align-items:center;gap:16px;margin-top:2px;display:flex}.avatar-wrap{position:relative}.avatar-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.avatar-img{border:2px solid rgba(0,0,0,.05);border-radius:50%;width:34px;height:34px;transition:transform .2s}.avatar-btn:hover .avatar-img{transform:scale(1.05)}.btn-rainbow:hover{transform:translateY(-1px)}.id-field{flex-direction:column;gap:6px;display:flex}.id-field .label{color:var(--muted,#6b7280);font-size:13px;font-weight:600}.id-clickable{background:var(--well,#f9fafb);border:1px solid var(--border,#e5e7eb);color:var(--fg,#111827);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.id-clickable:hover{background:#eef2ff;border-color:#c7d2fe}.id-clickable:active{transform:scale(.98)}.id-clickable.copied{color:#166534;background:#dcfce7;border-color:#86efac}.copy-status{opacity:.7;font-size:14px;transition:transform .2s,opacity .2s}.id-clickable.copied .copy-status{opacity:1;transform:scale(1.1)}.extracted-block{border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.extracted-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.extracted-header .left{flex-direction:column;gap:2px;display:flex}.extracted-header .block-title{color:var(--fg,#111827);margin:0;font-size:16px;font-weight:800}.extracted-header .sub{color:var(--muted,#6b7280);font-size:13px}.tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{color:#374151;background:var(--well,#f3f4f6);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.tool-btn{border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);color:var(--fg,#111827);cursor:pointer;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s}.tool-btn:hover{background:#eef2ff;border-color:#c7d2fe}.tool-btn:active{transform:scale(.97)}.extracted-box{border:1px solid var(--border,#e5e7eb);background:var(--well,#f9fafb);color:#1f2937;white-space:pre-wrap;border-radius:10px;max-height:260px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;transition:max-height .3s,background .2s;overflow-y:auto}.extracted-box.expanded{background:var(--card,#fff);max-height:60vh}.extracted-box::-webkit-scrollbar{width:6px}.extracted-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.extracted-box::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .extracted-block{background:var(--card,#1c1f25);border-color:#2d2f33}[data-theme=dark] .extracted-box{color:#f3f4f6;background:#15171b;border-color:#2d2f33}[data-theme=dark] .tool-btn:hover{background:#2a2c31;border-color:#40434a}.ocr-block{border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);border-radius:14px;max-height:none;margin-top:18px;transition:all .25s;overflow:hidden}.ocr-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-height:280px;padding:0 18px 18px;animation:.3s fadeIn;overflow-y:auto}.ocr-textbox{resize:vertical;border:1px solid var(--border,#e5e7eb);width:100%;min-height:140px;max-height:400px;color:var(--fg,#111827);background:#fff;border-radius:10px;padding:12px 14px;font-family:ui-monospace,monospace;font-size:14px;line-height:1.45}@media (max-width:640px){.ocr-block{margin-top:12px}.ocr-content{max-height:220px;padding:0 14px 14px}.ocr-textbox{padding:10px 12px;font-size:13px}}details.ocr-block[open]{z-index:10;position:relative}