.block{display:block}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#fbf4f3;--bg-soft:#f5e8e7;--bg-pastel-1:#fbeae8;--bg-pastel-2:#f0e5f0;--bg-pastel-3:#f5e8ec;--paper:#fffafb;--paper-edge:#b464781a;--ink:#2a1f25;--ink-soft:#5d4853;--ink-mute:#8e7a83;--ink-faint:#c5b3bb;--accent:#b86f86;--accent-soft:#d8a0b0;--accent-bg:#b86f8614;--error:#c25c6e;--rule:#78465a24;--rule-soft:#78465a12;--shadow:0 1px 0 #ffffffb3 inset, 0 4px 16px #b4828c14;--shadow-card:0 1px 2px #b4828c0f, 0 8px 24px #b4828c1a;--shadow-page:0 2px 4px #b4828c0f, 0 24px 48px -20px #b4828c29}[data-theme=dark]{--bg:#1d1619;--bg-soft:#261d22;--bg-pastel-1:#221a1d;--bg-pastel-2:#261a23;--bg-pastel-3:#1f1b22;--paper:#281f24;--paper-edge:#0000004d;--ink:#ede2e6;--ink-soft:#c0adb5;--ink-mute:#8c7a82;--ink-faint:#524750;--accent:#e09bb0;--accent-soft:#ecb8c8;--accent-bg:#e09bb01f;--error:#e58b9e;--rule:#ede2e61f;--rule-soft:#ede2e60f;--shadow:0 1px 0 #ffffff0a inset, 0 8px 24px #0006;--shadow-card:0 1px 0 #ffffff0a inset, 0 12px 32px #0006;--shadow-page:0 1px 0 #ffffff0a inset, 0 30px 60px -20px #00000080}[data-theme=sepia]{--bg:#f4e4d2;--bg-soft:#ecd6bc;--bg-pastel-1:#f0dccc;--bg-pastel-2:#ecd6cc;--bg-pastel-3:#ebd9c4;--paper:#faecd7;--paper-edge:#78503224;--ink:#3d2c1e;--ink-soft:#6f5640;--ink-mute:#9a8367;--ink-faint:#c4b290;--accent:#b07254;--accent-soft:#cb9376;--accent-bg:#b0725417;--error:#b25a48;--rule:#50371e29;--rule-soft:#50371e14;--shadow:0 1px 0 #ffffff80 inset, 0 4px 16px #78502814;--shadow-card:0 1px 2px #7850280f, 0 8px 24px #7850281a;--shadow-page:0 2px 4px #7850280f, 0 24px 48px -20px #78502829}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 15% 10%, var(--bg-pastel-2) 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 90% 90%, var(--bg-pastel-3) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 50% 50%, var(--bg-pastel-1) 0%, transparent 60%);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Noto Serif KR,Nanum Myeongjo,serif}[data-font=sans] body,[data-font=sans] .body-text{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";pointer-events:none;z-index:1;opacity:.4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0 0.15  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}[data-theme=dark] body:before{opacity:.2}#root{z-index:2;min-height:100vh;position:relative}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint);background-clip:content-box;border:2px solid #0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s cubic-bezier(.25,.8,.4,1) both fadeIn}@keyframes stamp{0%{opacity:0;transform:scale(.3)rotate(-12deg)}60%{opacity:1;transform:scale(1.15)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.stamp-anim{animation:.5s cubic-bezier(.34,1.56,.64,1) both stamp}@keyframes stampPress{0%{opacity:0;transform:scale(1.8)rotate(-12deg)}60%{opacity:1;transform:scale(.9)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes celebSlideIn{0%{opacity:0;transform:translate(80px,-50%)rotate(14deg)}to{opacity:1;transform:translateY(-50%)rotate(6deg)}}@keyframes celebSlideOut{0%{opacity:1;transform:translateY(-50%)rotate(6deg)}to{opacity:0;transform:translate(40px,-50%)rotate(10deg)}}@keyframes caret{50%{opacity:0}}.app-shell{grid-template-columns:230px 1fr;max-width:1440px;min-height:100vh;margin:0 auto;display:grid}.main-area{min-width:0;padding:28px 36px 60px;overflow-y:auto}.sidebar{border-right:1px solid var(--rule);background:var(--bg-soft);flex-direction:column;gap:24px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:4px 10px;display:flex}.brand-mark{background:var(--accent);border-radius:4px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;transform:rotate(-3deg);box-shadow:0 2px #0000001f,inset 0 1px #ffffff2e}.brand-glyph{color:#faf6ec;font-family:Noto Serif KR,serif;font-size:18px;font-weight:700}.brand-text{line-height:1.2}.brand-name{color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:700}.brand-sub{color:var(--ink-mute);margin-top:2px;font-size:11px}.nav{flex-direction:column;gap:2px;padding:0 2px;display:flex}.nav-item{color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--rule-soft);color:var(--ink)}.nav-item.on{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);font-weight:600}.sidebar-foot{border-top:1px solid var(--rule-soft);margin-top:auto;padding:14px 12px}.foot-quote{color:var(--ink-soft);font-size:12.5px;font-style:italic;line-height:1.55}.foot-cite{color:var(--ink-mute);letter-spacing:.04em;margin-top:5px;font-size:10.5px}.screen{max-width:1080px}.screen-head{margin-bottom:22px}.screen-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:26px;font-weight:700}.screen-sub{color:var(--ink-mute);margin:0;font-size:14px}.back-link{color:var(--ink-mute);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:14px;padding:4px 0;font-size:13px;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.card{background:var(--paper);border:1px solid var(--paper-edge);box-shadow:var(--shadow-card);border-radius:10px;padding:22px;position:relative}.btn-primary{background:var(--accent);color:#faf6ec;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:filter .12s,transform .12s;display:inline-flex;box-shadow:0 1px #00000014,inset 0 1px #ffffff1f}.btn-primary:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}[data-theme=dark] .btn-primary{color:#1a1612}.btn-ghost{color:var(--ink);border:1px solid var(--rule);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn-ghost:hover{background:var(--rule-soft);border-color:var(--ink-faint)}.prog-bar-wrap{flex:1;align-items:center;gap:8px;display:flex}.prog-bar{background:var(--rule);border-radius:999px;flex:1;height:4px;overflow:hidden}.prog-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.25,.8,.4,1)}.prog-bar-num{color:var(--ink-mute);text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-size:11px}.prog-circle{justify-content:center;align-items:center;display:inline-flex;position:relative}.prog-circle-num{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600;position:absolute}.seal{background:var(--accent);color:#faf6ec;border-radius:4px;flex-shrink:0;place-items:center;display:grid;position:relative}[data-theme=dark] .seal{color:#1a1612}.seal-inner{flex-direction:column;align-items:center;gap:2px;padding:4px;line-height:1.1;display:flex}.seal-label{letter-spacing:-.02em;font-size:14px;font-weight:700}.seal-sub{opacity:.85;letter-spacing:.04em;font-size:9.5px}.seal-stamp{background:var(--accent);background-image:radial-gradient(circle at 30% 20%,#00000026 .5px,#0000 1px),radial-gradient(circle at 70% 60%,#0000001f .5px,#0000 1px),radial-gradient(circle at 20% 80%,#0000001a .5px,#0000 1px);background-size:8px 8px,11px 11px,7px 7px;transform:rotate(-5deg);box-shadow:0 2px #0000001a}.seal-seal{background:radial-gradient(circle at 30% 30%, var(--accent-soft), var(--accent) 70%);border:2px double #ffffff4d;border-radius:50%;transform:rotate(-3deg)}.seal-medal{background:linear-gradient(180deg, var(--accent-soft), var(--accent));border-radius:50%;box-shadow:0 2px #00000026,inset 0 1px #fff3}.seal-medal:before{content:"";border:1.5px solid #ffffff40;border-radius:50%;position:absolute;inset:4px}.seal-empty{border:1.5px dashed var(--ink-faint);color:var(--ink-faint);box-shadow:none;background:0 0;border-radius:4px;font-size:12px;transform:rotate(-3deg)}.home-screen{flex-direction:column;gap:22px;display:flex}.home-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:600}.home-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 10px;font-size:40px;font-weight:700;line-height:1.18}.home-sub{color:var(--ink-mute);max-width:480px;margin:0;font-size:14px}.home-resume{grid-template-columns:60px 1fr;align-items:start;gap:22px;padding:24px 26px;display:grid}.resume-stamp{background:var(--accent);color:#faf6ec;letter-spacing:-.02em;border-radius:4px;place-items:center;width:52px;height:52px;font-size:12px;font-weight:700;display:grid;transform:rotate(-4deg);box-shadow:0 2px #0000001a}[data-theme=dark] .resume-stamp{color:#1a1612}.resume-body{flex-direction:column;gap:14px;display:flex}.resume-pos{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.resume-book{color:var(--ink);font-size:20px;font-weight:700}.resume-ch{color:var(--ink-soft);font-size:15px}.resume-vs{color:var(--ink-mute);margin-left:auto;font-size:12px}.resume-prog{flex-direction:column;gap:10px;display:flex}.resume-prog-row{grid-template-columns:120px 1fr;align-items:center;gap:12px;display:grid}.resume-prog-lbl{color:var(--ink-soft);font-size:13px}.resume-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.home-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.home-mini{flex-direction:column;gap:12px;display:flex}.mini-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:600}.mini-big{justify-content:center;align-items:center;padding:8px 0;display:flex}.mini-foot{color:var(--ink-mute);margin-top:auto;font-size:12px}.mini-seals{align-items:center;gap:10px;padding:6px 0;display:flex}.home-mini-quote{background:linear-gradient(180deg, var(--paper) 0%, var(--bg-soft) 100%)}.quote-mark{color:var(--accent);opacity:.6;font-size:32px;line-height:1}.quote-body{color:var(--ink);font-size:16px;font-weight:500;line-height:1.55}.quote-cite{color:var(--ink-mute);letter-spacing:.06em;font-size:11px}.testament-tabs{gap:8px;margin-bottom:22px;display:flex}.tab{background:var(--paper);border:1px solid var(--paper-edge);max-width:200px;color:var(--ink-soft);border-radius:10px;flex:1;align-items:center;gap:12px;padding:14px 18px;transition:all .15s;display:flex}.tab:hover{border-color:var(--ink-faint)}.tab.on{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px var(--accent)}.tab-num{color:var(--accent);font-size:20px;font-weight:700}.tab-label{font-size:14px;font-weight:600}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.book-tile{background:var(--paper);border:1px solid var(--paper-edge);text-align:left;color:var(--ink-soft);border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:all .15s;display:flex;position:relative;overflow:hidden}.book-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-1px)}.book-short{color:var(--accent);letter-spacing:.04em;font-size:11px;font-weight:600}.book-name{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:600}.book-meta{color:var(--ink-mute);margin-top:auto;font-size:11px}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;display:grid}.chapter-tile{aspect-ratio:1;background:var(--paper);border:1px solid var(--paper-edge);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex;position:relative;overflow:hidden}.chapter-tile:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.ch-num{letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:700;line-height:1}.ch-label{color:var(--ink-mute);margin-top:3px;font-size:10px}.ch-pct{color:var(--accent);letter-spacing:.04em;margin-top:2px;font-size:9.5px;font-weight:600}.chapter-tile.partial{background:var(--accent-bg)}.chapter-tile.done{background:var(--accent)}.chapter-tile.done .ch-num{color:#faf6ec}.chapter-tile.done .ch-label,.chapter-tile.done .ch-pct{color:#ffffffb3}[data-theme=dark] .chapter-tile.done .ch-num{color:#1a1612}[data-theme=dark] .chapter-tile.done .ch-label,[data-theme=dark] .chapter-tile.done .ch-pct{color:#0000008c}.chapter-tile:disabled{opacity:.45;cursor:default}.typing-screen{max-width:980px;margin:0 auto}.typing-top{border-bottom:1px solid var(--rule);align-items:center;gap:16px;margin-bottom:14px;padding-bottom:12px;display:flex}.typing-top .back-link{margin:0}.typing-loc{align-items:baseline;gap:8px;margin-left:auto;display:flex}.loc-book{color:var(--ink);font-size:17px;font-weight:700}.loc-ch{color:var(--ink-soft);font-size:14px}.loc-divider{color:var(--ink-faint);font-size:12px}.typing-meta{color:var(--ink-mute);font-variant-numeric:tabular-nums;text-align:right;min-width:80px;font-size:12px}.chapter-progress-bar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--paper-edge);border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:10px 16px;display:flex;position:sticky;top:0}.cpb-label{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:600}.paper{background:var(--paper);border:1px solid var(--paper-edge);box-shadow:var(--shadow-page);border-radius:12px;position:relative}.paper-chapter{min-height:600px;padding:36px 44px}.paper-chapter-head{text-align:center;margin-bottom:22px}.pch-book{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:600}.pch-ch{color:var(--ink);letter-spacing:-.03em;font-size:30px;font-weight:700}.pch-rule{background:var(--accent);opacity:.5;width:80px;height:1px;margin:12px auto 0}.verses-list{flex-direction:column;display:flex}.verse-row{border-radius:6px;grid-template-columns:32px 1fr;gap:10px;padding:3px 6px 3px 2px;transition:background .18s;display:grid}.verse-row.active{background:var(--accent-bg)}.verse-row-num{justify-content:flex-end;align-items:flex-start;padding-top:3px;display:flex}.vrn-num{color:var(--accent);font-variant-numeric:tabular-nums;opacity:.65;font-size:13px;font-weight:700;line-height:1.6}.verse-row-body{flex-direction:column;gap:0;min-width:0;display:flex}.verse-text{letter-spacing:-.005em;color:var(--ink);word-break:keep-all;cursor:text;-webkit-user-select:text;user-select:text;padding:0 8px;font-size:17px;line-height:1.7;position:relative}.verse-text.future{color:var(--ink-faint)}.verse-text.done{color:var(--ink);opacity:.75;font-weight:600}[data-font=sans] .verse-text{letter-spacing:-.015em;font-family:Pretendard,-apple-system,sans-serif}.verse-input-area{padding:2px 8px 8px}.verse-input{letter-spacing:-.005em;width:100%;color:var(--ink);border:0;border-bottom:1.5px solid var(--rule);caret-color:var(--accent);background:0 0;outline:none;padding:0;font-family:inherit;font-size:17px;font-weight:400;line-height:1.7;transition:border-color .2s}.verse-input::placeholder{color:var(--ink-faint);font-size:15px;font-style:italic}.verse-input:focus{border-bottom-color:var(--accent)}.verse-input.done{color:#4a9e6b;border-bottom-color:#4a9e6b}.verse-input.error{border-bottom-color:var(--error)}[data-font=sans] .verse-input{letter-spacing:-.015em;font-family:Pretendard,-apple-system,sans-serif}.ch-err{color:var(--error);background:color-mix(in srgb, var(--error) 12%, transparent);border-radius:2px;padding:0 1px}.typing-help{color:var(--ink-mute);letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:11.5px;display:flex}.typing-help .dot{color:var(--ink-faint)}.typing-help kbd{background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);box-shadow:0 1px 0 var(--rule);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10.5px}.typing-help em{color:var(--accent);font-style:normal;font-weight:600}.celebration{z-index:100;pointer-events:none;animation:.6s cubic-bezier(.34,1.56,.64,1) celebSlideIn;position:fixed;top:50%;right:40px;transform:translateY(-50%)rotate(6deg)}.celebration.leaving{animation:.9s cubic-bezier(.4,0,1,1) forwards celebSlideOut}.celebration-card{background:var(--paper);border:1px solid var(--rule);text-align:center;border-radius:6px;min-width:280px;padding:36px 44px 28px;position:relative;box-shadow:0 24px 50px #28241e1f,0 6px 16px #28241e0f}.celebration-card:before{content:"";border:1px dashed var(--rule);pointer-events:none;border-radius:3px;position:absolute;inset:8px}[data-theme=dark] .celebration-card{box-shadow:0 24px 50px #0000008c,0 4px 14px #0000004d}.celebration-close{width:26px;height:26px;color:var(--ink-soft);cursor:pointer;pointer-events:auto;z-index:2;background:#0000000a;border:0;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:10px;right:10px}.celebration-close:hover{color:var(--ink);background:#00000014}.celebration-stamp{color:var(--accent);place-items:center;margin-bottom:12px;animation:.5s cubic-bezier(.4,0,.2,1) .25s both stampPress;display:grid}.celebration-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:4px;font-size:30px;font-weight:700;line-height:1}.celebration-sub{color:var(--ink-soft);margin-bottom:10px;font-size:14px}.celebration-divider{background:var(--rule);width:36px;height:1px;margin:10px auto 8px}.celebration-meta{color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.celebration-btn{pointer-events:auto;margin-top:18px}.popover{background:var(--paper);border:1px solid var(--paper-edge);width:340px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-page);z-index:200;border-radius:10px;animation:.18s cubic-bezier(.34,1.56,.64,1) fadeIn;position:fixed;overflow:hidden}.popover-header{border-bottom:1px solid var(--rule-soft);background:var(--bg-soft);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.popover-word{color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:700}.popover-close{color:var(--ink-mute);background:0 0;border:0;padding:0 2px;font-size:20px;line-height:1;transition:color .15s}.popover-close:hover{color:var(--ink)}.popover-body{color:var(--ink);padding:14px 16px;font-size:14px;line-height:1.65}.popover-loading{color:var(--ink-mute);font-size:13px}.popover-error{color:var(--error);font-size:13px}.popover-pos{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.popover-def{margin-bottom:10px}.popover-def+.popover-def{border-top:1px solid var(--rule-soft);padding-top:10px}.popover-def-num{color:var(--ink-mute);margin-right:4px;font-size:11px}.popover-footer{border-top:1px solid var(--rule-soft);background:var(--bg-soft);align-items:center;gap:10px;padding:10px 16px;display:flex}.popover-google{color:var(--ink-mute);align-items:center;gap:5px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.popover-google:hover{color:var(--accent)}.history-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;display:grid}.stat-card{flex-direction:column;gap:12px;min-height:120px;padding:18px;display:flex}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:600}.stat-value{color:var(--ink);font-size:16px;font-weight:600;line-height:1.4}.stat-meta{color:var(--ink-mute);margin-top:auto;font-size:12px}.badges-section{margin-top:14px}.badges-head{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.badges-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.badges-count{color:var(--ink-mute);letter-spacing:.04em;font-size:12px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;display:grid}.badge-card{background:var(--paper);border:1px solid var(--paper-edge);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;display:flex}.badge-card:not(.earned){opacity:.55}.badge-name{color:var(--ink-soft);text-align:center;letter-spacing:.02em;font-size:12px}.badge-card.earned .badge-name{color:var(--ink);font-weight:600}.settings-list{flex-direction:column;gap:8px;max-width:720px;display:flex}.setting-row{align-items:center;gap:18px;padding:18px 22px;display:flex}.setting-label{flex:1;min-width:0}.setting-name{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:600}.setting-desc{color:var(--ink-mute);font-size:12.5px}.setting-ctrl{align-items:center;gap:6px;display:flex}.setting-value{color:var(--ink-soft);background:var(--bg-soft);border-radius:6px;padding:8px 14px;font-size:14px}.pill{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--rule);border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.pill:hover{color:var(--ink);border-color:var(--ink-faint)}.pill.on{background:var(--accent);color:#faf6ec;border-color:var(--accent)}[data-theme=dark] .pill.on{color:#1a1612}.pill-danger{color:var(--error);border-color:var(--error)}.pill-danger:hover{background:var(--error);color:#faf6ec}.setting-row.danger{border-color:#c25c6e33}.settings-foot{color:var(--ink-mute);border-top:1px solid var(--rule-soft);margin-top:20px;padding:18px 22px;font-size:12px;line-height:1.65}@media (width<=1100px){.home-grid,.history-stats{grid-template-columns:1fr 1fr}}@media (width<=820px){.app-shell{grid-template-columns:60px 1fr}.sidebar{padding:16px 8px}.brand-text,.nav-item span,.sidebar-foot{display:none}.nav-item{justify-content:center}.main-area{padding:20px 18px 60px}.home-grid{grid-template-columns:1fr}.paper-chapter{padding:24px 22px}}