:root{--bg: #100e11;--bg-raise: #18151a;--bg-hover: #221e24;--text: #f4eef2;--muted: #a3989e;--faint: #746b70;--line: #2c272d;--bl: #ff8aa8;--bl-bg: #3a1d28;--nbl: #7ee0c7;--nbl-bg: #14332c;--warn: #f5c16a;--warn-bg: #3a2e14;--accent: #ff8aa8;--tap: 48px;--radius: 14px;--max-list: 28rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.4}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{min-height:100dvh}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:var(--accent)}.layout{min-height:100dvh}.list-pane,.detail-pane{min-width:0}.list-scroll,.detail-pane{min-height:100dvh}.list-scroll{padding-bottom:2.5rem}.pane-head{position:sticky;top:0;z-index:3;padding:1rem 1rem .75rem;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.brand-name{margin:0;font-size:1.35rem;letter-spacing:-.03em}.brand-sub{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}.meta-line,.count-line{margin:.45rem 0 0;color:var(--faint);font-size:.8rem}.count-line{margin:.65rem 0 .15rem}.sort-btn{flex:0 0 auto;min-height:40px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-raise);cursor:pointer}.sort-btn:hover,.chip:hover,.row:hover{background:var(--bg-hover)}.search{display:block;width:100%;min-height:var(--tap);margin-top:.85rem;padding:0 .9rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-raise);outline:none}.search:focus-visible,.sort-btn:focus-visible,.chip:focus-visible,.row:focus-visible,.back:focus-visible,.continue:focus-visible,.next-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.chip{min-height:40px;padding:0 .85rem;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}.chip.is-on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip-warn{margin-top:.55rem}.chip-warn.is-on{background:var(--warn);color:#1a1408;border-color:var(--warn)}.row{display:flex;gap:.85rem;width:100%;min-height:64px;margin:0;padding:.85rem 1rem;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.row.is-selected{background:var(--bg-raise)}.row-num{flex:0 0 2rem;padding-top:.15rem;color:var(--faint);font-variant-numeric:tabular-nums;font-size:.92rem}.row-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:.2rem}.row-title-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.row-title{flex:1 1 12rem;min-width:0;font-weight:650;overflow-wrap:anywhere}.row-meta{color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.row-warn{color:var(--warn);font-size:.8rem}.badge{flex:0 0 auto;padding:.08rem .45rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-bl{background:var(--bl-bg);color:var(--bl)}.badge-nbl{background:var(--nbl-bg);color:var(--nbl)}.badge-plain{background:var(--bg-raise);color:var(--muted)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-row,.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.empty,.error,.detail-empty,.status{padding:1.5rem 1rem}.status,.muted,.empty-copy{color:var(--muted)}.empty-title{margin:0 0 .35rem;font-weight:650}.empty-copy{margin:0}.detail-pane{padding:1rem 1rem 2.5rem}.back{min-height:var(--tap);margin:0 0 .75rem;padding:0 .2rem;border:0;background:transparent;color:var(--muted);cursor:pointer}.detail-title{margin:0 0 .35rem;font-size:1.7rem;letter-spacing:-.03em;overflow-wrap:anywhere}.alts{margin:0 0 .85rem;color:var(--muted)}.badge-row{margin-bottom:1.1rem}.continue,.continue-dead,.next-link{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:.7rem 1rem;border-radius:var(--radius);text-decoration:none}.continue{background:var(--accent);color:#1a1014}.continue-kicker{font-size:.75rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.continue-main{font-size:1.05rem;font-weight:750}.continue-dead{background:var(--warn-bg);color:var(--warn);font-weight:650}.next-link{margin-top:.55rem;border:1px solid var(--line);background:var(--bg-raise);color:var(--text);font-weight:650}.field{margin-top:1.2rem}.field-label{margin:0 0 .35rem;color:var(--faint);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.tag{padding:.2rem .55rem;border-radius:999px;background:var(--bg-raise);color:var(--muted);font-size:.82rem}.facts{display:grid;grid-template-columns:7.5rem 1fr;gap:.35rem .75rem;margin:1.4rem 0 0;color:var(--muted);font-size:.9rem}.facts dt{margin:0;color:var(--faint)}.facts dd{margin:0;overflow-wrap:anywhere}.progress-box{margin:0 0 1rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raise)}.progress-now{margin:0 0 .7rem;font-weight:650}.progress-actions{display:flex;flex-wrap:wrap;gap:.5rem}.progress-next,.progress-set{min-height:var(--tap);padding:0 1rem;border:0;border-radius:12px;background:var(--accent);color:#1a1014;font-weight:750;cursor:pointer}.progress-next:disabled,.progress-set:disabled{opacity:.55;cursor:default}.progress-jump,.key-form{display:flex;flex:1 1 10rem;gap:.4rem}.progress-input{min-height:var(--tap);min-width:0;flex:1;padding:0 .75rem;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.progress-set{flex:0 0 auto;background:var(--text)}.save-ok{margin:.55rem 0 0;color:var(--nbl);font-size:.85rem}.save-err{margin:.55rem 0 0;color:var(--warn);font-size:.85rem}.replace-key{display:block;margin-top:.55rem;padding:0;border:0;background:transparent;color:var(--muted);font-size:.85rem;text-decoration:underline;cursor:pointer}.link-list{margin:0;padding:0;list-style:none}.link-list li{display:flex;gap:.4rem;min-height:40px;align-items:center}.link-current{color:var(--faint);font-size:.8rem}.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}.reader{min-height:100dvh;max-width:42rem;margin:0 auto;padding:.75rem 1rem 2.5rem}.reader-bar{margin-bottom:.35rem}.reader-kicker{margin:0;color:var(--muted);font-size:.9rem}.reader-heading{margin:.15rem 0 .85rem;font-size:1.35rem;letter-spacing:-.03em;overflow-wrap:anywhere}.reader-text{margin:1rem 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:1.05rem}.reader .progress-actions{flex-wrap:wrap}@media(max-width:899px){.layout.has-detail .list-pane{display:none}.layout:not(.has-detail) .detail-pane{display:none}}@media(min-width:900px){.layout{display:grid;grid-template-columns:minmax(20rem,var(--max-list)) 1fr;height:100dvh}.list-scroll,.detail-pane{height:100dvh;overflow:auto}.detail-pane{border-left:1px solid var(--line);padding:1.4rem 1.6rem 2.5rem}.detail-empty{display:flex;min-height:100%;flex-direction:column;justify-content:center;max-width:24rem}}