:root{--verdigris: #6fa391;--verdigris-bright: #8fc3b0;--copper: #c98a3c;--gold: #e8c98a;--glass: rgba(24, 30, 30, .76);--glass-solid: #1a2020;--glass-line: rgba(226, 234, 228, .14);--glass-line-soft: rgba(226, 234, 228, .08);--ink: #edefe8;--ink-dim: #a9b3ad;--ink-faint: #77827c;--paper: #f4efe2;--paper-ink: #262420;--paper-dim: #6b6559;--paper-line: rgba(38, 36, 32, .14);--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-ui: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--rail-w: 268px;--panel-w: 440px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0e1414;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;background:#0e1414}#view:active{cursor:grabbing}#hud{position:fixed;top:22px;left:24px;z-index:5;pointer-events:none;text-shadow:0 1px 14px rgba(12,20,18,.55)}#hud h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.02;letter-spacing:.004em;color:#fdf8ec}#hud h1 em{font-style:italic;color:var(--gold)}#stats{margin:5px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f7f0e0b8}#rail{position:fixed;left:24px;top:104px;z-index:5;width:var(--rail-w);max-height:calc(100vh - 190px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 18px 44px #060c0c6b;scrollbar-width:thin;scrollbar-color:rgba(226,234,228,.22) transparent}.room{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .14s ease}.room:hover{background:#e2eae412}.room:focus-visible{outline:2px solid var(--verdigris-bright);outline-offset:-2px}.room.is-active{background:#6fa3912b}.room-swatch{width:10px;height:10px;border-radius:2px;background:var(--sw);box-shadow:0 0 0 1px #00000040 inset}.room-text{display:flex;flex-direction:column;gap:1px;min-width:0}.room-name{font-size:13.5px;font-weight:500;letter-spacing:.005em;color:var(--ink)}.room-blurb{font-size:11px;line-height:1.35;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.room.is-active .room-blurb,.room:hover .room-blurb{color:var(--ink-dim)}.room-count{font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.room.is-active .room-count{color:var(--gold)}#controls-hint{position:fixed;left:24px;bottom:20px;z-index:5;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.055em;color:#f7f0e09e;text-shadow:0 1px 10px rgba(12,20,18,.6)}#home{padding:6px 12px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,color .14s ease}#home:hover{border-color:var(--verdigris);color:var(--verdigris-bright)}#home:focus-visible{outline:2px solid var(--verdigris-bright);outline-offset:2px}#tooltip{position:fixed;top:0;left:0;z-index:20;max-width:300px;padding:9px 12px;border-radius:9px;background:#101616e6;border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px #060c0c80;pointer-events:none;display:flex;flex-direction:column;gap:3px;will-change:transform}#tooltip[hidden]{display:none}.tt-kind{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--verdigris-bright)}.tt-handle{font-size:12px;font-weight:500;color:var(--gold)}.tt-text{font-size:12px;line-height:1.42;color:var(--ink-dim)}#panel{position:fixed;top:0;right:0;z-index:15;width:var(--panel-w);max-width:100vw;height:100%;background:var(--paper);color:var(--paper-ink);transform:translate(101%);transition:transform .38s cubic-bezier(.22,.8,.28,1);box-shadow:-22px 0 60px #060c0c57;display:flex;flex-direction:column}#panel.is-open{transform:translate(0)}#panel-close{position:absolute;top:14px;right:14px;z-index:2;width:30px;height:30px;border:1px solid var(--paper-line);border-radius:50%;background:#f4efe2e6;color:var(--paper-dim);font-size:12px;line-height:1;cursor:pointer;transition:color .14s ease,border-color .14s ease}#panel-close:hover{color:var(--paper-ink);border-color:var(--paper-ink)}#panel-close:focus-visible{outline:2px solid var(--verdigris);outline-offset:2px}#panel-body{overflow-y:auto;padding:26px 30px 44px;scrollbar-width:thin;scrollbar-color:rgba(38,36,32,.25) transparent}.p-eyebrow{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.p-kind{color:#3f7a68}.p-motif{color:#9a6a2e}.p-motif:before{content:"· "}.p-room{color:var(--paper-dim)}.p-room:before{content:"· "}.p-title{margin:0 0 16px;font-family:var(--font-display);font-weight:400;font-size:31px;line-height:1.14;text-wrap:balance;color:#1b1a16}.p-author{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid var(--paper-line)}.p-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;background:#ded7c6}.p-avatar-blank{background:#ded7c6}.p-author-text{display:flex;flex-direction:column;gap:1px;min-width:0}.p-name{font-size:14px;font-weight:600}.p-handle{font-family:var(--font-mono);font-size:11.5px;color:var(--paper-dim)}.p-date{font-family:var(--font-mono);font-size:11px;color:var(--paper-dim);white-space:nowrap}.p-text{margin-top:16px;font-size:15.5px;line-height:1.62;max-width:62ch}.p-thread{margin-top:16px;padding-left:14px;border-left:2px solid rgba(63,122,104,.34)}.p-thread-line{margin:0 0 9px;font-size:14px;line-height:1.56;color:var(--paper-dim)}#panel-body a{color:#2f6d5c;text-decoration-color:#2f6d5c5c;text-underline-offset:2px}#panel-body a:hover{color:#1f5346}.p-media{margin-top:18px;display:flex;flex-direction:column;gap:8px}.p-media.is-grid{display:grid;grid-template-columns:1fr 1fr}.p-media img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--paper-line)}.p-quote{margin:18px 0 0;padding:13px 15px;border-radius:8px;background:#2624200b;border:1px solid var(--paper-line);display:flex;flex-direction:column;gap:6px}.p-quote-who{font-size:13px;font-weight:600}.p-quote-text{font-size:13.5px;line-height:1.55;color:var(--paper-dim)}.p-card{margin-top:18px;padding:13px 15px;border-radius:8px;border:1px solid var(--paper-line);display:flex;flex-direction:column;gap:4px;text-decoration:none;transition:border-color .14s ease}.p-card:hover{border-color:#2f6d5c80}.p-card-domain{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim)}.p-card-title{font-size:14px;font-weight:600;color:var(--paper-ink)}.p-card-desc{font-size:12.5px;line-height:1.5;color:var(--paper-dim)}.p-article{margin-top:26px}.p-article-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid var(--paper-line);font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--paper-dim)}.p-article-body{max-width:62ch}.p-article-body p{margin:0 0 1.05em;font-size:15px;line-height:1.7;color:#322f29}.p-links{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.p-links a{font-family:var(--font-mono);font-size:11.5px}.p-foot{margin-top:26px;padding-top:15px;border-top:1px solid var(--paper-line);display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.p-metrics{font-family:var(--font-mono);font-size:11.5px;color:var(--paper-dim);font-variant-numeric:tabular-nums}.p-metrics b{color:var(--paper-ink);font-weight:500}.p-open{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#141b1a;transition:opacity .8s ease}#loading.is-done{opacity:0;pointer-events:none}#loading[hidden]{display:none}.loading-inner{text-align:center}.loading-mark{display:flex;gap:5px;justify-content:center;margin-bottom:22px}.loading-mark span{width:11px;height:11px;background:var(--verdigris);border-radius:1px;animation:rise 1.5s ease-in-out infinite}.loading-mark span:nth-child(2){animation-delay:.18s;background:var(--gold)}.loading-mark span:nth-child(3){animation-delay:.36s}@keyframes rise{0%,to{transform:translateY(0) scale(1);opacity:.5}45%{transform:translateY(-9px) scale(1.12);opacity:1}}.loading-inner h2{margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:27px;color:#f6efdf}#loading-note{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint)}#loading.is-error #loading-note{color:#d98b7a;text-transform:none;letter-spacing:0}@media(prefers-reduced-motion:reduce){.loading-mark span{animation:none}#panel{transition:none}}@media(max-width:900px){:root{--panel-w: 100vw;--rail-w: 216px}#hud h1{font-size:26px}#rail{top:88px;max-height:40vh}#controls-hint span{display:none}#panel-body{padding:22px 20px 40px}}