:root{--bg:#141210;--bg-2:#1e1a16;--elevated:#28231d;--ivory:#f6f1e7;--secondary:#c9bfb0;--muted:#8d8476;--line:#f6f1e71a;--line-strong:#f6f1e733;--accent:#e08a4f;--paper:#f4ecdf;--ink:#1b1612;--field:#1c1814;--danger:#e7a898;--serif:"Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--sans:"Outfit", "Helvetica Neue", Arial, sans-serif;--shadow:0 22px 50px #00000073, 0 6px 16px #00000047;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:#141210;min-height:100%}body{background:radial-gradient(880px 460px at 0% -12%, #e08a4f33, transparent 56%), radial-gradient(640px 360px at 100% 0%, #f4ecdf0f, transparent 50%), var(--bg);color:var(--ivory);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{color:var(--ivory);background:#e08a4f59}.app{z-index:1;min-height:100vh;position:relative;overflow-x:clip}.frame{width:min(1120px,100%);margin:0 auto;padding:22px 48px 96px}.page{animation:rise .5s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-height:36px;padding-bottom:18px;display:flex;position:relative}.nav:after{content:"";background:var(--line);width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wordmark{font-family:var(--serif);letter-spacing:-.04em;color:var(--ivory);background:0 0;border:0;padding:0;font-size:30px;font-style:italic;font-weight:500;line-height:1}.nav-links{align-items:center;gap:22px;display:flex}.nav-link{color:var(--secondary);background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:14px}.nav-link:hover{color:var(--ivory)}.nav-link.is-active,.nav-link.is-active:hover{background:var(--paper);color:var(--ink)}.avatar{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ivory);background:0 0;border-radius:50%;place-items:center;margin-left:4px;font-size:12px;font-weight:500;display:grid}.avatar:hover{background:#ffffff0d}.storage-note{color:var(--danger);margin:14px 0 0;font-size:13px}.page-title{font-family:var(--serif);letter-spacing:-.035em;margin:36px 0 0;font-size:clamp(42px,5vw,64px);font-weight:500;line-height:1}.lede{color:var(--secondary);margin:12px 0 0;font-size:15px}.library-top{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.btn-primary,.btn-outline{letter-spacing:.01em;border-radius:999px;height:48px;padding:0 18px;font-size:14px;font-weight:500;transition:background .25s,border-color .25s,color .25s,transform .25s}.btn-primary{border:1px solid var(--paper);background:var(--paper);color:var(--ink)}.btn-primary:hover{background:var(--ivory)}.btn-primary:active,.btn-outline:active{transform:translateY(1px)}.btn-outline{color:var(--ivory);background:0 0;border:1px solid #ffffff47}.btn-outline:hover{border-color:var(--accent)}.btn-add{color:var(--ivory);margin-bottom:6px;font-size:14px}.btn-block{width:100%}.btn-icon{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--ivory);background:0 0;border-radius:999px;flex:none;place-items:center;transition:background .25s,border-color .25s;display:grid}.btn-icon:hover,.btn-icon[aria-expanded=true]{border-color:var(--accent);background:#ffffff0a}.btn-text,.btn-quiet,.back{color:var(--secondary);background:0 0;border:0;padding:0;font-size:14px}.btn-text{align-items:center;gap:8px;margin-top:16px;display:inline-flex}.btn-text:hover,.btn-quiet:hover,.back:hover,.btn-quiet.btn-add{color:var(--ivory)}.btn-quiet.danger{color:var(--danger)}.now-reading{background:linear-gradient(155deg,#e08a4f2e,#0000 42%),#1c1915;border:1px solid #e08a4f38;border-radius:24px;grid-template-columns:168px minmax(220px,1fr) minmax(280px,340px);align-items:start;gap:28px 40px;margin:0 0 56px;padding:28px 32px;display:grid;box-shadow:0 28px 60px #00000052}.now-reading.is-picking{grid-template-columns:minmax(200px,320px) minmax(0,1fr);align-items:center;gap:24px 28px}.now-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px}.now-kicker-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.now-streak{color:var(--secondary);margin:0;font-size:13px}.now-copy h2,.now-title{font-family:var(--serif);letter-spacing:-.03em;margin:10px 0 0;font-weight:500;line-height:1.08}.now-copy h2{font-size:clamp(28px,3vw,36px)}.now-title{overflow-wrap:break-word;font-size:clamp(30px,3.4vw,44px)}.now-reading.is-picking .now-copy p:not(.now-kicker){max-width:46ch;color:var(--secondary);margin:10px 0 0}.now-meta{color:var(--secondary);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:12px 0 14px;display:flex}.now-meta span{color:var(--muted)}.now-progress{max-width:260px}.now-actions{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;display:flex}.btn-read{border:1px solid var(--paper);background:var(--paper);height:44px;color:var(--ink);border-radius:999px;padding:0 18px;font-size:14px;font-weight:500}.btn-read:hover{background:var(--ivory)}.btn-read.is-done{color:var(--ivory);background:0 0;border-color:#ffffff47}.btn-read.is-done:hover{border-color:var(--accent)}.now-calendar{min-width:0}.month-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.month-head p{font-family:var(--serif);margin:0;font-size:20px;font-weight:500}.month-nav{gap:6px;display:flex}.month-nav button{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--ivory);background:0 0;border-radius:999px;line-height:1}.month-nav button:hover:not(:disabled){border-color:var(--accent)}.month-nav button:disabled{opacity:.35;cursor:default}.read-week,.read-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.read-week{margin-bottom:4px}.read-week span{text-align:center;color:var(--secondary);letter-spacing:.06em;font-size:11px}.read-day{aspect-ratio:1;color:var(--ivory);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #ffffff29;border-radius:50%;padding:0;font-size:12px}.read-day:hover:not(:disabled){border-color:var(--line-strong);color:var(--ivory)}.read-day.is-today{border-color:var(--accent)}.read-day.is-read{background:var(--accent);border-color:var(--accent);color:var(--ink)}.read-day:disabled{color:var(--muted);cursor:default;border-color:#0000}.read-count{color:var(--secondary);align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.read-count span{color:var(--muted)}.now-keep{margin-top:18px}.now-picks{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#f6f1e759 transparent;justify-content:safe flex-end;gap:16px;min-width:0;padding:10px 2px 18px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.now-picks::-webkit-scrollbar{height:8px}.now-picks::-webkit-scrollbar-thumb{background:#f6f1e759;border-radius:999px}.now-pick{width:108px;color:inherit;text-align:left;background:0 0;border:0;flex:none;padding:0}.now-pick .cover-library{width:108px;transition:transform .35s var(--ease), box-shadow .35s var(--ease)}.now-pick:hover .cover-library,.now-pick.is-current .cover-library{transform:translateY(-4px)}.now-pick.is-current .cover-library{box-shadow:0 0 0 1px var(--accent), var(--shadow)}.now-pick span{min-height:2.5em;font-family:var(--serif);overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.shelf-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:500}.book-card-cover{display:block;position:relative}.reading-flag{z-index:3;background:var(--accent);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:10px;position:absolute;top:8px;left:8px}.shelf{flex-wrap:wrap;align-items:flex-start;gap:42px 32px;display:flex}.book-card{text-align:left;width:148px;color:inherit;animation:rise .6s var(--ease) both;background:0 0;border:0;padding:0}.book-card:nth-child(2){animation-delay:50ms}.book-card:nth-child(3){animation-delay:.1s}.book-card:nth-child(4){animation-delay:.15s}.book-card:nth-child(5){animation-delay:.2s}.book-card:nth-child(n+6){animation-delay:.24s}.book-card h2{height:2.5em;font-family:var(--serif);letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 0;font-size:16.5px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.book-card .meta{color:var(--secondary);font-variant-numeric:tabular-nums;margin:6px 0 10px;font-size:13px}.book-card:hover .book-cover{transform:translateY(-6px)scale(1.015);box-shadow:0 32px 60px #00000094,0 10px 18px #0006}.book-cover{aspect-ratio:2/3;box-shadow:var(--shadow);background:#1a1917;border:1px solid #ffffff14;border-radius:6px;position:relative;overflow:hidden;container-type:inline-size}.book-card .book-cover{transition:transform .45s var(--ease), box-shadow .45s var(--ease)}.book-cover:before{content:"";z-index:2;pointer-events:none;background:#00000047;width:6px;position:absolute;inset:0 auto 0 0}.book-cover.is-photo:before{background:#ffffff1f}.cover-library{width:148px}.cover-desk{width:168px}.cover-feature{width:min(280px,76vw);box-shadow:0 34px 70px #0000008c,0 10px 24px #0006}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-design{height:100%}.psych{color:#241f1b;background:#f4f0e6;padding:7%}.psych-frame{text-align:center;border:1px solid #241f1b66;flex-direction:column;align-items:center;height:100%;padding:9% 8% 8%;display:flex}.psych-title{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:13.5cqi;font-weight:500;line-height:1.02}.psych-scales{color:#241f1b;width:78%;margin:auto}.cover-byline{letter-spacing:.14em;text-transform:uppercase;color:#6f6a63;margin:0;font-size:6.2cqi}.cover-byline.light{color:#f3efe69e}.med{color:#f3efe6;background:#141414;position:relative;overflow:hidden}.med-copy{z-index:1;text-align:center;padding:13% 10% 0;position:relative}.med-title{font-family:var(--serif);letter-spacing:-.03em;margin:7% 0 0;font-size:15cqi;font-weight:500}.med-bust{fill:#e6e1d8;width:88%;height:auto;position:absolute;bottom:-6%;left:6%}.dune{color:#f6f1e8;background:#12110f;position:relative;overflow:hidden}.dune-planet{aspect-ratio:1;width:58%;position:absolute;top:22%;left:50%;transform:translate(-50%)}.dune-sphere{background:#e09a58;border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden}.dune-sphere:before{content:"";background:#f0bc84;border-radius:50%;width:78%;height:78%;position:absolute;top:6%;right:-4%}.dune-sphere:after{content:"";background:#12110f;border-radius:50%;width:100%;height:120%;position:absolute;top:-10%;left:-46%}.dune-copy{text-align:center;position:absolute;bottom:12%;left:0;right:0}.dune-title{font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;margin:4% 0 0;padding-left:.2em;font-size:20cqi;font-weight:500}.typo{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8%;padding:12%;display:flex}.typo p{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:16cqi;font-weight:500;line-height:1.12}.typo-rule{opacity:.45;background:currentColor;width:18%;height:1px}.typo-0{color:#241f1b;background:#f4f0e6}.typo-1{color:#f3efe6;background:#1b1b1b}.typo-2{color:#2a2420;background:#e5ddd0}.add-slot{border:1px solid var(--line);background:var(--bg-2);width:148px;height:222px;color:var(--muted);animation:rise .6s var(--ease) both;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;animation-delay:.16s;display:flex}.add-slot span{font-family:var(--serif);color:var(--secondary);font-size:28px;font-weight:400;line-height:1}.add-slot:hover{background:var(--elevated);color:var(--ivory);border-color:var(--line-strong)}.progress{background:var(--line);width:100%;height:1px}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .6s var(--ease)}.add-toolbar{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.add-grid{grid-template-columns:minmax(260px,380px) minmax(240px,320px);justify-content:center;align-items:center;gap:72px;margin-top:36px;display:grid}.dropzone{background:#14141273;border:1px dashed #f6f1e738;border-radius:20px;place-items:center;min-height:460px;padding:28px;transition:border-color .25s,background .25s;display:grid}.dropzone.is-over{border-color:var(--accent);background:var(--elevated)}.drop-empty{text-align:center;color:var(--secondary)}.drop-empty p{font-family:var(--serif);color:var(--ivory);margin:0;font-size:28px}.drop-plus{font-family:var(--serif);color:var(--muted);margin-bottom:8px;font-size:32px;display:block}.drop-cover{flex-direction:column;align-items:center;display:flex}.change-cover{color:var(--secondary)}.add-fields .btn-primary{margin-top:22px}.field{flex-direction:column;gap:8px;margin-top:16px;display:flex}.field span{color:var(--secondary);font-size:13px}.field input,.range-editor input{border:1px solid var(--line-strong);background:var(--field);width:100%;height:46px;color:var(--ivory);border-radius:12px;outline:none;padding:0 14px}.field input:focus,.range-editor input:focus{border-color:var(--accent)}.field input.is-invalid{border-color:var(--danger)}.field-error{color:var(--danger);margin:0;font-size:12px;font-style:normal}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.book-page{overflow-anchor:none;padding-top:8px}.back-icon{place-items:center;width:36px;height:36px;margin-top:10px;font-size:18px;display:grid}.book-hero{text-align:center;flex-direction:column;align-items:center;width:100%;padding-top:8px;display:flex}.book-hero>.stage,.book-hero.stage{width:min(100%,440px)}.book-hero.stage{margin-inline:auto}.cover-stage{place-items:center;display:grid;position:relative}.cover-main{z-index:1;position:relative}.ghost{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ghost .book-cover{box-shadow:none}.ghost-1{opacity:.28;transform:translate(-16px)}.ghost-2{opacity:.14;transform:translate(-32px)}.ghost-3{opacity:.07;transform:translate(-48px)}.is-rolling .ghost-1{animation:1.15s ease-in-out infinite echo1}.is-rolling .ghost-2{animation:1.15s ease-in-out infinite echo2}.is-rolling .ghost-3{animation:1.15s ease-in-out infinite echo3}.is-rolling .cover-main{animation:1.15s ease-in-out infinite coverShift}@keyframes echo1{0%,to{transform:translate(-16px)}50%{transform:translate(-26px)}}@keyframes echo2{0%,to{transform:translate(-32px)}50%{transform:translate(-44px)}}@keyframes echo3{0%,to{transform:translate(-48px)}50%{transform:translate(-60px)}}@keyframes coverShift{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.book-title{max-width:16em;font-family:var(--serif);letter-spacing:-.03em;margin:28px 0 0;font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1.12}.book-pages{color:var(--secondary);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:14px}.detail-progress{width:100%;color:var(--secondary);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:22px;font-size:13px;display:grid}.action-row{gap:10px;width:100%;margin-top:32px;display:flex}.action-row .btn-outline{flex:1}.range-editor{text-align:left;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:14px;display:grid}.range-editor span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.hint{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.5}.hint.center{text-align:center}.finished{font-family:var(--serif);margin:28px 0 0;font-size:22px;font-weight:500}.stage{animation:rise .4s var(--ease)}.session-kicker,.complete h1{font-family:var(--serif);letter-spacing:-.03em;margin:30px 0 0;font-size:clamp(24px,3vw,30px);font-weight:500;line-height:1.15}.session-num{font-family:var(--serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:clamp(64px,8vw,84px);font-weight:500;line-height:.9}.roll-row{grid-template-columns:1fr auto 1fr;align-items:baseline;width:100%;margin-top:10px;display:grid}.roll-side{font-family:var(--serif);color:var(--muted);font-variant-numeric:tabular-nums;min-height:1em;font-size:clamp(22px,3vw,28px)}.roll-side:first-child{text-align:right;padding-right:28px}.roll-side:last-child{text-align:left;padding-left:28px}.roll-num{min-width:2ch;font-family:var(--serif);letter-spacing:-.04em;color:var(--ivory);font-variant-numeric:tabular-nums;font-size:clamp(72px,9vw,96px);font-weight:500;line-height:.9;animation:.16s numIn;display:inline-block}@keyframes numIn{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.session-unit{color:var(--muted);margin:4px 0 0;font-size:14px}.meter{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:28px auto 0;font-size:13px;display:grid}.meter-track{background:var(--line-strong);height:1px;position:relative}.meter-thumb{background:var(--ivory);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-pill{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--secondary);font-variant-numeric:tabular-nums;border-radius:14px;margin:22px 0 0;padding:13px 16px}.stack-actions{flex-direction:column;align-items:center;width:100%;margin-top:18px;display:flex}.stack-actions .btn-primary{width:100%}.complete{grid-template-columns:auto minmax(230px,300px);justify-content:center;align-items:center;gap:28px 56px;margin-top:18px;display:grid}.complete-copy{text-align:center}.check{color:var(--ivory)}.complete h1{margin-top:10px}.stat-row,.complete-facts{flex-direction:column;gap:18px;margin:26px 0 8px;display:flex}.complete-facts p{margin:0}.complete-facts strong{font-family:var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:1;display:block}.complete-facts span,.gain span{color:var(--muted);letter-spacing:0;margin-top:2px;font-size:13px;font-weight:400;display:block}.gain{font-family:var(--serif);letter-spacing:-.03em;margin:18px 0 22px;font-size:28px;font-weight:500}.complete-progress{grid-column:1/-1;justify-self:center;width:min(560px,100%)}.progress-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.book-layout{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:8px 40px;display:grid}.book-main{min-width:0}.book-side{border-left:1px solid var(--line);text-align:left;overflow-anchor:none;margin-top:8px;padding:8px 0 0 28px}.sessions-label{color:var(--secondary);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:500}.sessions-panel{padding-top:4px}.sessions-empty{text-align:center;padding:28px 8px 6px}.sessions-empty p{color:var(--secondary);margin:0;font-size:15px}.sessions-empty p+p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.session-list{margin:0;padding:0;list-style:none}.session-row{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;padding:13px 0}.session-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.session-row time{color:var(--muted);letter-spacing:.12em;font-size:11px}.session-detail{color:var(--secondary);text-align:left;margin:4px 0 0;font-size:13px}.session-span{color:var(--ivory);text-align:right;white-space:nowrap;font-size:14px}.session-row.is-fresh{animation:sessionIn .42s var(--ease)}@keyframes sessionIn{0%{opacity:0}to{opacity:1}}.sessions-sum{border:1px solid var(--line);background:var(--bg-2);text-align:center;border-radius:16px;margin-top:18px;padding:14px 12px 16px}.sessions-sum-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;text-align:left;margin:0 0 12px;font-size:11px;font-weight:500}.sessions-sum-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sessions-sum p{margin:0}.sessions-sum strong{font-family:var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;display:block}.sessions-sum span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.remove-row{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:36px;display:flex}.remove-confirm p{margin:0 0 8px}.remove-confirm .actions{justify-content:center;gap:18px;display:flex}.settings{max-width:560px}.journal{width:min(100%,880px);margin-inline:auto}.journal-head{justify-content:space-between;align-items:flex-end;gap:28px 32px;margin-bottom:36px;display:flex}.journal-tools{align-items:center;gap:8px;padding-bottom:4px;display:flex}.journal-filter{max-width:190px;height:36px;color:var(--ivory);background:0 0;border:1px solid #f6f1e729;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:inline-flex}.journal-filter span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.journal-filter:hover,.view-toggle button:hover{border-color:#ffffff47}.view-toggle{margin-left:4px;display:flex}.view-toggle button{width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #ffffff29;place-items:center;display:grid}.view-toggle button+button{margin-left:-1px}.view-toggle button:first-child{border-radius:999px 0 0 999px}.view-toggle button:last-child{border-radius:0 999px 999px 0}.view-toggle button[aria-pressed=true]{background:var(--elevated);color:var(--ivory);z-index:1;position:relative}.popover{position:relative}.popover-panel{z-index:4;border:1px solid var(--line);background:var(--bg-2);border-radius:14px;min-width:180px;max-width:260px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.popover-panel button,.popover-panel p{width:100%;color:var(--secondary);text-align:left;background:0 0;border:0;margin:0;padding:8px 10px;font-size:13px;display:block}.popover-panel button:hover,.popover-panel button.is-selected{color:var(--ivory)}.journal-quiet{color:var(--muted);margin:0 0 28px;font-size:13px}.journal-quiet span{color:#ffffff2e;margin:0 8px}.journal-empty{text-align:center;margin-top:64px}.journal-empty p{color:var(--secondary);margin:0}.journal-empty p+p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.55}.journal-body{animation:rise .4s var(--ease)}.journal-day+.journal-day{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.journal-day{grid-template-columns:132px minmax(0,1fr);gap:8px 36px;display:grid}.journal-date{padding-top:18px}.journal-date p{color:var(--muted);letter-spacing:.14em;margin:0;font-size:12px;font-weight:500}.journal-date span{color:var(--secondary);margin-top:6px;font-size:13px;display:block}.log,.log-stats{margin:0;padding:0;list-style:none}.log{position:relative}.log.has-line:before{content:"";background:var(--line);width:1px;position:absolute;top:34px;bottom:34px;left:3px}.log-item,.log-stats li{border-top:1px solid var(--line);animation:rise .45s var(--ease) both;grid-template-columns:48px minmax(0,1fr) auto auto auto;grid-template-areas:"cover main range time menu";align-items:center;gap:4px 20px;padding:14px 0 14px 22px;display:grid;position:relative}.log-item:nth-child(2){animation-delay:40ms}.log-item:nth-child(3){animation-delay:80ms}.log-item:nth-child(4){animation-delay:.12s}.log-item:nth-child(n+5){animation-delay:.16s}.log-stats li{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"cover main time";padding-left:0;animation:none}.log-mark{border:1px solid var(--accent);background:var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.log-item .cover-thumb,.log-stats .cover-thumb,.cover-placeholder{border-radius:2px;grid-area:cover;width:48px}.log-item .cover-thumb,.log-stats .cover-thumb{transition:transform .3s var(--ease), filter .3s ease;box-shadow:0 8px 16px #00000073}.log-item:hover .cover-thumb,.log-stats li:hover .cover-thumb{filter:brightness(1.06);transform:translateY(-2px)}.cover-thumb:before{width:3px}.cover-placeholder{aspect-ratio:2/3;border:1px solid var(--line);background:var(--elevated);display:block}.log-main{grid-area:main;min-width:0}.log-main h3{font-family:var(--serif);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:500;line-height:1.25;overflow:hidden}.log-main h3.is-removed{color:var(--secondary)}.log-main p{color:var(--secondary);margin:3px 0 0;font-size:13px}.log-range{color:var(--ivory);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:range;margin:0;font-size:14px}.log-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:time;margin:0;font-size:13px}.log-menu{grid-area:menu;position:relative}.log-more{width:28px;height:28px;color:var(--muted);letter-spacing:.12em;background:0 0;border:0;font-size:16px;line-height:1}.log-more:hover,.log-more[aria-expanded=true]{color:var(--ivory)}.log-menu .popover-panel{min-width:168px}.settings h2{font-family:var(--serif);letter-spacing:-.03em;margin:42px 0 0;font-size:28px;font-weight:500}.settings-range{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reset-block{margin-top:48px}.missing{text-align:center;padding-top:48px}.missing p{font-family:var(--serif);font-size:28px}@media (width<=800px){.frame{padding:18px 24px 72px}.add-grid{grid-template-columns:1fr;gap:28px;max-width:420px;margin-inline:auto}.dropzone{min-height:380px}.complete{grid-template-columns:1fr;justify-items:center}.now-reading.is-picking{grid-template-columns:1fr}.now-reading{grid-template-columns:132px minmax(0,1fr);padding:22px 18px}.now-reading .cover-desk{width:132px}.now-calendar{grid-column:1/-1}.book-layout{grid-template-columns:1fr}.book-side{border-left:0;border-top:1px solid var(--line);margin-top:8px;padding:22px 0 0}}@media (width<=640px){.frame{padding:16px 18px 64px}.library-top{flex-direction:column;margin-bottom:32px}.btn-add{margin-top:18px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;display:grid}.book-card,.add-slot,.cover-library{width:100%}.now-reading,.now-reading.is-picking{grid-template-columns:1fr}.now-reading .cover-desk{width:min(148px,46vw)}.now-pick,.now-pick .cover-library{width:104px}.add-slot{aspect-ratio:2/3;height:auto}.wordmark{font-size:24px}.nav-links{gap:2px}.nav-link{padding:6px 8px;font-size:13px}.btn-primary,.btn-outline,.btn-icon{height:52px}.btn-icon{width:52px}.page-title{margin-top:28px}.journal-head{flex-direction:column;align-items:flex-start;margin-bottom:28px}.journal-tools{flex-wrap:wrap;padding-bottom:0}.journal-day{grid-template-columns:1fr;gap:4px}.journal-date{padding-top:8px}.log-item,.log-stats li{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"cover main menu""cover range menu";column-gap:14px}.log-stats li{grid-template-areas:"cover main time"}.log-time{display:none}.log-stats .log-time{display:block}.book-layout{grid-template-columns:1fr}.book-side{border-left:0;border-top:1px solid var(--line);margin-top:8px;padding:22px 0 0}}.reading-mode{text-align:center;flex-direction:column;align-items:center;width:min(100%,420px);margin:8vh auto 0;display:flex}.reading-mode .cover-feature{opacity:.72;width:min(112px,28vw);margin-bottom:36px;box-shadow:0 18px 40px #00000073}.reading-title{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:500;line-height:1.2}.reading-range{color:var(--secondary);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:10px 0 0}.reading-clock{font-family:var(--serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:48px 0 0;font-size:clamp(72px,12vw,104px);font-weight:400;line-height:.9}.reading-label{color:var(--muted);letter-spacing:.08em;margin:18px 0 0;font-size:13px}.reading-label.is-paused{color:var(--accent);letter-spacing:.18em;text-transform:uppercase}.reading-rule{background:var(--line);width:min(180px,46%);height:1px;margin:36px 0 28px}.reading-actions{flex-direction:column;align-items:center;display:flex}.btn-pause{min-width:148px;height:44px;color:var(--ivory);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:1px solid #f6f1e747;border-radius:999px;padding:0 28px;font-size:12px}.btn-pause:hover{border-color:var(--accent)}.app.is-immersive .frame{padding-top:48px}@media (width<=640px){.reading-mode{margin-top:4vh}.reading-clock{margin-top:36px}.app.is-immersive .frame{padding-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}