:root{--cyan: #00d4ff;--purple: #9b59b6;--magenta: #ff0080;--gradient-brand: linear-gradient(135deg, #00d4ff 0%, #9b59b6 50%, #ff0080 100%);--bg: #0a0a12;--bg-void: #06060a;--card: #12121a;--card-2: #16161e;--elevated: #24242e;--ink: #fafafa;--muted: #a1a1aa;--faint: #71717a;--border: rgba(255, 255, 255, .12);--border-soft: rgba(255, 255, 255, .08);--accent: var(--magenta);--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(80% 50% at 50% -10%,rgba(0,212,255,.12) 0%,transparent 60%),radial-gradient(70% 50% at 90% 10%,rgba(255,0,128,.1) 0%,transparent 55%),var(--bg);color:var(--ink);min-height:100dvh}.app{max-width:520px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;min-height:100dvh}.header{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.header h1{margin:8px 0 0;font-size:2rem;font-weight:800;letter-spacing:-.5px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:2px 0 0;color:var(--muted);font-size:.95rem}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:18px}.stack{display:flex;flex-direction:column;gap:14px}.center{text-align:center;align-items:center;display:flex;flex-direction:column;gap:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--elevated);color:var(--ink);border-radius:var(--radius-lg);padding:12px 16px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .05s ease,filter .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 6px 20px #ff008040}.btn-primary:hover{filter:brightness(1.08)}.btn.big{padding:18px;font-size:1.15rem}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn:disabled{opacity:.6;cursor:default}.or{text-align:center;color:var(--faint);font-size:.85rem}.manual{display:flex;gap:8px}.manual input{flex:1;background:var(--bg-void);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink);padding:12px;font-size:1rem}.manual input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00d4ff26}.contrib-input{width:100%;background:var(--bg-void);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink);padding:12px;font-size:1rem;font-family:inherit;resize:vertical}.contrib-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00d4ff26}.scanner{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:12px}.scanner-video{width:100%;display:block;background:#000;aspect-ratio:3/4;object-fit:cover}.scanner-frame{position:absolute;top:18%;right:12%;bottom:18%;left:12%;border:2px solid var(--cyan);border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #06060a73,0 0 16px #00d4ff80 inset}.scanner-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;font-size:.85rem;text-shadow:0 1px 3px #000}.book{display:flex;gap:14px;align-items:flex-start}.cover{width:72px;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000080}.book h2{margin:0 0 2px;font-size:1.2rem;line-height:1.2}.authors{margin:0;color:var(--muted)}.meta{margin:4px 0 0;color:var(--faint);font-size:.85rem}.meta.progress{font-family:JetBrains Mono,ui-monospace,monospace;word-break:break-word;color:var(--cyan)}.meter{text-align:center;padding:8px 0}.peppers{font-size:1.8rem;letter-spacing:4px}.pep{filter:grayscale(1) opacity(.3)}.pep.on{filter:drop-shadow(0 0 6px rgba(255,0,128,.6))}.meter-label{margin-top:6px;font-weight:700;font-size:1.1rem}.meter-label .src{color:var(--faint);font-weight:400;font-size:.85rem}.summary{margin:0;line-height:1.5}.dims{display:flex;flex-direction:column;gap:12px}.dim-head{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:4px}.dim-score{color:var(--muted)}.bar{height:8px;background:var(--elevated);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--gradient-brand);border-radius:999px}.dim-notes{margin:4px 0 0;font-size:.82rem;color:var(--muted)}.footer{text-align:center;color:var(--faint);font-size:.75rem;margin-top:auto;padding-top:8px}.dot-spin{display:inline-block;width:11px;height:11px;vertical-align:-1px;margin-right:6px;border:2px solid var(--elevated);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.spinner{width:32px;height:32px;border:3px solid var(--elevated);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}