:root{--bg-obsidian: #0c0912;--panel-bg: rgba(16, 12, 24, .75);--panel-border: rgba(235, 194, 132, .24);--panel-border-memory: rgba(130, 184, 245, .28);--text-primary: #f6efe4;--text-secondary: rgba(240, 228, 210, .78);--text-muted: rgba(214, 198, 178, .56);--accent-desire: #f0ae56;--accent-memory: #7bb8ff;--accent-active: #f0ae56;--font-serif: "Cormorant Garamond", "Noto Serif TC", Georgia, serif;--font-sans: "Inter", "Noto Serif TC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Noto Serif TC", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-obsidian);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;user-select:none}body[data-temporal-mode=memory]{--accent-active: var(--accent-memory);--panel-border: var(--panel-border-memory)}#canvas-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:1}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px 28px;transition:opacity .45s ease}#ui-root.hud-hidden .hud-fadeable{opacity:0;pointer-events:none;transform:translateY(6px)}.hud-fadeable{transition:opacity .4s ease,transform .4s ease,border-color .5s ease}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.masthead{pointer-events:auto;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 16px rgba(0,0,0,.85)}.masthead-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-active);transition:color .5s ease}.masthead-title-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.masthead-title{font-family:var(--font-serif);font-weight:500;font-size:34px;letter-spacing:.06em;line-height:1.1;color:var(--text-primary)}.masthead-subtitle{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--text-secondary)}.top-actions{pointer-events:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill-btn{background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;padding:7px 13px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .22s ease}.pill-btn:hover{border-color:var(--accent-active);background:#1c1628e0;transform:translateY(-1px)}.pill-btn.active{background:#f0ae5629;border-color:var(--accent-active);color:var(--accent-active)}body[data-temporal-mode=memory] .pill-btn.active{background:#7bb8ff29}.kbd-hint{font-size:9.5px;opacity:.55;padding:1px 4px;border:1px solid rgba(255,255,255,.2);border-radius:3px}.middle-stage{display:flex;justify-content:space-between;align-items:flex-end;flex:1;margin:18px 0;gap:20px;min-height:0}.narrative-card{pointer-events:auto;width:min(420px,36vw);background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:12px;padding:20px 22px;box-shadow:0 18px 48px #0000008c;display:flex;flex-direction:column;gap:11px}.poi-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.poi-roman{font-family:var(--font-serif);font-size:13.5px;letter-spacing:.14em;color:var(--accent-active);font-weight:600}.poi-motif-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.poi-title{font-family:var(--font-serif);font-size:23px;font-weight:500;line-height:1.2;color:var(--text-primary)}.poi-italian{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--accent-active);margin-top:-5px}.poi-quote{font-family:var(--font-serif);font-size:16px;line-height:1.58;color:var(--text-primary);border-left:2px solid var(--accent-active);padding-left:12px}.poi-reflection{font-family:var(--font-sans);font-size:12.5px;line-height:1.6;color:var(--text-secondary)}.motif-prose-bar{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}.motif-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-family:var(--font-serif);font-style:italic;font-size:13px;padding:3px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.motif-chip:hover,.motif-chip.active{border-color:var(--accent-active);color:var(--accent-active);background:#f0ae561f}.inspector-drawer{pointer-events:auto;width:min(375px,34vw);max-height:calc(100vh - 190px);overflow-y:auto;background:#0d0a14db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--panel-border);border-radius:12px;padding:18px 20px;box-shadow:0 20px 52px #000000a6;display:flex;flex-direction:column;gap:14px;transition:opacity .3s ease,transform .3s ease}.inspector-drawer.closed{display:none;opacity:0;pointer-events:none}.inspector-section-title{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-active);margin-bottom:6px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-family:var(--font-mono);font-size:11.5px;padding:7px 10px;border-radius:6px;cursor:pointer;text-align:center;transition:all .2s ease}.mode-tab.active,.mode-tab:hover{border-color:var(--accent-active);color:var(--text-primary);background:#f0ae5629}.specimen-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.specimen-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-family:var(--font-sans);font-size:11.5px;padding:7px 9px;border-radius:6px;cursor:pointer;text-align:left;transition:all .2s ease}.specimen-btn:hover,.specimen-btn.active{border-color:var(--accent-active);color:var(--accent-active);background:#ffffff14}.formula-box{background:#00000061;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:9px 11px;font-family:var(--font-mono);font-size:11px;color:var(--accent-active);overflow-x:auto;white-space:nowrap}.telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-family:var(--font-mono);font-size:11px}.telemetry-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:3px}.telemetry-key{color:var(--text-muted)}.telemetry-val{color:var(--text-primary)}.toggle-row{display:flex;gap:6px;flex-wrap:wrap}.bottom-bar{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:12px;padding:12px 18px}.poi-stepper{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.poi-step-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-family:var(--font-mono);font-size:11.5px;padding:6px 11px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.poi-step-btn:hover{border-color:var(--accent-active);color:var(--text-primary)}.poi-step-btn.active{background:#f0ae562e;border-color:var(--accent-active);color:var(--accent-active)}body[data-temporal-mode=memory] .poi-step-btn.active{background:#7bb8ff2e}.temporal-control{display:flex;align-items:center;gap:12px;min-width:320px}.temporal-pole{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .3s ease;white-space:nowrap}.temporal-pole.desire{color:var(--accent-desire)}.temporal-pole.memory{color:var(--accent-memory)}.temporal-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent-desire) 0%,#9b6b9e 50%,var(--accent-memory) 100%);outline:none;cursor:pointer}.temporal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-primary);border:2px solid var(--accent-active);box-shadow:0 0 10px #0009;cursor:pointer}.qr-modal-backdrop{position:fixed;inset:0;z-index:40;background:#08060eb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .25s ease}.qr-modal-backdrop.closed{display:none;opacity:0;pointer-events:none}.qr-modal-card{background:#120e1cf0;border:1px solid var(--panel-border);border-radius:16px;padding:24px 26px;width:min(340px,90vw);box-shadow:0 24px 64px #000c;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.qr-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center}.qr-modal-title{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--accent-active)}.qr-close-btn{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--text-secondary);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.qr-close-btn:hover{border-color:var(--accent-active);color:var(--text-primary)}.qr-svg-box{width:210px;height:210px;padding:12px;background:#f8f2e8;border-radius:12px;box-shadow:inset 0 0 0 1px #0000001f;display:flex;align-items:center;justify-content:center}.qr-svg-box svg{width:100%;height:100%;display:block}.qr-url-label{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);background:#ffffff0f;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-modal-desc{font-size:12px;line-height:1.5;color:var(--text-secondary)}.hover-tooltip{position:fixed;z-index:30;pointer-events:none;background:#0c0912eb;border:1px solid var(--accent-active);border-radius:8px;padding:8px 12px;max-width:270px;box-shadow:0 8px 24px #000000a6;opacity:0;transform:translate(14px,-50%);transition:opacity .15s ease}.hover-tooltip.visible{opacity:1}.tooltip-title{font-family:var(--font-serif);font-size:15px;font-weight:600;color:var(--accent-active)}.tooltip-detail{font-family:var(--font-sans);font-size:11.5px;color:var(--text-secondary);margin-top:2px;line-height:1.4}@media(max-width:960px){#ui-root{padding:12px 14px}.top-bar{flex-direction:column;align-items:stretch;gap:8px}.masthead-title{font-size:24px}.masthead-subtitle{font-size:13px}.kbd-hint{display:none}.pill-btn{padding:5px 10px;font-size:10.5px}.middle-stage{flex-direction:column;align-items:stretch;justify-content:flex-end;margin:8px 0;gap:8px}.narrative-card{width:100%;padding:12px 14px;gap:6px}.poi-title{font-size:18px}.poi-quote{font-size:13.5px;line-height:1.42}.poi-reflection{display:none}.motif-chip{font-size:11.5px;padding:2px 8px}.inspector-drawer{width:100%;max-height:46vh;padding:12px 14px;gap:10px}.middle-stage:has(.inspector-drawer:not(.closed)) .narrative-card{display:none}.bottom-bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.poi-stepper{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.poi-stepper::-webkit-scrollbar{display:none}.poi-step-btn{flex-shrink:0;padding:5px 9px;font-size:10.5px}.temporal-control{min-width:0;width:100%}}