@theme{ --spacing: .25rem; }:root{--font-sans:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--sand:#FEFAE0;--sidebar:#FEFAE0;--canvas:#FFFFFF;--sienna:#A0522D;--peru:#CD853F;--paper:#FFFFFF;--paper-2:#FEFAE0;--ink:#3B2419;--muted:#775D50;--line:rgba(160,82,45,.16);--shadow:0 10px 30px rgba(82,45,27,.06);--radius:16px;color-scheme:light}:root[data-shelf-theme=dark]{--sand:#2B1B14;--sidebar:#2B1B14;--canvas:#332018;--sienna:#DEB887;--peru:#CD853F;--paper:#3A241A;--paper-2:#432B20;--ink:#FFF1DD;--muted:#D6BFA8;--line:rgba(222,184,135,.16);--shadow:0 12px 36px rgba(0,0,0,.18);color-scheme:dark}*{box-sizing:border-box;font-family:var(--font-sans)!important}html,body,#root{margin:0;min-height:100%;background:var(--sand);color:var(--ink);font-family:var(--font-sans)}button,input,select,textarea{font:inherit}button,a{tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,.brand>span:last-child{font-family:SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--peru) 45%,transparent);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr;background:var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:26px 18px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--sienna)}.brand>span:last-child{font-size:23px;line-height:.95}.brand small{display:block;margin-top:6px;font:600 9px/1 SF Pro Display,SF Pro Text,system-ui;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.brand-mark{width:32px;height:32px;border-radius:9px;display:block;object-fit:cover;box-shadow:inset 0 -5px #0000000f}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:42px}.nav-item{border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:13px;padding:12px;color:var(--muted);font-size:13px;font-weight:650;text-align:left;cursor:pointer}.nav-item span{font:700 9px/1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--peru)}.nav-item:hover,.nav-item.active{background:color-mix(in srgb,var(--sand) 26%,var(--paper));color:var(--sienna)}.nav-item.active{box-shadow:inset 3px 0 0 var(--sienna)}.account-card{margin-top:auto;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:9px;padding:12px 8px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--peru);color:#fff;font-weight:800}.account-card strong,.account-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card strong{font-size:12px}.account-card small{font-size:9px;color:var(--muted);margin-top:3px}.account-card a{color:var(--sienna);text-decoration:none}.main-panel{grid-column:2;padding:34px clamp(24px,4vw,64px) 64px;min-width:0;min-height:100vh;background:var(--canvas)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 auto 30px;max-width:1260px}.eyebrow{font:750 9px/1.2 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.17em;color:var(--peru);margin-bottom:9px}.topbar h1{font-size:clamp(34px,4vw,54px);line-height:.95;color:var(--sienna);margin:0}.top-actions{display:flex;gap:9px}.primary-button,.secondary-button,.theme-button,.text-button,.google-button{border:0;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:750;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--sienna);color:var(--paper);box-shadow:0 7px 18px color-mix(in srgb,var(--sienna) 22%,transparent)}.primary-button:hover{background:color-mix(in srgb,var(--sienna) 86%,#000)}.primary-button.small{padding:8px 12px}.secondary-button,.theme-button{background:var(--paper);color:var(--sienna);border:1px solid var(--line)}.text-button{padding:6px;background:transparent;color:var(--sienna)}button:disabled{opacity:.55;cursor:not-allowed}.view-panel{max-width:1260px;margin:auto}.notice{max-width:1260px;margin:0 auto 18px;background:var(--paper);border-left:4px solid var(--peru);padding:12px 16px;border-radius:9px;display:flex;justify-content:space-between;font-size:13px;box-shadow:var(--shadow)}.notice button{border:0;background:transparent;color:var(--sienna);font-size:11px;font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric,.panel,.empty-state{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.metric{padding:20px}.metric p{font-size:11px;color:var(--muted);margin-bottom:16px}.metric strong{display:block;color:var(--sienna);font:700 clamp(25px,3vw,36px)/1 "SF Pro Display","SF Pro Text",ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{display:block;color:var(--muted);font-size:10px;margin-top:9px}.dashboard-grid,.habits-layout,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{padding:22px;min-width:0}.span-2{grid-column:span 2}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-title h2,.panel h2{font-size:23px;color:var(--sienna);margin-bottom:0}.panel-title>span,.panel-title>strong{font-size:11px;color:var(--muted)}.bar-chart{height:210px;display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;padding-top:14px;border-bottom:1px solid var(--line)}.bar-item{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar-item i{width:min(24px,68%);min-height:3px;background:linear-gradient(var(--peru),var(--sienna));border-radius:5px 5px 1px 1px}.bar-item small{font-size:8px;color:var(--muted)}.current-book{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:center}.book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 10px 24px #502d1a2e;background:var(--paper-2)}.book-cover.fallback{padding:18px 10px;color:var(--paper);background:linear-gradient(145deg,var(--sienna),var(--peru));display:flex;flex-direction:column;justify-content:space-between}.fallback span{font:700 32px/1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif}.fallback b{font:700 13px/1.1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif}.fallback small{font-size:8px;opacity:.8}.current-book p{font-size:10px;color:var(--peru);margin-bottom:7px}.current-book h3{font:700 22px/1.05 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--sienna);margin:0 0 8px}.current-book>div:last-child>span{font-size:10px;color:var(--muted)}.progress{height:6px;background:color-mix(in srgb,var(--sand) 45%,var(--paper));border-radius:999px;overflow:hidden;margin:12px 0}.progress.large{height:10px;margin:24px 0 10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--peru),var(--sienna));border-radius:inherit}.session-list{display:flex;flex-direction:column}.session-list>div{display:grid;grid-template-columns:44px 1fr 36px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.session-list>div:last-child{border:0}.session-list span{font-size:9px;color:var(--muted)}.session-list strong,.session-list small{display:block}.session-list strong{font-size:11px}.session-list small{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list b{text-align:right;color:var(--sienna);font-size:11px}.goal-ring{--goal:0deg;width:170px;height:170px;margin:30px auto 12px;border-radius:50%;background:conic-gradient(var(--peru) var(--goal),color-mix(in srgb,var(--sand) 50%,var(--paper)) 0);display:grid;place-items:center}.goal-ring:before{content:"";grid-area:1/1;width:130px;height:130px;background:var(--paper);border-radius:50%}.goal-ring span{grid-area:1/1;z-index:1;font:700 32px/1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--sienna);text-align:center}.goal-ring small{display:block;font:600 9px/1.4 SF Pro Display,SF Pro Text,sans-serif;color:var(--muted);margin-top:5px}.empty-state{padding:70px 24px;text-align:center}.empty-state h2{font-size:30px;color:var(--sienna);margin:20px 0 8px}.empty-state p{max-width:480px;margin:0 auto 22px;color:var(--muted);font-size:13px;line-height:1.6}.empty-state>div:last-child{display:flex;justify-content:center;gap:8px}.empty-books{height:68px;display:flex;justify-content:center;align-items:flex-end;gap:5px}.empty-books i{display:block;width:20px;border-radius:3px 3px 1px 1px;background:var(--sienna)}.empty-books i:nth-child(1){height:50px}.empty-books i:nth-child(2){height:65px;background:var(--peru)}.empty-books i:nth-child(3){height:43px;background:var(--sand);border:1px solid var(--sienna)}.toolbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:20px}.filter-group{display:flex;flex-wrap:wrap;gap:6px}.filter-group button,.choice-group button{border:1px solid var(--line);background:var(--paper);padding:9px 12px;border-radius:9px;font-size:10px;font-weight:700;color:var(--muted);cursor:pointer}.filter-group button span{margin-left:7px;color:var(--peru)}.filter-group button.active,.choice-group button.active{background:var(--sienna);color:var(--paper)}.search{width:min(260px,100%);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:10px 13px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.book-card{min-width:0}.cover-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.book-card>.cover-button>.book-cover{transition:transform .18s ease,box-shadow .18s ease}.book-card:hover>.cover-button>.book-cover{transform:translateY(-4px);box-shadow:0 16px 32px #502d1a38}.book-card>div{padding:13px 2px}.book-card h3{font:700 16px/1.15 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--sienna);margin:8px 0 4px}.book-card p{font-size:10px;color:var(--muted);margin-bottom:10px}.status{display:inline-block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--sienna)}.book-meta{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted)}.book-meta span:last-child{color:var(--peru)}.card-actions{display:flex;gap:10px;margin-top:9px}.card-actions button{border:0;background:transparent;padding:0;color:var(--sienna);font-size:9px;font-weight:750;cursor:pointer}.series-list{display:flex;flex-direction:column;gap:14px}.series-row{display:grid;grid-template-columns:minmax(200px,320px) 1fr;align-items:center;gap:24px}.series-info>p:not(.eyebrow){font-size:11px;color:var(--muted)}.series-covers{display:flex;align-items:flex-end;gap:12px;overflow:auto;padding:8px 4px 16px}.series-covers>div{min-width:74px;width:74px}.series-covers span{display:block;margin-top:7px;text-align:center;font-size:8px;color:var(--muted)}.heatmap{display:grid;grid-template-rows:repeat(7,10px);grid-auto-flow:column;grid-auto-columns:10px;gap:4px;overflow:auto;padding:4px 0}.heatmap i,.heat-key i{display:block;width:10px;height:10px;border-radius:2px;background:color-mix(in srgb,var(--sand) 35%,var(--paper))}.heatmap i[data-level="1"],.heat-key i[data-level="1"]{background:color-mix(in srgb,var(--peru) 35%,var(--paper))}.heatmap i[data-level="2"],.heat-key i[data-level="2"]{background:color-mix(in srgb,var(--peru) 60%,var(--paper))}.heatmap i[data-level="3"],.heat-key i[data-level="3"]{background:var(--peru)}.heatmap i[data-level="4"],.heat-key i[data-level="4"]{background:var(--sienna)}.heat-key{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:14px}.heat-key span{font-size:8px;color:var(--muted);margin:0 3px}.muted,.section-intro{font-size:12px;line-height:1.6;color:var(--muted)}.section-intro{max-width:700px;margin-bottom:22px}.recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recommend-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-template-columns:94px 1fr;gap:16px;box-shadow:var(--shadow)}.recommend-card img,.recommend-fallback{width:94px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;background:linear-gradient(var(--sand),var(--peru))}.recommend-card small{font-size:8px;color:var(--peru);text-transform:uppercase;letter-spacing:.08em}.recommend-card h3{font:700 18px/1.1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--sienna);margin:8px 0 5px}.recommend-card p,.recommend-card span{font-size:9px;color:var(--muted)}.recommend-card button{display:block;border:0;background:transparent;color:var(--sienna);font-size:9px;font-weight:750;padding:12px 0 0;cursor:pointer}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.skeleton-grid i{height:180px;border-radius:var(--radius);background:linear-gradient(100deg,var(--paper),var(--paper-2),var(--paper));background-size:200%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.import-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.import-card>p,.import-help>p,.import-help li{font-size:12px;line-height:1.6;color:var(--muted)}.drop-zone{display:grid;place-items:center;text-align:center;min-height:180px;margin-top:24px;border:1px dashed var(--sienna);border-radius:14px;background:color-mix(in srgb,var(--sand) 18%,var(--paper));cursor:pointer}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone span{font-weight:750;color:var(--sienna)}.drop-zone small{font-size:9px;color:var(--muted);margin-top:6px}.import-ready{margin-top:18px;padding:14px;background:var(--paper-2);border-radius:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.import-ready span{font-size:9px;color:var(--muted)}.import-ready button{grid-row:1/3;grid-column:2}.import-help ol{padding-left:18px}.form-error{color:#9c3028!important}.choice-group{display:flex;gap:7px;margin-top:18px}.settings-grid label{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-top:14px}.settings-grid input{display:block;width:100%;margin-top:6px}.privacy{display:flex;flex-direction:column;align-items:flex-start}.privacy button{margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#2c19118f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:100}.dialog{width:min(720px,100%);max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 30px 80px #1e0f0a52}.small-dialog{width:min(480px,100%)}.dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-head h2{font-size:27px;color:var(--sienna);margin:0}.dialog-head>button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:750;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.single{grid-template-columns:1fr}.form-grid label{font-size:9px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.form-grid input,.form-grid select,.form-grid textarea,.settings-grid input{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--paper-2);color:var(--ink);padding:11px 12px;margin-top:6px;text-transform:none;letter-spacing:normal}.form-grid textarea{resize:vertical}.form-grid label small{display:block;margin-top:4px;text-transform:none;letter-spacing:normal;font-weight:500}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:30px}.loading-line{width:140px;height:2px;background:var(--paper);overflow:hidden}.loading-line:after{content:"";display:block;width:45%;height:100%;background:var(--sienna);animation:load 1s infinite alternate}@keyframes load{to{transform:translate(120px)}}.welcome{min-height:100vh;display:flex;flex-direction:column;padding:26px clamp(22px,5vw,72px);background:linear-gradient(90deg,var(--sidebar) 0 50%,var(--canvas) 50% 100%)}.welcome-header{display:flex;justify-content:space-between;align-items:center}.welcome-header>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);font-weight:700}.welcome-main{flex:1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);align-items:center;gap:7vw;max-width:1280px;width:100%;margin:auto;padding:60px 0}.welcome-copy h1{font-size:clamp(54px,7vw,94px);line-height:.87;letter-spacing:-.05em;color:var(--sienna);margin:0 0 28px}.welcome-copy>p:not(.eyebrow){max-width:470px;color:var(--ink);font-size:14px;line-height:1.7}.google-button{width:max-content;margin-top:26px;background:var(--sienna);color:var(--paper);padding:13px 18px}.google-button span{display:grid;place-items:center;width:20px;height:20px;background:var(--paper);color:var(--sienna);border-radius:50%;font-weight:900}.welcome-copy>small{display:block;color:var(--ink);font-size:9px;margin-top:16px}.welcome-preview{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px #532e1a24;padding:26px}.preview-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.preview-head strong{color:var(--sienna)}.preview-book{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;padding:22px 0}.mini-cover{height:112px;background:linear-gradient(var(--sienna),var(--peru));color:var(--paper);border-radius:4px;box-shadow:0 10px 20px #502d1a33;display:grid;place-items:center;font:700 12px/1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif}.preview-book small{font-size:8px;color:var(--peru);text-transform:uppercase;letter-spacing:.12em}.preview-book h2{font-size:25px;color:var(--sienna);margin:6px 0}.preview-book p{font-size:10px;color:var(--muted);margin:0}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-grid>div{background:var(--paper-2);border-radius:12px;padding:15px}.preview-grid small,.preview-grid span{display:block;color:var(--muted);font-size:8px}.preview-grid b{display:block;font:700 28px/1 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--sienna);margin:9px 0 5px}.preview-shelf{height:64px;display:flex;align-items:flex-end;gap:6px;padding:18px 10px 0;border-bottom:3px solid var(--sienna)}.preview-shelf span{display:block;width:16px;background:var(--peru);border-radius:2px 2px 0 0}.preview-shelf span:nth-child(1){height:35px}.preview-shelf span:nth-child(2){height:42px;background:var(--sienna)}.preview-shelf span:nth-child(3){height:30px;background:var(--sand)}.preview-shelf span:nth-child(4){height:39px}.preview-shelf span:nth-child(5){height:27px;background:var(--sienna)}.preview-shelf span:nth-child(6){height:45px;background:var(--sand)}.welcome-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;color:var(--ink);font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.line-icon{width:18px;height:18px;flex:0 0 18px}.primary-button .line-icon{width:15px;height:15px}.mobile-nav .line-icon{width:17px;height:17px;color:var(--peru)}.mobile-nav{display:none}@media(max-width:1000px){.app-shell{grid-template-columns:200px 1fr}.sidebar{width:200px}.main-panel{padding:28px 24px 64px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.habits-layout{grid-template-columns:1fr}.dashboard-grid .span-2,.habits-layout .span-2{grid-column:auto}.recommend-grid{grid-template-columns:1fr}.welcome-main{grid-template-columns:1fr 1fr;gap:35px}.welcome-copy h1{font-size:60px}}@media(max-width:760px){.app-shell{display:block;padding-bottom:74px}.sidebar{position:static;width:100%;height:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.side-nav,.account-card{display:none}.main-panel{padding:24px 16px 28px}.topbar{align-items:center}.topbar .eyebrow{display:none}.topbar h1{font-size:36px}.theme-button{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:var(--paper);border-top:1px solid var(--line);z-index:50;padding:max(8px,env(safe-area-inset-bottom)) 4px}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:7px;display:grid;place-items:center;gap:3px}.mobile-nav button span{font-size:9px;color:var(--peru)}.mobile-nav button.active{color:var(--sienna);font-weight:800}.toolbar{flex-direction:column}.search{width:100%}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.series-row,.import-layout,.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.welcome{padding:20px}.welcome-main{display:flex;flex-direction:column;padding:60px 0 35px}.welcome-copy{width:100%}.welcome-copy h1{font-size:56px}.welcome-preview{width:100%;transform:none}.welcome-footer{gap:12px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.metric-grid{gap:9px}.metric{padding:16px}.current-book{grid-template-columns:90px 1fr}.bar-chart{height:170px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:25px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-card{grid-template-columns:76px 1fr}.recommend-card img,.recommend-fallback{width:76px}.welcome-copy h1{font-size:49px}.welcome-header>span{display:none}.preview-grid{grid-template-columns:1fr}.top-actions{gap:5px}.primary-button{padding:10px 12px}}.shelf-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.shelf-selects{display:flex;gap:8px;flex-wrap:wrap}.shelf-selects label{position:relative;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0 9px}.shelf-selects label>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--peru)}.shelf-selects select{border:0;background:transparent;color:var(--sienna);font-size:10px;font-weight:750;padding:9px 18px 9px 0;outline:0}.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);align-items:end;gap:12px;margin-bottom:20px}.library-toolbar .search{width:100%}.dashboard-shelf .shelf-controls{margin-bottom:18px}.shelf-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shelf-strip>article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--paper-2);min-width:0}.shelf-thumb{width:52px}.shelf-thumb .book-cover{box-shadow:0 5px 12px #502d1a1f}.shelf-strip h3{font:700 13px/1.15 SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,sans-serif;color:var(--sienna);margin:5px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-strip p{font-size:9px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-empty{padding:22px 0 5px}@media(max-width:1000px){.shelf-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{grid-template-columns:1fr}.library-toolbar .search{max-width:none}}@media(max-width:620px){.shelf-controls{align-items:stretch;flex-direction:column}.shelf-controls .filter-group{display:grid;grid-template-columns:repeat(2,1fr)}.shelf-selects{display:grid;grid-template-columns:1fr 1fr}.shelf-selects label{justify-content:space-between}.shelf-selects select{width:100%}.shelf-strip{grid-template-columns:1fr}}:root[data-shelf-palette=burgundy]{--palette-a:#7A1630;--palette-b:#C9974B}:root[data-shelf-palette=dusty-rose]{--palette-a:#A86464;--palette-b:#C7A58D}:root[data-shelf-palette=navy]{--palette-a:#26456E;--palette-b:#A5A8B3}:root[data-shelf-palette=terracotta]{--palette-a:#A0522D;--palette-b:#CD853F}:root[data-shelf-palette=lavender]{--palette-a:#7654A3;--palette-b:#A9A6BD}:root[data-shelf-palette=emerald]{--palette-a:#23765C;--palette-b:#D2BA7A}:root[data-shelf-palette=blush]{--palette-a:#B97979;--palette-b:#D2B66D}:root[data-shelf-palette=forest]{--palette-a:#315C35;--palette-b:#C7BF9D}:root[data-shelf-palette=wine]{--palette-a:#5F0F28;--palette-b:#C6A084}:root[data-shelf-palette=slate]{--palette-a:#425A74;--palette-b:#C67A49}:root[data-shelf-palette=black-gold]{--palette-a:#1D1D1D;--palette-b:#D1A64B}:root[data-shelf-palette=mauve]{--palette-a:#A35E88;--palette-b:#B8B0BE}:root[data-shelf-palette=ocean]{--palette-a:#217B99;--palette-b:#D98C8C}:root[data-shelf-palette=olive]{--palette-a:#7B8121;--palette-b:#B85F39}:root[data-shelf-palette=plum]{--palette-a:#63306F;--palette-b:#CEB07A}:root[data-shelf-palette]{--sienna:var(--palette-a);--peru:var(--palette-b);--sidebar:color-mix(in srgb,var(--palette-b) 18%,#fff);--sand:var(--sidebar)}:root[data-shelf-theme=dark][data-shelf-palette]{--sienna:var(--palette-b);--peru:color-mix(in srgb,var(--palette-a) 45%,white);--sidebar:color-mix(in srgb,var(--palette-a) 28%,#201713);--sand:var(--sidebar)}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.palette-option{position:relative;min-height:116px;padding:14px 8px 11px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer}.palette-option:hover{border-color:var(--peru);transform:translateY(-1px)}.palette-option.active{border-color:var(--sienna);box-shadow:inset 0 0 0 1px var(--sienna),0 7px 20px color-mix(in srgb,var(--sienna) 10%,transparent)}.palette-swatch{display:block;width:46px;height:46px;border-radius:50%;background:linear-gradient(90deg,var(--swatch-a) 0 50%,var(--swatch-b) 50%);box-shadow:0 4px 12px #2d1a1324}.palette-option b{font-size:10px;line-height:1.1}.palette-option small{position:absolute;right:7px;top:7px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--sienna)}.theme-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.theme-row>span{font-size:10px;font-weight:750;color:var(--muted)}.theme-row .choice-group{margin-top:0}@media(max-width:1000px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-option{min-height:104px}.theme-row{align-items:flex-start;flex-direction:column}.theme-row .choice-group{width:100%}.theme-row .choice-group button{flex:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.metric-label{display:flex;align-items:center;gap:8px;color:var(--peru);margin-bottom:15px}.metric-label p{margin:0}.metric-label svg{flex:0 0 auto}.empty-icon{width:70px;height:70px;margin:auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--sienna);background:var(--paper-2)}.title-with-icon{display:flex;align-items:flex-start;gap:11px}.title-with-icon.compact{margin-bottom:15px}.title-with-icon .eyebrow{margin-bottom:6px}.panel-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;color:var(--sienna);background:color-mix(in srgb,var(--sand) 38%,var(--paper));border:1px solid var(--line)}.library-toolbar{grid-template-columns:minmax(0,1fr) minmax(310px,430px)}.library-actions{display:flex;align-items:center;gap:8px}.search-wrap{position:relative;flex:1}.search-wrap>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-wrap .search{padding-left:36px}.export-button{white-space:nowrap;padding:10px 13px}.cover-button{position:relative;overflow:hidden;border-radius:6px}.cover-view{position:absolute;inset:auto 9px 9px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--sienna) 90%,transparent);color:var(--paper);font-size:9px;font-weight:750;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.cover-button:hover .cover-view,.cover-button:focus-visible .cover-view{opacity:1;transform:translateY(0)}.card-actions{flex-wrap:wrap}.card-actions button{display:inline-flex;align-items:center;gap:4px}.card-actions button:last-child{color:var(--muted)}.shelf-selects label>svg{color:var(--sienna);flex:0 0 auto}.monthly-chart{height:250px;display:grid;grid-template-columns:repeat(12,minmax(24px,1fr));align-items:end;gap:9px;padding:14px 4px 0;border-bottom:1px solid var(--line)}.month-column{height:100%;display:grid;grid-template-rows:24px 1fr 24px;align-items:end;text-align:center}.month-value{font-size:8px;color:var(--muted);white-space:nowrap}.month-bar-wrap{height:100%;display:flex;align-items:flex-end;justify-content:center}.month-bar-wrap i{display:block;width:min(26px,68%);min-height:2px;border-radius:5px 5px 1px 1px;background:linear-gradient(var(--peru),var(--sienna))}.month-column small{font-size:8px;color:var(--muted);align-self:center}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.chart-summary span{display:grid;grid-template-columns:18px 1fr;align-items:center;column-gap:7px;padding:10px 12px;background:var(--paper-2);border-radius:10px;color:var(--muted);font-size:8px}.chart-summary svg{grid-row:1/3;color:var(--sienna)}.chart-summary b{color:var(--ink);font-size:10px}.detail-dialog{width:min(850px,100%);padding:20px 24px 24px}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.close-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--sienna);cursor:pointer}.detail-layout{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:34px;align-items:start}.detail-cover{max-width:250px}.detail-content{padding-top:8px}.detail-author{font-size:11px;color:var(--peru);margin:0 0 7px}.detail-content h2{font-size:clamp(30px,5vw,48px);line-height:.96;color:var(--sienna);margin:0 0 10px}.detail-rating{color:var(--peru);font-size:14px;letter-spacing:.08em}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0}.detail-facts>span{display:grid;grid-template-columns:22px 1fr;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2)}.detail-facts svg{grid-row:1/3;color:var(--sienna)}.detail-facts small,.detail-facts b{display:block}.detail-facts small{font-size:8px;color:var(--muted)}.detail-facts b{font-size:10px;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.detail-progress small{font-size:8px;color:var(--muted)}.detail-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0}.detail-meta span{font-size:9px;color:var(--muted)}.detail-meta b{color:var(--ink);margin-right:6px}.detail-edit{margin-top:4px}.detail-notes{margin-top:24px;padding:18px;border-radius:12px;background:var(--paper-2);border:1px solid var(--line)}.detail-notes h3{font-size:17px;color:var(--sienna);margin:0}.detail-notes>p{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 0;white-space:pre-wrap}.drop-zone>svg{color:var(--sienna);margin-bottom:8px}.palette-option small{display:flex;align-items:center;gap:2px}@media(max-width:1000px){.library-toolbar{grid-template-columns:1fr}.monthly-chart{gap:6px}.chart-summary{grid-template-columns:1fr 1fr 1fr}}@media(max-width:620px){.library-actions{align-items:stretch;flex-direction:column}.export-button{width:100%}.monthly-chart{height:210px;gap:3px;overflow-x:auto}.month-value{font-size:7px}.chart-summary{grid-template-columns:1fr}.detail-layout{grid-template-columns:110px 1fr;gap:18px}.detail-content{padding-top:0}.detail-content h2{font-size:27px}.detail-facts{grid-template-columns:1fr}.detail-meta{display:grid}.detail-notes{margin-top:18px}.detail-dialog{padding:16px}.cover-view{display:none}}:root{--canvas:#F3F6FB;--sidebar:#FFFFFF;--sand:#F3F6FB;--paper:#FFFFFF;--paper-2:#F7F8FC;--ink:#1B1B2A;--muted:#77798A;--line:#E8EBF2;--palette-a:#7257D8;--palette-b:#B7A8F4;--sienna:#7257D8;--peru:#B7A8F4;--pop-purple:#6C4CF6;--pop-pink:#FF5F7D;--pop-blue:#438DF7;--pop-cyan:#25C3D9;--pop-orange:#FF9863;--pop-yellow:#FFD45C;--pop-green:#48C774;--shadow:0 10px 34px rgba(55,63,95,.08);--radius:22px;color-scheme:light}:root[data-shelf-palette=burgundy]{--palette-a:#A82458;--palette-b:#FF7896}:root[data-shelf-palette=dusty-rose]{--palette-a:#C15C82;--palette-b:#FF9FBA}:root[data-shelf-palette=navy]{--palette-a:#4256B8;--palette-b:#7CA8FF}:root[data-shelf-palette=terracotta]{--palette-a:#F06C5F;--palette-b:#FFAA68}:root[data-shelf-palette=lavender]{--palette-a:#7B5CE1;--palette-b:#B68CFF}:root[data-shelf-palette=emerald]{--palette-a:#22A879;--palette-b:#66D7AA}:root[data-shelf-palette=blush]{--palette-a:#ED6F91;--palette-b:#FFB3C4}:root[data-shelf-palette=forest]{--palette-a:#3E9B61;--palette-b:#8BD19E}:root[data-shelf-palette=wine]{--palette-a:#8D2859;--palette-b:#D96F9E}:root[data-shelf-palette=slate]{--palette-a:#536CA8;--palette-b:#7DB8D7}:root[data-shelf-palette=black-gold]{--palette-a:#29293A;--palette-b:#F0B93D}:root[data-shelf-palette=mauve]{--palette-a:#A356A5;--palette-b:#DC8DCE}:root[data-shelf-palette=ocean]{--palette-a:#168FBD;--palette-b:#43D1D8}:root[data-shelf-palette=olive]{--palette-a:#7F9B32;--palette-b:#C7D967}:root[data-shelf-palette=plum]{--palette-a:#723C98;--palette-b:#C26FC5}:root[data-shelf-palette]{--sienna:var(--palette-a);--peru:var(--palette-b);--sidebar:#FFFFFF;--sand:#F3F6FB}:root[data-shelf-theme=dark]{--canvas:#171824;--sidebar:#1E1F2D;--sand:#171824;--paper:#242635;--paper-2:#2B2D3D;--ink:#F8F8FC;--muted:#AAAEC2;--line:#343749;--shadow:0 12px 34px rgba(0,0,0,.2)}:root[data-shelf-theme=dark][data-shelf-palette]{--sienna:var(--palette-b);--peru:color-mix(in srgb,var(--palette-a) 45%,white);--sidebar:#1E1F2D;--sand:#171824}.app-shell{background:var(--canvas)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:24px 16px;box-shadow:8px 0 30px #343d5c09}.brand{color:var(--ink)}.brand>span:last-child{font-size:20px;letter-spacing:-.04em}.brand small{color:var(--muted);letter-spacing:.12em}.brand-mark{border-radius:12px;box-shadow:none}.side-nav{gap:8px;margin-top:34px}.nav-item{border-radius:14px;padding:12px 13px;font-weight:700}.nav-item:hover{background:#f4f1ff;color:var(--sienna)}.nav-item.active{background:color-mix(in srgb,var(--sienna) 12%,#fff);color:var(--sienna);box-shadow:none}.nav-item.active .line-icon{filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--sienna) 35%,transparent))}.account-card{border-top:0;background:var(--paper-2);border-radius:16px;padding:10px}.avatar{background:linear-gradient(145deg,var(--pop-purple),var(--pop-pink));box-shadow:0 6px 14px #6c4cf638}.main-panel{background:var(--canvas);padding-top:30px}.topbar{align-items:center}.topbar h1{color:var(--ink);font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1}.topbar .eyebrow{color:var(--sienna)}.primary-button{background:var(--sienna);color:#fff;border-radius:13px;box-shadow:0 8px 18px color-mix(in srgb,var(--sienna) 24%,transparent)}.primary-button:hover{background:color-mix(in srgb,var(--sienna) 87%,#171824)}.secondary-button,.theme-button{border-color:var(--line);border-radius:13px;box-shadow:0 4px 14px #373f5f0d}.metric,.panel,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.metric{min-height:150px;padding:21px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-42px;background:currentColor;opacity:.08}.metric:nth-child(1){background:#eef5ff;color:var(--pop-blue);border-color:#ddebff}.metric:nth-child(2){background:#fff0f4;color:var(--pop-pink);border-color:#ffe0e9}.metric:nth-child(3){background:#f3eeff;color:var(--pop-purple);border-color:#e8deff}.metric:nth-child(4){background:#fff8df;color:#c28a00;border-color:#ffedb1}.metric-label{color:currentColor}.metric p{color:inherit;opacity:.76}.metric strong{color:var(--ink);font-size:clamp(30px,3vw,40px);letter-spacing:-.045em}.metric small{color:var(--muted)}.panel{padding:23px;background:var(--paper)}.panel-title h2,.panel h2{color:var(--ink);letter-spacing:-.025em}.panel-title>span,.panel-title>strong{padding:6px 9px;border-radius:999px;background:var(--paper-2);color:var(--muted)}.panel-icon{border:0;border-radius:12px;background:#f1ecff;color:var(--pop-purple)}.dashboard-grid{gap:18px}.dashboard-grid>.panel:nth-child(1){border-top:4px solid var(--pop-purple)}.dashboard-grid>.panel:nth-child(2){border-top:4px solid var(--pop-pink)}.dashboard-grid>.panel:nth-child(3){border-top:4px solid var(--pop-blue)}.dashboard-grid>.panel:nth-child(4){border-top:4px solid var(--pop-yellow)}.dashboard-grid>.panel:nth-child(5){border-top:4px solid var(--pop-green)}.bar-chart,.monthly-chart{border-color:var(--line)}.bar-item i,.month-bar-wrap i{background:var(--pop-purple);border-radius:8px 8px 3px 3px}.bar-item:nth-child(4n+1) i,.month-column:nth-child(4n+1) i{background:var(--pop-pink)}.bar-item:nth-child(4n+2) i,.month-column:nth-child(4n+2) i{background:var(--pop-blue)}.bar-item:nth-child(4n+3) i,.month-column:nth-child(4n+3) i{background:var(--pop-purple)}.bar-item:nth-child(4n) i,.month-column:nth-child(4n) i{background:var(--pop-orange)}.progress{height:8px;background:#eef0f5}.progress i{background:linear-gradient(90deg,var(--pop-purple),var(--pop-pink))}.goal-ring{background:conic-gradient(var(--pop-purple) var(--goal),#EEF0F5 0);box-shadow:inset 0 0 0 1px #e8eaf0}.goal-ring span{color:var(--ink)}.current-book .book-cover{border-radius:14px}.current-book h3{color:var(--ink)}.filter-group button,.choice-group button{border-color:var(--line);border-radius:12px;background:var(--paper);padding:10px 14px}.filter-group button.active,.choice-group button.active{background:var(--sienna);color:#fff;border-color:transparent;box-shadow:0 6px 14px color-mix(in srgb,var(--sienna) 20%,transparent)}.shelf-selects label,.search,.form-grid input,.form-grid select,.form-grid textarea,.settings-grid input{border-color:var(--line);border-radius:13px;background:var(--paper);box-shadow:0 4px 14px #373f5f0a}.book-grid{gap:18px}.book-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 8px 24px #373f5f11}.book-card>div{padding:14px 4px 5px}.book-card h3{color:var(--ink);font-size:15px}.cover-button,.book-cover{border-radius:14px}.status{padding:5px 8px;border-radius:999px;background:#f1ecff;color:var(--pop-purple);font-weight:800}.book-card:nth-child(4n+2) .status{background:#fff0f4;color:var(--pop-pink)}.book-card:nth-child(4n+3) .status{background:#eef5ff;color:var(--pop-blue)}.book-card:nth-child(4n) .status{background:#fff4e8;color:#c96a26}.series-row{border-left:5px solid var(--pop-purple)}.series-list .series-row:nth-child(4n+2){border-left-color:var(--pop-pink)}.series-list .series-row:nth-child(4n+3){border-left-color:var(--pop-blue)}.series-list .series-row:nth-child(4n){border-left-color:var(--pop-orange)}.heatmap i,.heat-key i{border-radius:4px;background:#eef0f5}.heatmap i[data-level="1"],.heat-key i[data-level="1"]{background:#dcd1ff}.heatmap i[data-level="2"],.heat-key i[data-level="2"]{background:#b89dff}.heatmap i[data-level="3"],.heat-key i[data-level="3"]{background:#8d67f6}.heatmap i[data-level="4"],.heat-key i[data-level="4"]{background:#ff5f7d}.chart-summary span{border-radius:14px}.chart-summary span:nth-child(1){background:#f3eeff}.chart-summary span:nth-child(2){background:#eef5ff}.chart-summary span:nth-child(3){background:#fff0f4}.chart-summary span:nth-child(1) svg{color:var(--pop-purple)}.chart-summary span:nth-child(2) svg{color:var(--pop-blue)}.chart-summary span:nth-child(3) svg{color:var(--pop-pink)}.recommend-card{border-color:var(--line);border-radius:20px;box-shadow:var(--shadow)}.recommend-card h3{color:var(--ink)}.recommend-card:nth-child(4n+1){border-top:4px solid var(--pop-purple)}.recommend-card:nth-child(4n+2){border-top:4px solid var(--pop-pink)}.recommend-card:nth-child(4n+3){border-top:4px solid var(--pop-blue)}.recommend-card:nth-child(4n){border-top:4px solid var(--pop-orange)}.recommend-card button{display:flex;align-items:center;gap:5px;color:var(--sienna)}.drop-zone{border:2px dashed #CFC4FF;border-radius:20px;background:#faf8ff}.import-help{border-top:4px solid var(--pop-yellow)}.import-ready{background:#f0f9ff;border-radius:15px}.palette-option{border-color:var(--line);border-radius:18px;box-shadow:0 5px 16px #373f5f0a}.palette-swatch{width:50px;height:50px;box-shadow:0 7px 18px #373f5f24}.dialog{border-color:var(--line);border-radius:24px;box-shadow:0 28px 90px #1f22373d}.detail-facts>span{border:0;border-radius:14px;background:var(--paper-2)}.detail-facts>span:nth-child(1){background:#eef5ff}.detail-facts>span:nth-child(2){background:#fff0f4}.detail-facts>span:nth-child(3){background:#fff8df}.detail-facts>span:nth-child(4){background:#f3eeff}.detail-notes{border:0;border-radius:18px;background:#f8f5ff}.empty-icon{border:0;border-radius:20px;background:linear-gradient(145deg,#f0eaff,#ffeaf0);color:var(--pop-purple)}.welcome{background:linear-gradient(110deg,#f7f5ff 0 48%,#f3f6fb 48% 100%)}.welcome-copy h1{color:var(--ink)}.welcome-preview{border-color:var(--line);border-radius:28px;box-shadow:0 28px 75px #373f5f24}.mini-cover{border-radius:12px;background:linear-gradient(145deg,var(--pop-purple),var(--pop-pink))}.preview-grid>div{border-radius:16px}.preview-grid>div:first-child{background:#eef5ff}.preview-grid>div:last-child{background:#fff0f4}.preview-grid b{color:var(--ink)}.preview-shelf{border-bottom-color:var(--pop-purple)}.preview-shelf span:nth-child(1){background:var(--pop-blue)}.preview-shelf span:nth-child(2){background:var(--pop-pink)}.preview-shelf span:nth-child(3){background:var(--pop-yellow)}.preview-shelf span:nth-child(4){background:var(--pop-purple)}.preview-shelf span:nth-child(5){background:var(--pop-orange)}.preview-shelf span:nth-child(6){background:var(--pop-cyan)}@media(max-width:760px){.main-panel{padding-top:20px}.sidebar{background:var(--paper)}.mobile-nav{left:14px;right:14px;bottom:12px;border:0;border-radius:22px;background:#20212e;padding:10px 6px calc(10px + env(safe-area-inset-bottom));box-shadow:0 14px 36px #14152247}.mobile-nav button{color:#aaaec0}.mobile-nav button.active{color:#fff}.mobile-nav .line-icon{color:inherit}.app-shell{padding-bottom:94px}.top-actions .primary-button{position:fixed;left:50%;bottom:29px;z-index:90;width:58px;height:58px;padding:0;border-radius:50%;transform:translate(-50%);background:var(--pop-pink);border:6px solid #20212E;box-shadow:0 6px #ff5f7d3d,0 12px 26px #1415224d;font-size:0}.top-actions .primary-button .line-icon{width:21px;height:21px}.topbar{padding-right:0}.metric{min-height:130px}.book-card{border-radius:18px}.welcome{background:#f7f5ff}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:15px}.metric strong{font-size:27px}.metric p{margin-bottom:10px}.panel{padding:18px}.book-grid{gap:10px}.book-card{padding:7px}.topbar h1{font-size:32px}}:root[data-shelf-palette=lavender]{--palette-a:#7257D8;--palette-b:#B7A8F4}:root[data-shelf-palette=ocean]{--palette-a:#287FA3;--palette-b:#75C4D6}:root[data-shelf-palette=terracotta]{--palette-a:#C9684A;--palette-b:#E7A078}:root[data-shelf-palette=emerald]{--palette-a:#287D65;--palette-b:#80BBA8}:root[data-shelf-palette=black-gold]{--palette-a:#292A32;--palette-b:#C79B45}:root[data-shelf-palette=pink]{--palette-a:#C54F7C;--palette-b:#F2A1BE}:root[data-shelf-palette]{--pop-purple:var(--palette-a);--pop-pink:var(--palette-b);--pop-blue:var(--palette-a);--pop-cyan:var(--palette-b);--pop-orange:var(--palette-b);--pop-yellow:var(--palette-b);--pop-green:var(--palette-a)}.metric:nth-child(odd){background:color-mix(in srgb,var(--palette-a) 8%,var(--paper));color:var(--palette-a);border-color:color-mix(in srgb,var(--palette-a) 18%,var(--line))}.metric:nth-child(2n){background:color-mix(in srgb,var(--palette-b) 10%,var(--paper));color:color-mix(in srgb,var(--palette-b) 76%,var(--ink));border-color:color-mix(in srgb,var(--palette-b) 20%,var(--line))}.dashboard-grid>.panel:nth-child(odd),.recommend-card:nth-child(odd),.import-help{border-top-color:var(--palette-a)}.dashboard-grid>.panel:nth-child(2n),.recommend-card:nth-child(2n){border-top-color:var(--palette-b)}.bar-item:nth-child(odd) i,.month-column:nth-child(odd) i{background:var(--palette-a)}.bar-item:nth-child(2n) i,.month-column:nth-child(2n) i{background:var(--palette-b)}.panel-icon,.empty-icon,.status,.book-card:nth-child(n) .status{background:color-mix(in srgb,var(--palette-a) 10%,var(--paper));color:var(--palette-a)}.series-row,.series-list .series-row:nth-child(odd){border-left-color:var(--palette-a)}.series-list .series-row:nth-child(2n){border-left-color:var(--palette-b)}.heatmap i[data-level="1"],.heat-key i[data-level="1"]{background:color-mix(in srgb,var(--palette-a) 22%,var(--paper))}.heatmap i[data-level="2"],.heat-key i[data-level="2"]{background:color-mix(in srgb,var(--palette-a) 48%,var(--paper))}.heatmap i[data-level="3"],.heat-key i[data-level="3"]{background:var(--palette-b)}.heatmap i[data-level="4"],.heat-key i[data-level="4"]{background:var(--palette-a)}.chart-summary span:nth-child(n),.detail-facts>span:nth-child(n),.preview-grid>div:nth-child(n){background:color-mix(in srgb,var(--palette-a) 7%,var(--paper))}.chart-summary span:nth-child(2n),.detail-facts>span:nth-child(2n),.preview-grid>div:nth-child(2n){background:color-mix(in srgb,var(--palette-b) 9%,var(--paper))}.chart-summary span:nth-child(n) svg{color:var(--palette-a)}.drop-zone{border-color:color-mix(in srgb,var(--palette-a) 38%,var(--line));background:color-mix(in srgb,var(--palette-a) 4%,var(--paper))}.import-ready,.detail-notes{background:color-mix(in srgb,var(--palette-a) 6%,var(--paper))}.empty-icon{background:color-mix(in srgb,var(--palette-a) 10%,var(--paper))}.welcome{background:linear-gradient(110deg,color-mix(in srgb,var(--palette-a) 5%,#fff) 0 48%,#f3f6fb 48% 100%)}.mini-cover{background:linear-gradient(145deg,var(--palette-a),var(--palette-b))}.preview-shelf span:nth-child(odd){background:var(--palette-a)}.preview-shelf span:nth-child(2n){background:var(--palette-b)}.progress i{background:linear-gradient(90deg,var(--palette-a),var(--palette-b))}.goal-ring{background:conic-gradient(var(--palette-a) var(--goal),#EEF0F5 0)}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:760px){.top-actions .primary-button{background:var(--palette-a);box-shadow:0 6px color-mix(in srgb,var(--palette-a) 24%,transparent),0 12px 26px #1415224d}}@media(max-width:620px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.reading-timer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.reading-timer>span{display:flex;align-items:center;gap:7px;margin-right:auto;color:var(--sienna)}.reading-timer b{font-variant-numeric:tabular-nums;font-size:18px}.forecast{font-size:9px!important;line-height:1.4;color:var(--muted)!important;margin:8px 0 0!important}.queue-list{display:grid;gap:8px}.queue-list>div{display:grid;grid-template-columns:28px 44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;background:var(--paper-2)}.queue-list>div>b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--palette-a) 12%,var(--paper));color:var(--palette-a);font-size:10px}.queue-cover{width:38px}.queue-cover .book-cover{border-radius:6px;box-shadow:none}.queue-list span strong,.queue-list span small{display:block}.queue-list span strong{font-size:11px}.queue-list span small{margin-top:3px;color:var(--muted);font-size:8px}.queue-list>div>div:last-child{display:flex;gap:4px}.queue-list>div>div:last-child button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--sienna)}.custom-shelf-filter{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.custom-shelf-filter select{border:0;background:transparent;color:var(--ink);max-width:145px}.challenge-form{display:grid;grid-template-columns:minmax(0,1fr) 100px 155px auto;gap:8px;margin-bottom:18px}.challenge-form input{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--ink);padding:10px 12px}.challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.challenge-grid article{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}.challenge-grid article>div:first-child strong,.challenge-grid article>div:first-child small{display:block}.challenge-grid small{color:var(--muted);font-size:8px;margin-top:4px}.challenge-grid article>div:last-child{display:flex;align-items:center;gap:7px}.challenge-grid article>div:last-child>b{margin-right:auto;color:var(--sienna);font-size:11px}.challenge-grid .secondary-button{padding:7px 10px;font-size:9px}.year-report{background:linear-gradient(135deg,color-mix(in srgb,var(--palette-a) 9%,var(--paper)),color-mix(in srgb,var(--palette-b) 9%,var(--paper)))}.year-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.year-stats span{min-height:88px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--paper) 84%,transparent);color:var(--muted);font-size:9px}.year-stats b{display:block;margin-bottom:8px;color:var(--ink);font-size:clamp(18px,2vw,26px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-measures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.challenge-form{grid-template-columns:1fr 1fr}.challenge-form input:first-child,.challenge-form button{grid-column:span 2}.challenge-grid,.year-stats{grid-template-columns:1fr 1fr}.queue-list>div{grid-template-columns:24px 36px minmax(0,1fr) auto}.library-actions{flex-wrap:wrap}.custom-shelf-filter{width:100%}.custom-shelf-filter select{max-width:none;width:100%}}@media(max-width:430px){.challenge-grid,.year-stats,.session-measures{grid-template-columns:1fr}}.library-feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin-bottom:18px}.library-feature-card{min-height:220px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px}.library-feature-card h2{margin:4px 0 7px;font-size:20px}.library-feature-card p:not(.eyebrow){margin:0;color:var(--muted);font-size:10px;line-height:1.55}.feature-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--palette-a);background:color-mix(in srgb,var(--palette-a) 10%,var(--paper))}.feature-action{width:100%;margin-top:auto;justify-content:center}.library-feature-card button:disabled{opacity:.5;cursor:not-allowed}.feature-empty{display:block;margin-top:auto;padding:11px 12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:9px;text-align:center}.panel-actions,.book-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.loan-badge{display:inline-flex;align-items:center;min-height:20px;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.loan-badge.borrowed{color:#216a87;background:color-mix(in srgb,#54b4d3 17%,var(--paper))}.loan-badge.lent{color:#9a583f;background:color-mix(in srgb,#dc8564 17%,var(--paper))}.loan-preview{display:grid;gap:6px;margin-top:auto}.loan-preview button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:0;border-radius:10px;background:var(--paper-2);color:var(--ink);text-align:left;cursor:pointer}.loan-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.loan-preview small{color:var(--muted);font-size:8px;white-space:nowrap}@media(max-width:1100px){.library-feature-grid{grid-template-columns:1fr 1fr}.loan-tracker-card{grid-column:span 2}}@media(max-width:620px){.library-feature-grid{grid-template-columns:1fr}.loan-tracker-card{grid-column:auto}.library-feature-card{min-height:auto}.loan-preview button{grid-template-columns:auto minmax(0,1fr)}.loan-preview small{grid-column:2}}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:380px;margin:24px 0 12px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--paper-2)}.auth-switch button{border:0;border-radius:9px;padding:9px 12px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.auth-switch button.active{background:var(--paper);color:var(--palette-a);box-shadow:0 4px 14px #231e3a14}.welcome-auth{display:grid;gap:10px;max-width:380px}.welcome-auth label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:750}.welcome-auth input{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);padding:11px 12px;font:inherit}.welcome-auth .auth-submit{width:100%;justify-content:center;margin-top:2px}.welcome-auth .form-error{margin:0;color:#b23a48;font-size:10px}.account-logout{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:5px;border-radius:8px}.account-logout:hover{color:var(--palette-a);background:color-mix(in srgb,var(--palette-a) 9%,transparent)}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--palette-a) 26%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--palette-a) 8%,var(--paper));color:var(--palette-a);font-size:9px;font-weight:800;white-space:nowrap}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-actions button:disabled{opacity:.45;cursor:not-allowed}.tracker-title{align-items:flex-start}.tracker-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.period-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--paper-2)}.period-switch button{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.period-switch button.active{background:var(--paper);color:var(--palette-a);box-shadow:0 3px 10px #231e3a14}.tracker-controls label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tracker-controls select{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:7px 28px 7px 9px}.tracker-column-chart{height:250px;display:grid;grid-template-columns:repeat(var(--tracker-count,12),minmax(22px,1fr));align-items:end;gap:8px;padding-top:18px}.tracker-column{height:100%;min-width:0;display:grid;grid-template-rows:18px minmax(0,1fr) 18px;align-items:end;text-align:center}.tracker-column>b{font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}.tracker-column>div{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}.tracker-column>div i{display:block;width:min(30px,72%);min-height:2px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--palette-b),var(--palette-a))}.tracker-column small{padding-top:6px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-bar-chart{display:grid;gap:9px;padding-top:14px}.tracker-bar-row{display:grid;grid-template-columns:58px minmax(0,1fr) 52px;align-items:center;gap:10px}.tracker-bar-row>span{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-bar-row>div{height:12px;border-radius:99px;background:var(--paper-2);overflow:hidden}.tracker-bar-row i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--palette-a),var(--palette-b))}.tracker-bar-row>b{text-align:right;font-size:9px;font-variant-numeric:tabular-nums}.tracker-pie-chart{display:grid;grid-template-columns:minmax(190px,270px) minmax(220px,1fr);align-items:center;gap:36px;padding:20px 4px 4px}.tracker-pie{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line)}.tracker-pie:before{content:"";grid-area:1/1;width:56%;aspect-ratio:1;border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px var(--line)}.tracker-pie span{grid-area:1/1;z-index:1;text-align:center}.tracker-pie b,.tracker-pie small{display:block}.tracker-pie b{font-size:24px}.tracker-pie small{margin-top:3px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.tracker-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.tracker-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid var(--line)}.tracker-legend i{width:9px;height:9px;border-radius:3px}.tracker-legend span,.tracker-legend b{font-size:9px}.tracker-legend span{color:var(--muted)}.tracker-legend b{font-variant-numeric:tabular-nums}@media(max-width:760px){.tracker-title{display:grid;gap:14px}.tracker-controls{justify-content:flex-start}.tracker-column-chart{gap:4px;overflow-x:auto}.tracker-column{min-width:28px}.tracker-pie-chart{grid-template-columns:1fr}.tracker-pie{width:min(240px,80vw);margin:auto}.tracker-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.tracker-controls{display:grid;grid-template-columns:1fr}.period-switch{width:100%}.period-switch button{flex:1}.tracker-legend{grid-template-columns:1fr}.tracker-bar-row{grid-template-columns:52px minmax(0,1fr) 44px}}.random-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.7fr);gap:18px}.random-stage-card,.random-side-card{border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.random-stage-card{min-height:590px;padding:26px;display:flex;flex-direction:column}.random-copy{max-width:520px}.random-copy h2{margin:5px 0 8px;font-size:38px;line-height:1.05;letter-spacing:-.04em}.random-copy>p:last-child{color:var(--muted);font-size:10px;line-height:1.55}.random-reel{position:relative;isolation:isolate;min-height:330px;margin:20px 0;display:grid;grid-template-columns:175px minmax(0,1fr);align-items:center;gap:30px;padding:26px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--palette-a) 7%,var(--paper-2)),var(--paper-2))}.random-halo{position:absolute;z-index:-1;left:1%;width:300px;height:300px;border:1px solid color-mix(in srgb,var(--palette-a) 25%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--palette-a) 4%,transparent)}.random-cover{width:160px;aspect-ratio:2/3;filter:drop-shadow(0 18px 20px rgba(35,30,58,.18));transform:rotate(-2deg)}.random-cover .book-cover{width:100%;height:100%;object-fit:cover}.random-book-copy span{display:block;margin-bottom:10px;color:var(--palette-a);font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.random-book-copy h3{margin:0 0 7px;font-size:30px;line-height:1.04;letter-spacing:-.04em}.random-book-copy p{margin:0;color:var(--muted)}.random-book-copy small{display:inline-block;margin-top:13px;padding:6px 9px;border-radius:999px;background:var(--paper);color:var(--muted)}.random-actions{display:flex;gap:9px;margin-top:auto}.random-spin-button{min-width:170px;justify-content:center}.random-side-card{padding:20px}.random-side-card>.panel-title>b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--paper-2);color:var(--palette-a)}.random-queue{display:grid;gap:7px;margin-top:16px}.random-queue button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px;border:1px solid transparent;border-radius:11px;background:var(--paper-2);color:var(--ink);text-align:left;cursor:pointer}.random-queue button:hover,.random-queue button.winner{border-color:color-mix(in srgb,var(--palette-a) 35%,var(--line));background:color-mix(in srgb,var(--palette-a) 7%,var(--paper))}.random-queue button>span,.random-queue small,.queue-more{color:var(--muted)}.random-queue div{min-width:0}.random-queue b,.random-queue small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.random-queue b{font-size:9px}.random-queue small{margin-top:2px;font-size:8px}.random-queue em{color:var(--palette-a);font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase}.queue-more{display:block;margin-top:11px;text-align:center}.random-empty{grid-column:1/-1;text-align:center}.random-empty p{color:var(--muted)}.random-reel.is-spinning .random-cover{animation:randomShuffle .14s ease-in-out infinite alternate}.random-reel.has-winner .random-cover{animation:randomWinner .45s cubic-bezier(.2,.9,.25,1.2)}@keyframes randomShuffle{0%{transform:translateY(-6px) rotate(-4deg)}to{transform:translateY(6px) rotate(3deg)}}@keyframes randomWinner{0%{transform:scale(.86) rotate(-6deg);opacity:.45}75%{transform:scale(1.04) rotate(1deg)}to{transform:scale(1) rotate(-2deg);opacity:1}}@media(max-width:1050px){.random-layout{grid-template-columns:1fr}.random-side-card{display:none}}@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav button{font-size:6px}.random-stage-card{min-height:auto;padding:18px}.random-copy h2{font-size:31px}.random-reel{grid-template-columns:110px minmax(0,1fr);min-height:270px;gap:18px;padding:18px}.random-cover{width:105px}.random-halo{width:200px;height:200px}.random-book-copy h3{font-size:23px}.random-actions{flex-wrap:wrap}.random-actions button{flex:1;min-width:135px}}@media(max-width:430px){.random-reel{grid-template-columns:1fr;text-align:center}.random-cover{width:105px;margin:auto}.random-halo{left:50%;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}