:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20201e;background:#f3efe5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.7),transparent 34%),#f3efe5}button,input{font:inherit}button{border:1px solid rgba(63,59,53,.18);border-radius:999px;padding:9px 14px;color:#3d3a35;background:#fffdf7b8;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}button:hover{background:#fffffff5;border-color:#3f3b3559}button:active{transform:translateY(1px)}button.primary,button.active{color:#fffaf1;border-color:#b74c36;background:#b74c36}#app{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px 14px;border-bottom:1px solid rgba(63,59,53,.12);background:#f3efe5d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.eyebrow{margin-bottom:4px;color:#8b8379;font-size:10px;font-weight:750;letter-spacing:.16em}h1{display:flex;align-items:baseline;gap:12px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1}h1 small{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#b74c36;font-size:11px;font-weight:780;letter-spacing:.12em}.top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.audio-status{min-width:104px;color:#8e877d;font-size:9px;letter-spacing:.05em;text-align:right}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0}#viewport{position:relative;min-width:0;min-height:0;overflow:hidden}#scene{position:absolute;inset:0}#scene canvas,.labels-layer{display:block;width:100%;height:100%}#inspector{min-width:0;overflow-y:auto;padding:24px 22px 80px;border-left:1px solid rgba(63,59,53,.12);background:#faf7efdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.inspector-empty{margin-top:14vh;color:#777168;text-align:center}.inspector-empty .symbol{color:#b74c36;font-size:38px}.inspector-empty h2,#inspector-content h2{margin:8px 0;color:#2a2926;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500}.inspector-empty p{max-width:240px;margin:0 auto;font-size:13px;line-height:1.65}.node-kind{display:inline-flex;padding:4px 8px;border:1px solid rgba(183,76,54,.28);border-radius:999px;color:#a44834;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.node-gloss{margin-bottom:22px;color:#766f65;font-size:14px;line-height:1.5}.detail-block{padding:16px 0;border-top:1px solid rgba(63,59,53,.1)}.detail-block h3{margin:0 0 7px;color:#9a4533;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.detail-block p,.detail-block blockquote{margin:0;color:#45413b;font-size:13px;line-height:1.65}.detail-block blockquote{padding-left:12px;border-left:2px solid rgba(183,76,54,.35);font-family:Georgia,Times New Roman,serif;font-size:15px}.path-stack{display:flex;flex-direction:column;align-items:stretch;gap:4px}.path-item{display:grid;grid-template-columns:72px 1fr;gap:9px;align-items:center;width:100%;border-radius:10px;padding:8px 10px;text-align:left}.path-kind{color:#958e84;font-size:9px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.path-item strong{font-size:12px;font-weight:680}.path-arrow{align-self:center;color:#aaa398;font-size:11px}.axis-legend,.relation-legend{position:absolute;z-index:4;display:flex;gap:12px;color:#777168;font-size:10px;letter-spacing:.02em;pointer-events:none}.axis-legend{top:17px;left:19px}.axis-legend b{color:#a54835}.relation-legend{top:38px;left:19px;flex-wrap:wrap}.relation-legend span{display:flex;align-items:center;gap:5px}.edge{width:15px;height:2px;border-radius:999px;background:#887f75}.edge.semantic{background:#4f7280}.edge.metaphor{background:#bb684e}.edge.instance{background:#70877c}.timeline-panel{position:absolute;z-index:5;right:22px;bottom:20px;left:22px;padding:12px 16px 10px;border:1px solid rgba(63,59,53,.12);border-radius:14px;background:#fcf9f2d6;box-shadow:0 16px 40px #4c413214;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.timeline-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px;color:#777168;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.timeline-head strong{color:#a54835;font-size:15px}#year-slider{width:100%;accent-color:#b74c36}.timeline-ticks{display:flex;justify-content:space-between;color:#aaa398;font-size:8px}.story-caption{position:absolute;z-index:6;top:86px;left:22px;width:min(390px,calc(100% - 44px));padding:18px;border:1px solid rgba(183,76,54,.22);border-radius:16px;background:#fffcf4ed;box-shadow:0 20px 70px #563f2d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-kicker{margin-bottom:7px;color:#a54835;font-size:9px;font-weight:800;letter-spacing:.15em}#story-title{margin-bottom:7px;font-family:Georgia,Times New Roman,serif;font-size:21px}.story-body-en{color:#514c45;font-size:13px;line-height:1.62}.story-body-zh{margin-top:8px;padding-top:8px;border-top:1px solid rgba(183,76,54,.12);color:#8b5a4d;font-size:12px;line-height:1.6}.graph-label{padding:2px 5px;border-radius:5px;color:#4f4b45;background:#f6f2e9b3;font-size:10px;font-weight:620;white-space:nowrap;transition:opacity .15s ease,background .15s ease,transform .15s ease;transform:translateY(-2px);text-shadow:0 1px 0 rgba(255,255,255,.75)}.graph-label.primitive{color:#a54431;font-size:13px;font-weight:850}.graph-label.sense{color:#244b5b;font-weight:780}.graph-label.chunk,.graph-label.construction{font-family:Georgia,Times New Roman,serif;font-size:11px}.graph-label.selected{color:#fffdf7;background:#b74c36;transform:translateY(-5px) scale(1.08)}.time-label,.lane-label{color:#635c5285;font-size:8px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.lane-label{color:#9a45338c}footer{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 20px;border-top:1px solid rgba(63,59,53,.11);color:#8e877d;background:#f3efe5eb;font-size:9px;letter-spacing:.025em}@media(max-width:900px){.topbar{min-height:auto;padding:12px 14px}.top-actions button:not(.primary),.audio-status{display:none}main{grid-template-columns:1fr}#inspector{position:absolute;z-index:9;right:10px;bottom:92px;width:min(310px,calc(100vw - 20px));max-height:46vh;border:1px solid rgba(63,59,53,.13);border-radius:16px;box-shadow:0 18px 70px #4b3c2a24}.inspector-empty{display:none}footer span:last-child{display:none}}@media(max-width:560px){h1 small{display:none}.eyebrow{font-size:8px}.axis-legend,.relation-legend{display:none}.story-caption{top:14px}#inspector{padding:16px 16px 64px}}