html .app-shell.journal-shell .settings-rank-summary{display:flex;gap:18px;padding:20px 24px;margin:12px 0 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper-deep)}html .app-shell.journal-shell .settings-rank-summary>span:not(.study-rank-badge){display:grid;gap:6px}html .app-shell.journal-shell .settings-rank-summary strong{font-family:var(--serif);font-size:25px;font-weight:500;color:var(--ink)}html .app-shell.journal-shell .settings-rank-summary small{font-size:12px;line-height:1.7;color:var(--muted)}html .app-shell.journal-shell .profile-avatar-editor{padding:20px 0 24px;gap:22px}html .app-shell.journal-shell .profile-avatar-actions{display:grid;gap:8px}html .app-shell.journal-shell .profile-avatar-actions>div{display:flex;gap:8px;flex-wrap:wrap}html .app-shell.journal-shell .profile-avatar-actions .secondary-button{width:auto;min-width:0;padding:9px 14px;min-height:38px;border-radius:7px;background:var(--paper);box-shadow:none}html .app-shell.journal-shell .daily-review-lead{display:flex;flex-wrap:wrap;gap:20px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 3px 0 var(--paper-deep)}html .app-shell.journal-shell .daily-review-lead:after{display:none}html .app-shell.journal-shell .daily-review-lead-copy{flex:1;min-width:200px}html .app-shell.journal-shell .daily-review-lead-copy strong{font-size:23px;font-weight:500}html .app-shell.journal-shell .daily-review-lead-copy span{line-height:1.8;font-size:12px}html .app-shell.journal-shell .daily-review-stat-strip{gap:0;padding:12px 0;border-radius:8px;background:var(--paper-deep)}html .app-shell.journal-shell .daily-review-stat-strip>span{padding:0 22px;border:0}html .app-shell.journal-shell .daily-review-stat-strip b{font-size:25px;color:var(--green);font-weight:500;font-variant-numeric:tabular-nums}html .app-shell.journal-shell .daily-review-stat-strip small{font-size:11px}html .app-shell.journal-shell .daily-review-empty{margin-top:20px;padding:34px 24px;border:1px dashed var(--line);border-radius:12px;background:transparent;gap:12px}html .app-shell.journal-shell .daily-review-empty strong{font-size:21px}html .app-shell.journal-shell .timer-setup-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border:0;background:transparent}html .app-shell.journal-shell .timer-setup-panel>.mode-switch{padding:4px;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--paper-deep)}html .app-shell.journal-shell .timer-setup-panel>.mode-switch button{min-height:40px;padding:8px 18px;border-radius:7px;font-size:13px}html .app-shell.journal-shell .focus-duration-picker{display:flex;align-items:center;gap:14px;flex:0 1 auto}html .app-shell.journal-shell .focus-duration-picker>div{display:flex;flex-wrap:wrap;gap:6px}html .app-shell.journal-shell .focus-duration-picker button{min-width:60px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:12px;transition:background .18s,border-color .18s}html .app-shell.journal-shell .focus-duration-picker button.active{background:var(--green);border-color:var(--green);color:#fff}html .app-shell.journal-shell .focus-duration-picker button:disabled{opacity:.55;cursor:default}html .app-shell.journal-shell .settings-rank-summary .study-rank-badge{display:inline-flex;align-items:center;gap:8px;padding:14px 16px;border-radius:9px;font-size:14px;white-space:nowrap}html .app-shell.journal-shell .settings-card[data-settings-panel=profile]{padding-top:20px;border-top:0}html .app-shell.journal-shell .settings-card[data-settings-panel=profile]>.panel-kicker{display:none}html .app-shell.journal-shell .settings-card[data-settings-panel=profile]>h2{margin:0 0 8px;border:0;padding-bottom:0}html body:has(.journal-shell) :is(.mistake-index-section.is-bound-volume,.inspiration-folio-stage){--book-paper:#faf6e9;--book-left:#f2ecdc;--book-ink:#494c3c;--book-cover:#747d63;--book-rule:#d9dccb;--book-margin:#be8275;position:fixed;inset:0;box-sizing:border-box;z-index:90;display:flex;flex-direction:column;width:auto;max-width:none;min-height:0;height:100dvh;max-height:100dvh;margin:0;padding:0;gap:0;overflow:hidden;border:0;border-top:4px solid var(--book-cover);border-radius:0;background:var(--book-paper);color:var(--book-ink);box-shadow:none;--directory-width:clamp(220px,23vw,310px)}html body:has(.journal-shell) .inspiration-folio-stage[role=dialog]{--book-cover:#a38765;--book-rule:#e1d8c7}html body:has(.journal-shell) :is(.mistake-index-section.is-bound-volume,.inspiration-folio-stage):after{display:none}html body:has(.journal-shell) :is(.mistake-volume-opening-cover,.inspiration-folio-binding){display:none}html body:has(.journal-shell) :is(.is-bound-volume .mistake-index-heading,.inspiration-folio-heading){display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:16px;width:100%;max-width:none;min-height:78px;margin:0;padding:14px 28px;box-sizing:border-box;background:var(--book-paper);border-bottom:1px solid var(--book-rule)}html body:has(.journal-shell) :is(.mistake-index-heading h3,.inspiration-folio-heading h3){margin:4px 0 0;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:28px;font-weight:400;color:var(--book-ink)}html body:has(.journal-shell) :is(.is-bound-volume .panel-kicker,.notebook-imprint){font-size:10px;letter-spacing:.18em;color:#9a856b;margin:0}html body:has(.journal-shell) .inspiration-folio-heading p{display:none}html body:has(.journal-shell) :is(.mistake-index-heading,.inspiration-folio-heading) button{min-height:36px;padding:7px 13px;border:1px solid #c9c3af;border-radius:4px;background:transparent;color:var(--book-ink);font-size:12px;cursor:pointer}.inspiration-folio-heading-actions{display:flex;gap:8px}.inspiration-folio-stage>.reading-workspace,.is-bound-volume>.reading-workspace{display:grid;grid-template-columns:var(--directory-width) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.reading-directory{position:relative;min-height:0;overflow:auto;padding:26px 28px 30px 22px;background:linear-gradient(90deg,transparent 94%,#58463316),var(--book-left);border-right:1px solid #b5aa8f;scrollbar-width:thin;scrollbar-color:#c4bba6 transparent}.reading-directory header{display:flex;justify-content:space-between;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #c6bfab;font-family:Kaiti SC,STKaiti,serif;font-size:20px}.reading-directory header span{align-self:center;font-family:inherit;font-size:12px;color:#8b8778}.reading-directory button{position:relative;display:grid;width:100%;gap:6px;margin:0;padding:16px 8px 16px 12px;border:0;border-bottom:1px solid #d8d0bd;border-radius:0;text-align:left;color:var(--book-ink);background:transparent;cursor:pointer;transition:background .18s}.reading-directory button:hover{background:#fffaf27a}.reading-directory button[aria-current=page]{background:#fffcf387;box-shadow:inset 3px 0 var(--book-cover)}.reading-directory button[aria-current=page]:after{content:"";position:absolute;right:-10px;top:18px;width:13px;height:26px;background:var(--book-cover);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.reading-directory small{font-size:10px;color:#929080;font-variant-numeric:tabular-nums}.reading-directory strong{font-size:13px;font-weight:400;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}html body:has(.journal-shell) :is(.is-bound-volume .mistake-index-grid,.inspiration-folio-detail){position:relative;display:block;min-height:0;overflow:auto;margin:0;padding:24px clamp(24px,4vw,64px) 48px 48px;background:linear-gradient(90deg,#88795a22,transparent 22px),linear-gradient(90deg,transparent 29px,var(--book-margin) 29px,var(--book-margin) 30px,transparent 30px),var(--book-paper);scrollbar-width:thin;scrollbar-color:#c4bba6 transparent}html body:has(.journal-shell) .mistake-index-section.is-bound-volume .mistake-index-card.is-open{display:flex;flex-direction:column;width:100%;min-width:0;max-width:1040px;box-sizing:border-box;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}html body:has(.journal-shell) .is-bound-volume .mistake-index-main{display:grid;gap:12px;width:100%;padding:16px 0;border:0;background:transparent;color:var(--book-ink);text-align:left}html body:has(.journal-shell) .is-bound-volume .mistake-index-main>strong{font-family:Kaiti SC,STKaiti,serif;font-size:24px;font-weight:400;line-height:1.6}html body:has(.journal-shell) .is-bound-volume .mistake-index-foot,html body:has(.journal-shell) .is-bound-volume .mistake-index-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#878676}html body:has(.journal-shell) .is-bound-volume .mistake-index-meta>svg{display:none}html body:has(.journal-shell) .is-bound-volume .mistake-index-actions{display:flex;position:static;justify-content:flex-end;gap:10px;padding:10px 0;border-block:1px solid var(--book-rule)}html body:has(.journal-shell) .is-bound-volume .mistake-index-actions button{display:grid;place-items:center;min-width:32px;min-height:32px;border:0;border-radius:4px;background:transparent;color:#7f826f}html body:has(.journal-shell) .is-bound-volume .mistake-index-paper{padding:24px 0;border:0;background:transparent;box-shadow:none}html body:has(.journal-shell) .is-bound-volume .paper-red-margin{display:none}html body:has(.journal-shell) .is-bound-volume .paper-question{font-size:16px;line-height:1.9}html body:has(.journal-shell) .is-bound-volume .paper-question img{display:block;max-width:100%;width:auto;height:auto;max-height:none;object-fit:contain;margin:0 auto 24px;padding:6px;border:1px solid #ded6c3;background:#fffefa;box-shadow:2px 3px 5px #433e2510;box-sizing:border-box}html body:has(.journal-shell) .inspiration-folio-detail-paper{width:100%;min-width:0;max-width:1040px;min-height:100%;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;transform:none}html body:has(.journal-shell) .inspiration-folio-detail-paper:after,html body:has(.journal-shell) .inspiration-folio-detail-paper:before{display:none}html body:has(.journal-shell) .inspiration-folio-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;font-size:11px;color:#898574}html body:has(.journal-shell) .inspiration-folio-detail-paper h2{margin:24px 0 18px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:30px;font-weight:400;line-height:1.7;color:var(--book-ink)}html body:has(.journal-shell) .inspiration-folio-detail-rule{width:48px;background:#a58d67;margin-bottom:18px}html body:has(.journal-shell) .inspiration-folio-detail-content{min-height:256px;margin:0;font-family:Songti SC,serif;font-size:18px;font-weight:400;line-height:32px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--book-ink);background:repeating-linear-gradient(transparent 0,transparent 31px,var(--book-rule) 31px,var(--book-rule) 32px)}html body:has(.journal-shell) .inspiration-folio-detail-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:16px;border-top:1px solid var(--book-rule);color:#898574;font-size:11px}.notebook-page-turn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid var(--book-rule);color:#a38b69;font-family:Georgia,serif;font-size:12px;letter-spacing:.12em}.is-bound-volume .notebook-page-turn{order:-1}.notebook-page-turn button{min-height:32px;padding:5px 0;border:0;background:transparent;color:#81816e;font-family:inherit;font-size:12px;cursor:pointer}.notebook-page-turn button:disabled{opacity:.3;cursor:default}html body:has(.journal-shell) .inspiration-folio-stage .inspiration-volume-grid{overflow:auto;padding:28px;align-content:start}@media(max-width:760px){html body:has(.journal-shell) :is(.mistake-index-section.is-bound-volume,.inspiration-folio-stage){inset:0;border-width:3px 0 0;border-radius:0}html body:has(.journal-shell) :is(.is-bound-volume .mistake-index-heading,.inspiration-folio-heading){padding:14px 18px;min-height:78px;flex-wrap:wrap;gap:10px}html body:has(.journal-shell) :is(.mistake-index-heading h3,.inspiration-folio-heading h3){font-size:23px}.inspiration-folio-stage>.reading-workspace,.is-bound-volume>.reading-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.reading-directory{display:flex;gap:8px;max-height:94px;padding:8px 12px;border-right:0;border-bottom:1px solid #c9c1ad}.reading-directory header{display:none}.reading-directory button{flex:0 0 154px;padding:8px 10px;border:0}.reading-directory strong{-webkit-line-clamp:1}.reading-directory button[aria-current=page]:after{display:none}html body:has(.journal-shell) :is(.is-bound-volume .mistake-index-grid,.inspiration-folio-detail){padding:18px 20px 32px 32px;background:linear-gradient(90deg,transparent 18px,var(--book-margin) 18px,var(--book-margin) 19px,transparent 19px),var(--book-paper)}html body:has(.journal-shell) .inspiration-folio-detail-content{font-size:16px}}html[data-app-theme=dark] body:has(.journal-shell) :is(.mistake-index-section.is-bound-volume,.inspiration-folio-stage){--book-paper:#30352d;--book-left:#292e27;--book-ink:#e4dfce;--book-rule:#464b3d;--book-margin:#836956}@media(prefers-reduced-motion:reduce){.reading-directory button{transition:none}}html body:has(.journal-shell) .notebook-page-turn button{color:var(--book-ink);opacity:1;font-size:12px}html body:has(.journal-shell) .notebook-page-turn button:disabled{opacity:.35}.is-bound-volume>.reading-workspace{position:relative}.is-bound-volume>.reading-workspace:before{content:"";position:absolute;left:calc(var(--directory-width) - 12px);top:36px;bottom:36px;width:24px;z-index:2;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 60px,#848778 61px,#e0dfd1 64px,#999d89 67px,transparent 69px,transparent 130px)}@media(max-width:760px){.is-bound-volume>.reading-workspace:before{display:none}}html body:has(.journal-shell) .mistake-index-section.is-bound-volume .mistake-index-card,html body:has(.journal-shell) .mistake-index-section.is-bound-volume .mistake-index-card:hover{width:100%;min-width:0;max-width:1040px;margin:0 auto;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none;overflow:visible}html body:has(.journal-shell) .mistake-index-section.is-bound-volume .mistake-index-paper{width:100%;min-width:0;box-sizing:border-box;padding:20px 0;margin:0;transform:none;animation:none}html body:has(.journal-shell) .mistake-index-section.is-bound-volume .mistake-index-main>strong{min-height:0}html body:has(.journal-shell) .notebook-page-turn{width:100%;min-width:0;box-sizing:border-box;padding:0 4px 14px;flex:0 0 auto}html body:has(.journal-shell) .notebook-page-turn button{min-height:40px;padding:8px 6px}html body:has(.journal-shell) .inspiration-folio-detail-paper{display:block;box-sizing:border-box}html body:has(.journal-shell) :is(.paper-question,.inspiration-folio-detail-content){min-width:0;overflow-wrap:anywhere}html body:has(.journal-shell) .paper-question :is(pre,table){max-width:100%;overflow:auto}@media(max-width:760px){html body:has(.journal-shell) :is(.is-bound-volume .mistake-index-heading,.inspiration-folio-heading){padding-top:max(12px,env(safe-area-inset-top))}html body:has(.journal-shell) :is(.is-bound-volume .mistake-index-grid,.inspiration-folio-detail){padding-bottom:max(28px,env(safe-area-inset-bottom))}}html body:has(.journal-shell) :is(.mistake-index-section.is-bound-volume,.inspiration-folio-stage):before{display:none}html body:has(.journal-shell) .mistake-index-actions button.mistake-favorite-button{display:inline-flex;align-items:center;justify-content:center;height:34px;width:auto;gap:6px;padding:8px 12px;border-radius:6px;font-size:12px}html body:has(.journal-shell) .mistake-index-actions button.mistake-favorite-button[aria-pressed=true]{color:#98702f;background:#f1e6cc}.mistake-favorite-filter{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 14px;border:1px solid #d9d4bd;border-radius:6px;background:#faf6e9;color:#716b53;cursor:pointer}.mistake-favorite-filter[aria-pressed=true]{background:#eee0be;color:#805b21;border-color:#bba16d}.mistake-favorite-button:focus-visible,.mistake-favorite-filter:focus-visible{outline:2px solid #98702f;outline-offset:3px}.mistake-favorite-error{color:#a04435;padding:8px 16px;font-size:13px}