@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg1:#fff4e0;--bg2:#ffe7c6;--bg3:#ffd9a8;--ink:#3a2a17;--muted:#a9814f;--accent:#ef5a10;--accent-grad:linear-gradient(#ff7a33, #ef5510);--accent-under:#c2440a;--teal:#2fa998;--teal-grad:linear-gradient(#57c6b4, #2fa998);--panel:linear-gradient(#fff8ec, #ffeed5);--card-border:#fff;--card-lift:0 6px 0 #cd965f73, 0 10px 16px #965a1e4d;--panel-lift:0 8px 0 #e1aa6e59, 0 14px 26px #a0642838;--soft-lift:0 4px 0 #ecd3b0;--r:14px;--r-lg:22px;--pill:999px;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page-max:1120px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:radial-gradient(130% 90% at 15% -5%, var(--bg1) 0%, var(--bg2) 45%, var(--bg3) 100%) fixed;background-color:var(--bg2);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-weight:600}#app{min-height:100%}button{cursor:pointer;font-family:inherit}.screen{flex-direction:column;min-height:100vh;display:flex}.btn3d{color:#fff;background:var(--accent-grad);font-family:var(--font-display);border-radius:var(--r);box-shadow:0 6px 0 var(--accent-under), 0 12px 22px #c8460a6b;border:none;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn3d:active{box-shadow:0 2px 0 var(--accent-under), 0 6px 12px #c8460a59;transform:translateY(4px)}.shelf-screen{gap:20px;padding:18px 16px 40px}.topbar{width:100%;max-width:var(--page-max);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{border-radius:var(--r);background:var(--accent-grad);width:44px;height:44px;box-shadow:0 5px 0 var(--accent-under), 0 9px 16px #c8460a59;flex:none;justify-content:center;align-items:center;display:flex;transform:rotate(-4deg)}.wordmark{font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;font-size:1.7rem;font-weight:800;line-height:1}.scan-btn{flex:none;align-items:center;gap:10px;padding:14px 24px;font-size:1.15rem;display:flex}.scan-btn svg{width:22px;height:22px}.shelf-body{width:100%;max-width:var(--page-max);flex-direction:column;gap:20px;margin:0 auto;display:flex}.shelf-board{border-radius:var(--r-lg);background:var(--panel);border:3px solid var(--card-border);width:100%;box-shadow:var(--panel-lift);padding:18px 16px 22px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;display:grid}.slot{aspect-ratio:2/3;border-radius:var(--r);background:0 0;border:none;padding:0;position:relative}.slot--empty{border-radius:var(--r);color:#d99a5a;background:#ffffff80;border:3px dashed #e9b781;justify-content:center;align-items:center;display:flex}.slot--empty svg{opacity:.55;width:26px;height:26px}.slot--book{border:3px solid var(--card-border);box-shadow:var(--card-lift);transition:transform .1s,box-shadow .1s;animation:.24s ease-out both tile-pop;overflow:hidden}.slot--book:hover{transform:translateY(-4px);box-shadow:0 9px #cd965f73,0 15px 22px #965a1e57}.slot--book:active{transform:translateY(2px)scale(.98)}@keyframes tile-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.slot--book{animation:none}}.slot-cover{object-fit:cover;border-radius:11px;width:100%;height:100%;display:block}.slot-cover--placeholder,.cover-img--placeholder{text-align:center;color:#fff;background:linear-gradient(150deg,#ffd9a1,#f0a860);justify-content:center;align-items:center;padding:8px;display:flex}.placeholder-title{font-family:var(--font-display);text-shadow:0 1px 2px #783c0a4d;font-size:.9rem;font-weight:800;line-height:1.15;overflow:hidden}.finished-badge{color:#8a5a00;border:3px solid var(--card-border);background:linear-gradient(#ffcf3f,#ffb400);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:900;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 7px #b4780080}.login-screen{justify-content:center;align-items:center;gap:10px;padding:24px 16px 48px}.login-title{font-family:var(--font-display);color:var(--accent);margin:0;font-size:2.6rem;font-weight:800;line-height:1}.login-sub{color:var(--muted);text-align:center;margin:0 0 14px;font-weight:700}.login-form{flex-direction:column;gap:14px;width:min(92%,360px);display:flex}.login-code,.login-name{font-family:var(--font-body);border-radius:var(--r);color:var(--ink);box-shadow:var(--soft-lift);background:#fff;border:3px solid #fff;outline:none;padding:15px 18px;font-size:1.15rem;font-weight:700}.login-code::placeholder,.login-name::placeholder{color:#c39a63}.login-code:focus,.login-name:focus{border-color:#ffcf9e}.login-submit{padding:17px;font-size:1.3rem}.login-submit:disabled{opacity:.6}.login-error{color:#b23a12;text-align:center;min-height:1.2em;font-weight:800}.scan-screen{background:#000;position:relative}.scan-video{object-fit:cover;background:#000;flex:1;width:100%}.scan-note{text-align:center;color:#fff;border-radius:var(--r);background:#0000008c;padding:12px;font-weight:700;position:absolute;top:16px;left:16px;right:16px}.scan-controls{justify-content:space-between;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.scan-controls button,.scan-type-link{border-radius:var(--pill);color:#fff;font-family:var(--font-display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;padding:13px 20px;font-size:1rem;font-weight:700}.scan-switch,.scan-torch{margin-left:auto}.scan-torch.is-on{background:var(--accent)}.scan-type-link{white-space:nowrap;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.typed-form{border-radius:var(--r);background:#000000b8;flex-wrap:wrap;gap:8px;width:min(92%,420px);padding:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.typed-input{min-width:0;font-family:var(--font-body);border:none;border-radius:10px;outline:none;flex:1;padding:13px;font-size:1.1rem;font-weight:700}.typed-submit{border-radius:10px;padding:13px 22px;font-size:1.05rem}.typed-error{color:#ffd0be;flex-basis:100%;min-height:1.1em;font-size:.9rem;font-weight:700}.cover-screen{justify-content:center;align-items:center;gap:18px;padding:28px 16px 40px}.cover-hero{aspect-ratio:2/3;justify-content:center;align-items:center;width:min(70vw,300px);display:flex}.cover-img{object-fit:contain;border-radius:var(--r);border:4px solid #fff;width:100%;height:100%;box-shadow:0 10px #cd965f66,0 18px 30px #965a1e52}.cover-caption{text-align:center;font-family:var(--font-display);max-width:320px;color:var(--ink);font-size:1.2rem;font-weight:800}.cover-prompt{font-family:var(--font-display);color:var(--accent);font-size:1.6rem;font-weight:800}.cover-hook{text-align:center;max-width:320px;color:var(--muted);font-size:1.02rem;font-style:italic;font-weight:700;line-height:1.35}.cover-actions{flex-direction:column;gap:14px;width:min(92%,360px);display:flex}.cover-yes,.cover-no,.cover-finished-note{text-align:center;border-radius:var(--r);padding:17px;font-size:1.2rem}.cover-no{color:var(--ink);font-family:var(--font-display);box-shadow:var(--soft-lift);background:#fff;border:3px solid #e9c9a1;font-weight:800}.cover-no:active{transform:translateY(3px);box-shadow:0 1px #ecd3b0}.cover-finished-note{background:var(--teal-grad);color:#fff;font-family:var(--font-display);border:3px solid #fff;font-weight:800;box-shadow:0 5px #1f8574,0 10px 18px #1e8c7859}.detail-remove{flex-direction:column;align-items:center;gap:12px;width:min(92%,360px);margin-top:6px;display:flex}.detail-remove-link{color:var(--muted);font-family:var(--font-body);text-underline-offset:3px;background:0 0;border:none;padding:8px;font-size:.95rem;font-weight:700;text-decoration:underline}.detail-remove-q{color:var(--ink);font-family:var(--font-display);text-align:center;font-size:1.05rem;font-weight:800}.detail-remove-actions{gap:12px;width:100%;display:flex}.detail-remove-yes,.detail-remove-keep{border-radius:var(--r);font-family:var(--font-display);flex:1;padding:14px;font-size:1.05rem;font-weight:800}.detail-remove-yes{color:#fff;background:#d64a2a;border:none;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #a83318,0 10px 18px #b43c1e52}.detail-remove-yes:active{transform:translateY(4px);box-shadow:0 1px #a83318}.detail-remove-keep{color:var(--ink);box-shadow:var(--soft-lift);background:#fff;border:3px solid #e9c9a1}.detail-remove-keep:active{transform:translateY(3px);box-shadow:0 1px #ecd3b0}.discovery{width:100%}.discovery-head{justify-content:space-between;align-items:center;gap:10px;padding:0 2px 12px;display:flex}.discovery-title{font-family:var(--font-display);color:var(--ink);font-size:1.12rem;font-weight:800}.find-link{color:var(--accent);font-family:var(--font-display);border-radius:var(--pill);box-shadow:var(--soft-lift);white-space:nowrap;background:#fff;border:none;padding:7px 15px;font-size:.92rem;font-weight:700}.rec-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:13px;padding:4px 2px 10px;display:flex;overflow-x:auto}.rec-tile{scroll-snap-align:start;flex:none;width:84px}.rec-tile:nth-child(odd){transform:rotate(-2.5deg)}.rec-tile:nth-child(2n){transform:rotate(2.5deg)}.rec-tile:hover{transform:rotate(0)translateY(-4px)}.rec-empty{color:var(--muted);padding:6px 6px 12px;font-size:.95rem;font-weight:700}.find-tile{scroll-snap-align:start;background:0 0;border:none;flex:none;width:84px;padding:0}.find-cover{aspect-ratio:2/3;border-radius:var(--r);border:3px solid var(--card-border);box-shadow:var(--card-lift);transition:transform .12s;overflow:hidden}.find-cover .slot-cover{border-radius:10px}.find-tile:nth-child(odd) .find-cover{transform:rotate(-2.5deg)}.find-tile:nth-child(2n) .find-cover{transform:rotate(2.5deg)}.find-tile:hover .find-cover{transform:rotate(0)translateY(-4px)}.find-text{display:none}.find-t{font-family:var(--font-display);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:800;line-height:1.12;display:-webkit-box;overflow:hidden}.find-a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.82rem;font-weight:700;overflow:hidden}.discover-screen{gap:18px;padding:18px 16px 44px}.discover-header{width:100%;max-width:var(--page-max);align-items:center;gap:12px;margin:0 auto;display:flex}.discover-back{color:var(--accent);font-family:var(--font-display);border-radius:var(--pill);box-shadow:var(--soft-lift);white-space:nowrap;background:#fff;border:none;padding:12px 18px;font-size:1rem;font-weight:800}.discover-search{min-width:0;font-family:var(--font-body);border-radius:var(--pill);color:var(--ink);box-shadow:var(--soft-lift);background:#fff;border:3px solid #fff;outline:none;flex:1;padding:13px 20px;font-size:1.05rem;font-weight:700}.discover-search::placeholder{color:#c39a63}.discover-title-big{font-family:var(--font-display);color:var(--accent);width:100%;max-width:var(--page-max);margin:2px auto 0;font-size:2rem;font-weight:800;line-height:1}.discover-rows{width:100%;max-width:var(--page-max);flex-direction:column;gap:22px;margin:0 auto;display:flex}.discover-row{width:100%}.discover-row .discovery-title{color:#fff;border-radius:var(--pill);align-items:center;padding:8px 16px;display:inline-flex;box-shadow:0 4px #0000001f}.discover-row:nth-child(4n+1) .discovery-title{background:var(--accent-grad)}.discover-row:nth-child(4n+2) .discovery-title{background:var(--teal-grad)}.discover-row:nth-child(4n+3) .discovery-title{background:linear-gradient(#8b7ce0,#6a58c9)}.discover-row:nth-child(4n+4) .discovery-title{background:linear-gradient(#ffb400,#f59300)}.discover-results{width:100%;max-width:var(--page-max);margin:0 auto}.discover-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:24px 0;font-weight:700}@media (width>=900px){.shelf-body{flex-direction:row;align-items:flex-start}.shelf-body .shelf-board{flex:1;order:1;min-width:0;padding:26px 26px 30px}.shelf-body .shelf-grid{gap:18px}.shelf-body .discovery{flex:none;order:2;width:224px}.shelf-body .discovery-head{flex-direction:column;align-items:flex-start;gap:10px}.shelf-body .rec-strip{flex-direction:column;align-items:stretch;gap:12px;overflow:visible}.shelf-body .find-tile{text-align:left;border:3px solid var(--card-border);background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:9px;transition:transform .12s;display:flex;box-shadow:0 5px #e1aa6e52,0 9px 16px #a0642829}.shelf-body .find-tile:hover{transform:translateY(-3px)}.shelf-body .find-cover{border-width:2px;flex:none;width:54px;transform:none}.shelf-body .find-text{min-width:0;display:block}.wordmark{font-size:2rem}.discover-title-big{font-size:2.5rem}}