:root{color-scheme:light;--blue: #0a84ff;--blue-soft: rgba(10, 132, 255, .14);--green: #30d158;--green-soft: rgba(48, 209, 88, .16);--red: #ff453a;--label: #1c1c1e;--secondary: #636366;--tertiary: #8e8e93;--fill: #f2f2f7;--separator: rgba(60, 60, 67, .18);--panel: rgba(28, 28, 30, .86);--panel-line: rgba(255, 255, 255, .14);--white-soft: rgba(255, 255, 255, .68);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:#050507;color:#fff}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;background:#050507}body{min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,p{margin-top:0}.app-shell{position:relative;min-height:100svh;overflow:hidden;background:#050507;color:#fff}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;background:#0000005c;content:"";opacity:0;transition:opacity .18s ease}.is-history-open .app-shell:after{opacity:1}.preview,.camera-fallback{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.preview{z-index:1;background:#050507;object-fit:cover}.camera-fallback{z-index:0;overflow:hidden;background:linear-gradient(145deg,#2c3038,#15171c 38%,#050507)}.camera-fallback:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;content:""}.camera-fallback:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 42%);content:""}.topbar{position:fixed;top:0;right:0;left:0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(18px,env(safe-area-inset-top)) 18px 0;transition:opacity .16s ease}.is-scanning .topbar{pointer-events:none;opacity:0}.eyebrow{margin:0 0 3px;color:#ffffffa8;font-size:13px;font-weight:700;letter-spacing:0}h1{margin-bottom:0;font-size:34px;line-height:1;font-weight:800;letter-spacing:0}.topbar-button,.plain-button{min-height:34px;border:0;background:transparent;color:var(--blue);cursor:pointer;font-size:17px;font-weight:700}.topbar-button{padding:0 4px}.warning-stack{position:fixed;top:calc(max(18px,env(safe-area-inset-top)) + 68px);right:14px;left:14px;z-index:24;display:grid;gap:8px;max-width:520px;margin:0 auto}.banner{padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:#1c1c1ec7;color:#fff;font-size:14px;line-height:1.32;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.banner-danger{border-color:#ff453a6b;color:#ffd3d0}.scan-frame{position:fixed;top:37%;left:50%;z-index:10;width:min(68vw,280px);aspect-ratio:1;pointer-events:none;opacity:.42;transform:translate(-50%,-50%);transition:opacity .16s ease,transform .16s ease}.is-scanning .scan-frame{opacity:1}.is-processing .scan-frame{opacity:0;transform:translate(-50%,-50%) scale(.96)}.corner{position:absolute;width:58px;height:58px;border-color:#fffffff0}.corner-top-left{top:0;left:0;border-top:5px solid;border-left:5px solid;border-radius:24px 0 0}.corner-top-right{top:0;right:0;border-top:5px solid;border-right:5px solid;border-radius:0 24px 0 0}.corner-bottom-left{bottom:0;left:0;border-bottom:5px solid;border-left:5px solid;border-radius:0 0 0 24px}.corner-bottom-right{right:0;bottom:0;border-right:5px solid;border-bottom:5px solid;border-radius:0 0 24px}.scan-line{position:absolute;top:50%;right:24px;left:24px;height:2px;border-radius:999px;background:var(--green);box-shadow:0 0 18px #30d158e6;opacity:0;transform:translateY(-50%)}.is-scanning .scan-line{opacity:1}.scanner-card{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));left:14px;z-index:22;display:grid;gap:12px;max-width:520px;margin:0 auto;padding:16px;border:1px solid var(--panel-line);border-radius:24px;background:var(--panel);box-shadow:0 18px 48px #0000005c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-pill{min-width:0;padding:7px 10px;overflow:hidden;border-radius:999px;background:#ffffff1f;color:#fff;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.photo-button,.retry-button,.drive-link,.scan-button{min-height:52px;border:0;border-radius:15px;cursor:pointer;font-size:17px;font-weight:800}.photo-button{flex:0 0 auto;min-height:34px;padding:0 11px;background:#ffffff1f;color:#fff;font-size:14px}.status-box{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 2px;color:var(--white-soft);font-size:15px;line-height:1.32}.spinner{width:20px;height:20px;flex:0 0 20px;border:3px solid rgba(10,132,255,.22);border-top-color:var(--blue);border-radius:999px;animation:spin .9s linear infinite}.scan-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:0 16px;background:var(--blue);color:#fff}.scan-button:disabled,.photo-button:disabled,.retry-button:disabled{cursor:wait;opacity:.62}.is-scanning .scan-button,.is-processing .scan-button{display:none}.scan-icon{position:relative;width:19px;height:19px;flex:0 0 19px;border:2px solid currentColor;border-radius:5px}.scan-icon:before,.scan-icon:after{position:absolute;background:currentColor;content:""}.scan-icon:before{top:7px;right:3px;left:3px;height:2px}.scan-icon:after{top:3px;bottom:3px;left:7px;width:2px}.drive-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 16px;background:var(--green);color:#07120a;text-decoration:none}.retry-button{width:100%;background:var(--blue-soft);color:#fff}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 18px 0;pointer-events:none}.scan-ctrl-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;border-radius:999px;background:#0000007a;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scan-ctrl-btn:active,.photo-button:active,.scan-button:active,.retry-button:active,.drive-link:active{transform:scale(.98)}.history-card{position:fixed;right:0;bottom:0;left:0;z-index:40;display:grid;gap:12px;max-height:min(72svh,640px);padding:10px 16px max(28px,env(safe-area-inset-bottom));overflow:auto;border-radius:28px 28px 0 0;background:#f2f2f7f0;color:var(--label);box-shadow:0 -18px 56px #00000042;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.sheet-handle{justify-self:center;width:38px;height:5px;border-radius:999px;background:#c7c7cc}.section-heading{display:grid;grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr);align-items:center;gap:12px}h2{margin-bottom:0;font-size:22px;line-height:1.12;font-weight:800;letter-spacing:0}.plain-button{min-height:38px;padding:0}.plain-button:first-child{justify-self:start}.plain-button:last-child{justify-self:end}.history-list{display:grid;gap:0;margin:0;padding:0;overflow:hidden;border-radius:16px;background:#fff;list-style:none}.history-list li{display:flex;align-items:center;gap:12px;min-height:62px;margin-left:16px;padding:10px 14px 10px 0;border-bottom:1px solid var(--separator)}.history-list li:last-child{border-bottom:0}.history-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;flex:0 0 31px;border-radius:8px;background:#5856d6;color:#fff;font-size:17px;font-weight:800}.history-main{display:grid;flex:1;min-width:0;gap:2px}.history-main a{overflow:hidden;color:var(--label);font-size:17px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.history-main time,.empty-state{color:var(--secondary);font-size:13px}.history-chevron{width:10px;height:10px;flex:0 0 10px;border-top:2px solid #c7c7cc;border-right:2px solid #c7c7cc;transform:rotate(45deg)}.empty-state{margin:0;padding:18px;border-radius:16px;background:#fff;text-align:center}:focus-visible{outline:4px solid rgba(10,132,255,.42);outline-offset:3px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (min-width: 760px){.topbar,.warning-stack,.scanner-card{right:50%;left:50%;width:min(100vw - 56px,520px);transform:translate(-50%)}.history-card{right:50%;left:50%;width:min(100vw - 56px,520px);border-radius:28px;transform:translate(-50%)}}