: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,.account-panel,.login-card,.content-card,.search-card,.filter-card,.profile-strip,.bottom-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 42px #0000002e}.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:-.055em;max-width:270px;font-size:clamp(2rem,9vw,3rem);line-height:.98}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)}.compact-hero{align-items:center;padding:20px}.hero-actions{justify-items:end;gap:12px;display:grid}.account-toggle{color:#f7dfa1;background:#eac46b1f;border:1px solid #eac46b52;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900}.profile-strip{color:var(--muted);background:#231c16b8;border-radius:18px;justify-content:space-between;align-items:center;margin:12px 0 0;padding:10px 14px;font-size:.84rem;display:flex}.profile-strip strong{color:var(--text)}.account-panel{background:#231c16e6;border-radius:26px;gap:12px;margin:12px 0 14px;padding:14px;display:grid}.account-panel-heading{color:var(--muted);justify-content:space-between;gap:14px;display:flex}.account-panel-heading p:last-child{font-size:.82rem;font-weight:800}.search-card{background:var(--panel);color:var(--muted);border-radius:20px;align-items:center;gap:10px;margin:10px 0;padding:12px 14px;display:flex}.login-card{background:var(--panel);text-align:left;border-radius:22px;grid-template-columns:1fr;gap:10px;margin: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:#231c16c7;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}.duplicate-warning{background:#f4b2591f;border:1px solid #f4b25959;border-radius:16px;gap:8px;padding:12px;display:grid}.duplicate-warning strong{color:#ffe7b9}.duplicate-warning p{color:var(--muted);margin:0}.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}.library-status-section{gap:10px;margin-top:16px;display:grid}.library-status-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-status-heading h3{margin:0;font-size:1rem}.library-status-heading span{min-width:28px;color:var(--muted);text-align:center;background:#ffffff14;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:900}.compact-empty{margin:0;padding:12px}.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}.book-actions{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.book-actions label,.detail-status-control{color:var(--muted);gap:5px;font-size:.76rem;display:grid}.card-hint{color:var(--muted);font-size:.74rem;line-height:1.35}.book-actions select,.detail-status-control select,.danger-action{width:100%;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:9px 10px}.danger-action{color:#ffd5cf;background:#ff5f4b1f}.action-message{color:#dff8e7;background:#75d39b1a;border:1px solid #75d39b47;border-radius:14px;margin-bottom:10px;padding:9px 10px}.confirm-delete{color:#ffd5cf;background:#ff5f4b14;border:1px solid #ff5f4b38;border-radius:14px;gap:7px;padding:8px;display:grid}.confirm-delete span{font-size:.78rem;font-weight:800}.book-detail-sheet{background:linear-gradient(135deg,#eac46b24,#ffffff0d);border:1px solid #eac46b47;border-radius:24px;grid-template-columns:auto 1fr;gap:14px;margin-bottom:14px;padding:14px;display:grid}.book-detail-content{gap:8px;min-width:0;display:grid}.book-detail-content h2,.book-detail-content p,.book-detail-content dl,.book-edit-form{margin:0}.book-edit-form{gap:10px;display:grid}.book-edit-form label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:800;display:grid}.book-edit-form input,.book-edit-form select,.book-edit-form textarea{width:100%;color:var(--text);font:inherit;background:#0000002e;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px}.book-edit-form textarea{resize:vertical;min-height:78px}.book-detail-content dl{gap:6px;display:grid}.book-detail-content dl div{grid-template-columns:minmax(70px,auto) 1fr;gap:8px;display:grid}.book-detail-content dt{color:var(--muted);font-size:.75rem}.book-detail-content dd{color:var(--text);margin:0}.progress-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.subtle-danger{color:#efb4ad;background:#ff5f4b14;border-color:#ff5f4b29}.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(4,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}}.home-heading{align-items:flex-start}.reading-spotlight{text-align:left;background:linear-gradient(135deg,#eac46b29,#ffffff0e);border:1px solid #eac46b3d;border-radius:26px;grid-template-columns:auto 1fr;gap:16px;margin-bottom:16px;padding:16px;display:grid}.reading-spotlight .book-cover{border-radius:18px;flex-basis:72px;width:72px;height:98px}.reading-spotlight h3{color:var(--text);letter-spacing:-.035em;margin:0 0 4px;font-size:1.35rem;line-height:1.05}.reading-spotlight p:not(.eyebrow){color:var(--muted)}.empty-spotlight{grid-template-columns:1fr}.inline-progress{background:0 0;border:0;margin:14px 0 0;padding:0}.home-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.home-stats .stat-card{text-align:center;border-radius:18px;padding:12px 10px}.home-stats .stat-card strong{font-size:1.35rem}.home-stats .stat-card span{font-size:.72rem}.next-books{gap:10px;margin-bottom:18px;display:grid}.library-divider{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:18px 0 4px;font-size:.75rem;font-weight:900;display:flex}.library-divider:after{content:"";background:var(--line);flex:1;height:1px}.book-row{background:#34281fb8}.book-actions{grid-template-columns:auto 1fr;align-items:center}.book-actions .primary-action,.book-actions .secondary-action{width:fit-content}@media (width>=720px){.app-shell{width:min(100%,760px)}.content-card{padding:24px}.book-list{grid-template-columns:repeat(2,minmax(0,1fr))}.library-status-section .book-list,.next-books .book-list{grid-template-columns:1fr}}.section-subtitle{max-width:420px;color:var(--muted);margin-top:6px;font-size:.88rem;line-height:1.4}.biblio-heading{align-items:flex-start}.biblio-overview{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.owner-summary{border:1px solid var(--line);text-align:center;background:#ffffff0e;border-radius:20px;gap:8px;padding:13px 10px;display:grid}.owner-summary span{color:var(--muted);font-size:.74rem;font-weight:850}.owner-summary strong{color:var(--text);font-size:1.45rem;line-height:1}.owner-summary-anthony strong{color:var(--gold)}.owner-summary-laurence strong{color:var(--green)}.owner-summary-commun strong{color:#f4d6a0}.biblio-highlights{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.biblio-highlights .stat-card{text-align:center;border-radius:18px;padding:14px}.compact-invite{background:#ffffff0b;margin-bottom:18px}.invite-form{gap:12px;display:grid}.wishlist-heading{align-items:flex-start}.wishlist-spotlight,.wishlist-empty{text-align:left;background:linear-gradient(135deg,#8dd7a51f,#ffffff0b);border:1px solid #8dd7a538;border-radius:26px;gap:14px;margin-bottom:14px;padding:16px;display:grid}.wishlist-spotlight{grid-template-columns:auto 1fr}.wishlist-spotlight .book-cover{border-radius:18px;flex-basis:66px;width:66px;height:92px}.wishlist-spotlight h3,.wishlist-empty h3{color:var(--text);letter-spacing:-.035em;margin:0 0 4px;font-size:1.24rem;line-height:1.08}.wishlist-spotlight p:not(.eyebrow),.wishlist-spotlight small,.wishlist-empty p:not(.eyebrow){color:var(--muted)}.wishlist-spotlight small{margin-top:8px;line-height:1.35;display:block}.wishlist-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.wishlist-summary .stat-card{text-align:center;border-radius:18px;padding:14px}.add-heading{align-items:flex-start}.refined-add-form{gap:14px}.add-step{border:1px solid var(--line);background:#ffffff0d;border-radius:24px;grid-template-columns:auto 1fr;gap:12px;padding:14px;display:grid}.step-number{width:30px;height:30px;color:var(--gold);background:#eeb95b29;border:1px solid #eeb95b38;border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.step-content{gap:12px;min-width:0;display:grid}.step-content>label{color:var(--muted);gap:8px;font-size:.84rem;font-weight:800;display:grid}.add-actions-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.step-title-line{gap:3px;display:grid}.step-title-line strong{color:var(--text)}.step-title-line span{color:var(--muted);font-size:.82rem}.destination-cards{gap:10px}.destination-cards legend{color:var(--text);margin-bottom:2px;font-size:.95rem}.destination-cards label{background:#0000001a;border:1px solid #ffffff17;border-radius:18px;align-items:flex-start;padding:12px}.destination-cards label:has(input:checked){background:#eeb95b17;border-color:#eeb95b5c}.destination-cards label span{gap:3px;display:grid}.destination-cards label small{color:var(--muted);font-size:.78rem;line-height:1.3}.add-submit{min-height:52px;font-size:1rem}@media (width<=420px){.add-actions-row{grid-template-columns:1fr}}.empty-state{color:var(--muted);text-align:center;background:#ffffff09;border:1px dashed #f6efe329;border-radius:22px;gap:6px;padding:22px 16px;display:grid}.empty-state strong{color:var(--text);font-size:.98rem}.empty-state span{font-size:.84rem;line-height:1.35}.book-actions .card-hint{align-self:center}@media (width<=520px){.book-row{border-radius:22px;padding:11px}.book-cover{flex-basis:52px;width:52px;height:72px}.book-title-line{align-items:flex-start}.book-actions{grid-template-columns:repeat(2,minmax(0,max-content));align-items:center}.book-actions .card-hint{grid-column:1/-1}}@media (width>=960px){.app-shell{width:min(100%,920px)}.content-card{padding:24px}.biblio-overview,.home-stats{gap:12px}}.quick-add-actions{grid-template-columns:1fr;gap:9px;display:grid}.quick-add-actions .primary-action,.quick-add-actions .secondary-action{width:100%;min-height:50px}.isbn-options{color:var(--muted);background:#0000001f;border:1px solid #ffffff14;border-radius:16px;padding:10px 12px}.isbn-options summary{cursor:pointer;color:#f4d6a0;font-size:.84rem;font-weight:850}.isbn-options p{margin:8px 0 10px;font-size:.82rem;line-height:1.4}.destination-cards{border:0;width:100%;min-width:0;padding:0;display:grid}.destination-cards label{box-sizing:border-box;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;display:grid}.destination-cards input{width:18px;height:18px;margin:2px 0 0}.destination-cards label span{overflow-wrap:anywhere;min-width:0;max-width:100%}.destination-cards label strong,.destination-cards label small{max-width:100%;display:block}.destination-cards label strong{line-height:1.15}.destination-cards label small{margin-top:4px}.secondary-submit{margin-top:2px}@media (width<=420px){.add-step{grid-template-columns:32px minmax(0,1fr);padding:12px}.step-content,.destination-cards,.destination-cards label{min-width:0}}.book-detail-sheet{box-sizing:border-box;grid-template-columns:54px minmax(0,1fr);align-items:start;max-width:100%;overflow:hidden}.book-detail-sheet .book-cover{border-radius:18px;flex-basis:54px;width:54px;height:72px}.detail-title-block{gap:3px;min-width:0;display:grid}.detail-title-block h2{overflow-wrap:anywhere;max-width:100%;margin:0;line-height:1.08}.detail-title-block p,.detail-meta,.detail-note{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.35}.detail-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0;display:grid}.detail-summary-grid article{background:#0000001f;border:1px solid #ffffff14;border-radius:15px;gap:4px;min-width:0;padding:9px 8px;display:grid}.detail-summary-grid span{color:var(--muted);font-size:.68rem;font-weight:850}.detail-summary-grid strong{color:var(--text);overflow-wrap:anywhere;font-size:.9rem;line-height:1.1}.detail-progress{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.detail-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--green));height:100%;display:block}.detail-tags{margin-top:0}.detail-primary-actions{grid-template-columns:1fr .8fr .8fr}.detail-primary-actions button,.detail-secondary-actions>button,.detail-secondary-actions .confirm-delete button{white-space:normal;width:100%;min-width:0;min-height:48px;line-height:1.12}.detail-secondary-actions{gap:8px;min-width:0;display:grid}@media (width<=420px){.book-detail-sheet{border-radius:22px;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}.book-detail-sheet .book-cover{flex-basis:48px;width:48px;height:66px}.book-detail-content{gap:10px}.detail-summary-grid{grid-template-columns:1fr}.detail-summary-grid article{grid-template-columns:72px minmax(0,1fr);align-items:center}.detail-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}.title-entry-field{letter-spacing:-.01em;color:#f8e9c7!important;gap:10px!important;font-size:.96rem!important}.title-entry-field input{box-sizing:border-box;min-height:58px;color:var(--text);border-radius:18px;font-size:1.05rem;font-weight:800;box-shadow:inset 0 1px #ffffff12,0 0 0 3px #eeb95b0f;background:#ffffff17!important;border:1.5px solid #eeb95b75!important;padding:0 16px!important}.title-entry-field input::placeholder{font-weight:750;color:#f6efe394!important}.title-entry-field input:focus{box-shadow:0 0 0 4px #eeb95b2e;border-color:var(--gold)!important;background:#ffffff21!important}@media (width<=420px){.title-entry-field input{min-height:60px;font-size:1rem}}.title-entry-field>span{color:#f8e9c7;font-size:1rem;font-weight:900}.title-entry-field>small{color:#f6efe39e;margin-top:-6px;font-size:.78rem;font-weight:800}
