:root{color:#f6efe3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#130f0b;--panel:#231c16db;--panel-strong:#34281ff0;--line:#ffffff1a;--muted:#b8aa96;--text:#fff8ed;--gold:#eac46b;--green:#8dd7a5;--rose:#ff9d9d;background:#130f0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #eac46b3d, transparent 32rem), radial-gradient(circle at bottom right, #8dd7a529, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;padding:18px 14px 92px}.hero-card,.login-card,.content-card,.search-card,.filter-card,.bottom-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 80px #00000047}.hero-card{background:linear-gradient(145deg,#463323f0,#1c1612e6);border-radius:30px;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:-.08em;max-width:270px;font-size:clamp(2.15rem,12vw,3.5rem);line-height:.92}h2{color:var(--text);letter-spacing:-.04em;font-size:1.45rem;line-height:1}.subtitle{max-width:310px;color:var(--muted);margin-top:12px;font-size:.95rem}.auth-status{color:#f7dfa1;background:#eac46b1a;border:1px solid #eac46b47;border-radius:999px;margin-top:12px;padding:7px 10px;font-size:.74rem;font-weight:850;display:inline-flex}.member-switch{align-items:center;min-width:max-content;display:flex}.avatar{color:#1a130b;cursor:pointer;border:2px solid #ffffff2e;border-radius:999px;place-items:center;width:38px;height:38px;margin-left:-8px;font-weight:900;display:grid;position:relative}.avatar span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar.active-profile{border-color:#ffffffdb;box-shadow:0 0 0 3px #eac46b38}.anthony{background:var(--gold)}.laurence{background:var(--green)}.search-card{background:var(--panel);color:var(--muted);border-radius:20px;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;display:flex}.login-card{background:var(--panel);text-align:left;border-radius:22px;grid-template-columns:1fr;gap:10px;margin:14px 0;padding:14px;display:grid}.login-card label{color:var(--muted);gap:8px;font-size:.86rem;font-weight:800;display:grid}.login-card input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:14px;outline:0;padding:11px 12px}.login-card p{color:#bdf0cb;font-size:.82rem}.profile-lock-card{margin-top:-2px}.unlock-row{gap:10px;display:grid}.compact{padding:10px 12px;font-size:.82rem}.search-card input,.add-form input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.filter-card{background:var(--panel);border-radius:20px;gap:10px;margin:-4px 0 14px;padding:12px;display:grid}.filter-row{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row button{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;flex:none;padding:8px 10px}.filter-row button.active-filter{color:#1d1608;background:var(--gold);border-color:#0000}.search-card input::placeholder,.add-form input::placeholder{color:#f6efe375}.content-card{background:var(--panel);border-radius:30px;min-height:520px;padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pill,.tag-row span,.owner-grid span{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:999px;font-size:.76rem;font-weight:750}.pill{padding:7px 10px}.progress-card,.invite-card,.wishlist-note,.mock-result,.stat-card,.book-row{border:1px solid var(--line);background:var(--panel-strong)}.result-button{cursor:pointer;width:100%;color:inherit}.selected-result{border-color:#eac46ba3;box-shadow:0 0 0 3px #eac46b1f}.result-rank{color:#1d1608;background:var(--gold);text-transform:uppercase;border-radius:999px;width:fit-content;margin-bottom:4px;padding:3px 7px;font-size:.68rem;font-weight:950;display:inline-flex}.form-message{color:var(--muted);font-size:.82rem}.scanner-panel{background:#0003;border:1px solid #ffffff1a;border-radius:22px;gap:10px;padding:10px;display:grid}.scanner-panel video{object-fit:cover;background:#090806;border-radius:18px;width:100%;max-height:280px}.progress-card{border-radius:22px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.progress-card div:first-child{color:var(--muted);justify-content:space-between;font-size:.88rem;display:flex}.progress-card strong{color:var(--text)}.progress-bar{background:#ffffff14;border-radius:999px;height:9px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--green));height:100%;display:block}.book-list{gap:12px;display:grid}.book-row{text-align:left;border-radius:24px;gap:12px;padding:12px;display:flex}.book-cover{color:#fff8ed;background:linear-gradient(150deg,#e8bf67,#6d4b2c 58%,#1d1510);border-radius:15px;flex:0 0 58px;place-items:center;width:58px;height:78px;font-size:1.8rem;font-weight:950;display:grid;box-shadow:inset 7px 0 #ffffff21}img.book-cover{object-fit:cover;box-shadow:0 12px 24px #00000042}.book-cover.tiny{flex-basis:42px;width:42px;height:58px;font-size:1.1rem}.book-main{flex:1;min-width:0}.book-title-line{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.book-main strong{color:var(--text)}.book-main p,.book-main small{color:var(--muted)}.book-main .book-meta{color:#d9c9ae;margin-top:2px;font-size:.78rem}.book-main small{margin-top:8px;line-height:1.35;display:block}.owner-badge{color:#1b130d;border-radius:999px;flex:none;padding:4px 7px;font-size:.68rem;font-weight:900}.owner-anthony{background:var(--gold)}.owner-laurence{background:var(--green)}.owner-commun{background:#f4d6a0}.tag-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-row span{padding:4px 8px}.owner-grid,.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.owner-grid span{text-align:center;padding:8px}.invite-card{text-align:left;border-radius:22px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.invite-card strong{color:var(--text)}.invite-card p,.invite-card label{color:var(--muted)}.invite-card label{gap:8px;font-size:.88rem;font-weight:750;display:grid}.invite-card input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:14px;outline:0;padding:11px 12px}.secondary-action{color:#f7dfa1;background:#eac46b1f;border:1px solid #eac46b5c;border-radius:16px;padding:12px 14px;font-weight:900}.invite-result{background:#8dd7a51a;border-radius:14px;padding:10px 12px;font-size:.82rem;color:#bdf0cb!important}.wishlist-note{color:var(--muted);text-align:left;border-radius:20px;margin-bottom:14px;padding:14px}.wishlist-note strong{color:var(--text)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-radius:22px;gap:6px;padding:18px;display:grid}.stat-card strong{color:var(--gold);font-size:2rem;line-height:1}.stat-card span{color:var(--muted)}.add-form{text-align:left;gap:16px;display:grid}.add-form>label,fieldset{border:1px solid var(--line);color:var(--muted);border-radius:20px;gap:8px;margin:0;padding:14px;display:grid}.add-form>label input{padding:10px 0 0}.mock-result{border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.mock-result p{color:var(--muted);font-size:.88rem}fieldset label{color:var(--text);align-items:center;gap:10px;display:flex}fieldset input{width:18px;height:18px;accent-color:var(--gold)}.primary-action{background:linear-gradient(135deg, var(--gold), #f8db91);color:#211608;border:0;border-radius:18px;padding:14px 16px;font-weight:900}.empty-state{color:var(--muted);text-align:center;padding:28px 12px}.bottom-nav{background:#18120eeb;border-radius:24px;grid-template-columns:repeat(5,1fr);max-width:440px;margin:0 auto;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:18px;place-items:center;gap:3px;padding:9px 2px;font-size:.72rem;font-weight:800;display:grid}.bottom-nav button span{font-size:1rem}.bottom-nav button.active{color:#211608;background:var(--gold)}@media (width>=720px){.app-shell{padding-top:28px}}