:root{--bg: #000;--bg-card: #0a0a0a;--fg: #fff;--fg-dim: #888;--fg-faint: #444;--line: #1a1a1a;--line-strong: #2a2a2a;--accent: #b33;--accent-hover: #c44;--warn: #aa6;--safe: #2a2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}body{font-size:15px;line-height:1.5;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:#000}.app{max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);padding:18px 20px 14px;padding-top:max(18px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:10px}.app-logo{font-weight:900;font-size:18px;letter-spacing:.18em;text-transform:uppercase}.app-logo .dot{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:8px;vertical-align:middle;transform:translateY(-2px)}.app-back{background:transparent;border:none;color:var(--fg-dim);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:6px 8px 6px 0}.app-back:hover{color:var(--fg)}.app-back:before{content:"← "}.app-main{flex:1;padding:24px 20px 40px}.h1{font-size:32px;font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:12px}.h2{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px}.h3{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:inline-block}.muted{color:var(--fg-dim)}.dim{color:var(--fg-faint)}.lead{font-size:15px;line-height:1.55;color:var(--fg-dim)}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:12px;letter-spacing:0}.card{background:var(--bg-card);border:1px solid var(--line);padding:18px}.card+.card{margin-top:12px}.card-row{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;background:var(--bg-card);border:1px solid var(--line);padding:18px 20px;transition:border-color .15s,background .15s}.card-row:hover{border-color:var(--accent);background:#0e0e0e}.card-row+.card-row{margin-top:10px}.card-row-num{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--fg-faint);font-size:11px;font-weight:700;letter-spacing:.1em;min-width:28px;align-self:flex-start;padding-top:2px}.card-row-body{flex:1;display:block}.card-row-title{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin-bottom:4px}.card-row-desc{color:var(--fg-dim);font-size:13px;line-height:1.45}.card-row-arrow{margin-left:auto;color:var(--fg-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px;flex-shrink:0}.card-row:hover .card-row-arrow{color:var(--accent)}.card-row.locked{opacity:.4;cursor:not-allowed;pointer-events:none}.card-row.locked .card-row-arrow:before{content:"⌧"}.card-progress{display:block;margin-top:12px}.card-progress-line{display:block;height:2px;background:var(--line);position:relative;overflow:hidden}.card-progress-line>i{display:block;height:100%;background:var(--accent);width:0%;transition:width .3s}.card-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.card-progress-meta span:last-child{color:var(--accent)}.instant-loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.instant-loader[hidden]{display:none}.btn{display:inline-block;background:var(--fg);color:#000;border:1px solid var(--fg);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:14px 24px;cursor:pointer;text-align:center;transition:background .1s,color .1s;font-family:inherit}.btn:hover{background:#ddd}.btn:active{transform:translateY(1px)}.btn:disabled{background:var(--line);color:var(--fg-faint);border-color:var(--line);cursor:not-allowed}.btn-block{display:block;width:100%}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--fg);background:var(--bg-card)}.btn+.btn{margin-top:10px}.progress-line{height:2px;background:var(--line);position:relative;overflow:hidden}.progress-line>i{display:block;height:100%;background:var(--accent);transition:width .3s}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 20px;min-height:50vh}.state .h1{margin-bottom:16px}.state .lead{max-width:420px}.state .btn{margin-top:28px}.spinner{width:36px;height:36px;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{margin-top:auto;padding:24px 20px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));border-top:1px solid var(--line);text-align:center;color:var(--fg-faint);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.reader-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));margin:0 -20px}.app-no-header .app-main{padding-top:0}.reader-tool-back{text-decoration:none;color:var(--fg)}.reader-tool{background:transparent;border:1px solid var(--line-strong);color:var(--fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:.04em;width:36px;height:36px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .12s,background .12s}.reader-tool:hover{border-color:var(--fg);background:var(--bg-card)}.reader-tool:active{transform:translateY(1px)}.reader-tool-icon{font-size:20px;line-height:1}.reader-tool-group{display:flex;gap:4px}.reader-tool-group .reader-tool{width:38px}.reader-progress-line{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}.reader-progress-line>i{display:block;height:100%;background:var(--accent);width:0%;transition:width .12s linear}.reader-content{max-width:640px;margin:28px auto 32px}.reader-chapter-meta{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);font-weight:700;margin-bottom:18px}.reader-h1{font-size:1.85em;font-weight:900;text-transform:uppercase;letter-spacing:-.015em;line-height:1.05;margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid var(--line-strong)}.reader-h2{font-size:1.25em;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.2;margin:36px 0 14px;padding-top:18px;border-top:1px solid var(--line)}.reader-h2:first-child{border-top:none;padding-top:0;margin-top:0}.reader-h3{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:24px 0 10px}.reader-h4{font-size:1em;font-weight:800;margin:20px 0 8px;color:var(--fg)}.reader-p{margin:0 0 1em;color:#d4d4d4;line-height:1.65;letter-spacing:-.005em}.reader-lead{margin:28px 0 12px;font-size:1.05em;font-weight:800;color:#fff;letter-spacing:-.005em;line-height:1.3;padding-left:14px;border-left:3px solid var(--accent)}.reader-punch{margin:28px auto;max-width:480px;text-align:center;font-size:1.15em;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;line-height:1.25;padding:14px 18px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.reader-quote{margin:24px 0;padding:14px 18px;font-size:1em;font-style:italic;color:#ddd;line-height:1.55;background:var(--bg-card);border-left:3px solid var(--accent);position:relative}.reader-quote:before{content:"«";font-size:2em;font-weight:900;font-style:normal;color:var(--accent);position:absolute;top:-4px;left:6px;opacity:.4}.reader-quote:after{content:"»";font-size:2em;font-weight:900;font-style:normal;color:var(--accent);opacity:.4;margin-left:4px;vertical-align:-8px}.reader-list{margin:16px 0 20px;padding:0;list-style:none}.reader-list li{position:relative;padding:8px 0 8px 28px;color:#d4d4d4;line-height:1.5;border-bottom:1px solid var(--line)}.reader-list li:last-child{border-bottom:none}.reader-list li:before{content:"";position:absolute;left:6px;top:18px;width:14px;height:2px;background:var(--accent)}.reader-p.has-drop:first-letter{float:left;font-size:3.6em;line-height:.85;font-weight:900;color:var(--accent);margin:6px 10px 0 0;padding:0;text-transform:uppercase}.reader-fig{margin:32px -22px;background:#000;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);overflow:hidden;display:block;max-width:calc(100% + 44px)}.reader-fig img{width:100%;height:100%;display:block;object-fit:cover}@media(max-width:700px){.reader-fig{margin:28px -20px;max-width:calc(100% + 40px)}}.reader-end{margin:48px 0 12px;text-align:center;color:var(--fg-faint);font-size:18px;letter-spacing:.5em}.reader-content.fs-sm{font-size:15px}.reader-content.fs-md{font-size:17px}.reader-content.fs-lg{font-size:19px}.reader-content.fs-xl{font-size:22px}.reader-pager{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.reader-pager .btn{flex:1}.reader-pager .btn:disabled{opacity:.3}.toc-drawer{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden}.toc-drawer.open{pointer-events:auto;visibility:visible}.toc-backdrop{position:absolute;inset:0;background:#000000b3;opacity:0;transition:opacity .2s}.toc-drawer.open .toc-backdrop{opacity:1}.toc-panel{position:absolute;left:0;top:0;bottom:0;width:86%;max-width:380px;background:var(--bg);border-right:1px solid var(--line-strong);transform:translate(-100%);transition:transform .22s ease-out;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.toc-drawer.open .toc-panel{transform:translate(0)}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.toc-title{font-weight:900;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.toc-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 16px}.toc-item{border-bottom:1px solid var(--line)}.toc-item:last-child{border-bottom:none}.toc-chapter{display:flex;width:100%;align-items:flex-start;gap:14px;background:transparent;border:none;color:var(--fg);font-family:inherit;text-align:left;padding:14px 18px 6px;cursor:pointer;transition:background .12s}.toc-chapter:hover{background:var(--bg-card)}.toc-num{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;color:var(--fg-faint);letter-spacing:.1em;flex-shrink:0;padding-top:2px;min-width:22px}.toc-text{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.25}.toc-item.active .toc-num,.toc-item.active .toc-text{color:var(--accent)}.toc-subs{list-style:none;margin:0 0 12px;padding:0 18px 0 54px}.toc-subs li{font-size:11px;color:var(--fg-dim);line-height:1.4;padding:4px 0;letter-spacing:.04em;text-transform:uppercase}.toc-item.active .toc-subs li{color:#b8a3a3}@media(min-width:720px){.reader-toolbar{margin:-24px -20px 0;padding:12px 20px}}.q-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);font-weight:700}.q-progress-bar{width:90px}.q-text{font-size:18px;font-weight:800;line-height:1.3;margin-bottom:18px;letter-spacing:-.005em}.q-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.q-option{display:block;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--line);color:var(--fg);font-family:inherit;font-size:14px;line-height:1.4;padding:14px 16px 14px 38px;position:relative;cursor:pointer;transition:border-color .12s,background .12s}.q-option:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1px solid var(--fg-faint);background:transparent}.q-option:hover{border-color:var(--fg-dim);background:#0e0e0e}.q-option.selected{border-color:var(--accent);background:#150808}.q-option.selected:before{background:var(--accent);border-color:var(--accent)}.q-result-tag{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.q-result-name{font-size:40px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin-bottom:18px}.q-result-desc{background:var(--bg-card);border:1px solid var(--line);padding:18px;font-size:14px;line-height:1.55;color:#ccc;margin-bottom:22px}.install-banner{margin-top:16px;background:var(--bg-card);border:1px solid var(--line);padding:14px 16px;display:none}.install-banner.show{display:block}.install-banner p{color:var(--fg-dim);font-size:12px;margin-bottom:10px}.install-banner .btn{width:100%;padding:10px 14px;font-size:12px}.install-ios-hint{display:none;font-size:11px;color:var(--fg-faint);line-height:1.5;margin-top:10px}.install-ios-hint.show{display:block}.install-ios-hint b{color:var(--fg);font-weight:700}.ptr-indicator{position:fixed;top:0;left:50%;margin-left:-18px;margin-top:-36px;width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1000;opacity:0;transition:opacity .15s,border-color .15s,background .15s}.ptr-indicator.visible{opacity:1}.ptr-indicator.ready{border-color:var(--accent);background:var(--accent)}.ptr-indicator.refreshing .ptr-spinner{animation:ptr-spin .7s linear infinite}.ptr-spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:var(--fg);border-right-color:var(--fg);border-radius:50%}.ptr-indicator.ready .ptr-spinner{border-top-color:#fff;border-right-color:#fff}@keyframes ptr-spin{to{transform:rotate(360deg)}}.banner-warn{background:#150808;border:1px solid var(--accent);padding:12px 14px;font-size:13px;color:var(--fg);margin-bottom:16px}