:root{--void:#07090d;--void-glow:#10202a;--ink:#d9e6e2;--ink-dim:#7d8f8b;--membrane:#7fe0c4;--nucleus:#f4c27a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% 40%, var(--void-glow) 0%, var(--void) 70%) fixed;min-height:100svh;margin:0}h1,p,dl,dd{margin:0}.habitat{text-align:center;place-content:center;justify-items:center;gap:3.5rem;min-height:100svh;padding:4rem 1rem;display:grid}.vitals{gap:.75rem;max-width:32rem;display:grid}.name{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim);font-size:.85rem;font-weight:500}.stage{letter-spacing:.08em;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:300}.voice{color:var(--ink-dim);font-family:Songti TC,Noto Serif TC,serif;font-size:1.05rem}.signs{justify-content:center;gap:2.5rem;margin-top:1rem;font-size:.85rem;display:flex}.signs dt{color:var(--ink-dim);letter-spacing:.2em}.signs dd{font-variant-numeric:tabular-nums}@media (width<=480px){.habitat{gap:2.5rem;padding-block:3rem}}.sensory-organ{justify-items:center;gap:2rem;width:min(100%,32rem);display:grid}.sensory-cell{aspect-ratio:1;width:min(52vmin,280px);max-width:100%;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.sensory-cell:focus-visible{outline:3px solid var(--nucleus);outline-offset:12px}.sensory-cell__response,.sensory-cell__body,.sensory-cell__membrane{pointer-events:none;position:absolute;inset:0}.sensory-cell__response{transition:transform .8s ease-out}.sensory-cell[data-sensation=responding] .sensory-cell__response{transition-duration:.22s;transform:scale(.93)}.sensory-cell__body{animation:5.2s ease-in-out infinite sensory-breathe}.sensory-cell__membrane{background:radial-gradient(circle at 42% 38%, color-mix(in oklab, var(--membrane) 22%, transparent) 0%, color-mix(in oklab, var(--membrane) 8%, transparent) 55%, color-mix(in oklab, var(--membrane) 30%, transparent) 100%);box-shadow:0 0 60px color-mix(in oklab, var(--membrane) 25%, transparent), inset 0 0 40px color-mix(in oklab, var(--membrane) 20%, transparent);border-radius:48% 52% 51% 49%/50% 47% 53% 50%;transition:filter .6s ease-out;animation:13s ease-in-out infinite sensory-morph}.sensory-cell__imprints{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sensory-cell__imprint-fold{fill:var(--membrane);fill-opacity:.48;filter:blur(1px)}.sensory-cell__imprint-edge{fill:none;stroke:color-mix(in oklab, var(--membrane) 80%, var(--nucleus));stroke-linecap:round;filter:drop-shadow(0 0 2px var(--membrane))}.sensory-cell__imprint-inner{fill:none;stroke:var(--membrane);stroke-width:.45px;stroke-opacity:.4;stroke-linecap:round}.sensory-cell__nucleus{aspect-ratio:1;background:radial-gradient(circle at 40% 40%, var(--nucleus) 0%, color-mix(in oklab, var(--nucleus) 40%, transparent) 70%);filter:blur(1px);width:28%;box-shadow:0 0 30px color-mix(in oklab, var(--nucleus) 45%, transparent);border-radius:50%;transition:filter .6s ease-out,box-shadow .6s ease-out,left 1.4s ease-out,top 1.4s ease-out;animation:17s ease-in-out infinite sensory-drift;position:absolute;top:36%;left:40%}.sensory-cell[data-sensation=responding] .sensory-cell__membrane{filter:brightness(1.3)}.sensory-cell[data-sensation=responding] .sensory-cell__nucleus{filter:blur(1px)brightness(1.7);box-shadow:0 0 50px color-mix(in oklab, var(--nucleus) 80%, transparent)}.sensory-cell[data-sensation=settling] .sensory-cell__membrane{filter:brightness(1.1)}.sensory-cell[data-sensation=settling] .sensory-cell__nucleus{filter:blur(1px)brightness(1.2);box-shadow:0 0 40px color-mix(in oklab, var(--nucleus) 55%, transparent)}.sensory-cell__ripple{border:1px solid var(--membrane);pointer-events:none;border-radius:50%;animation:1.9s ease-out both sensory-ripple;position:absolute;inset:3%}.sensory-caption{gap:.4rem;display:grid}.sensory-status{color:var(--ink-dim);font-family:Songti TC,Noto Serif TC,serif;font-size:1rem}.sensory-cell[data-sensation=responding]~.sensory-caption .sensory-status{color:var(--nucleus)}.sensory-cell[data-sensation=settling]~.sensory-caption .sensory-status{color:var(--ink)}.sensory-hint{color:var(--ink-dim);font-size:.75rem;line-height:1.8}.sensory-memory{color:var(--ink);margin-top:.75rem;font-family:Songti TC,Noto Serif TC,serif;font-size:.85rem;line-height:1.8}.sensory-inclination{min-height:1.8em}.sensory-release-space{justify-items:center;min-height:44px;display:grid}.sensory-release{min-height:44px;color:var(--ink-dim);font:inherit;text-underline-offset:.3em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.25rem;padding:.5rem .75rem;font-size:.75rem;text-decoration:underline}.sensory-release:hover{color:var(--ink)}.sensory-release:focus-visible{outline:2px solid var(--nucleus);outline-offset:2px;color:var(--nucleus)}@keyframes sensory-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sensory-morph{0%,to{border-radius:48% 52% 51% 49%/50% 47% 53% 50%}33%{border-radius:53% 47% 46% 54%/47% 53% 48% 52%}66%{border-radius:46% 54% 52% 48%/54% 49% 51% 46%}}@keyframes sensory-drift{0%,to{translate:0}50%{translate:-14% 10%}}@keyframes sensory-ripple{0%{opacity:.75;transform:scale(.88)}to{opacity:0;transform:scale(1.38)}}@media (prefers-reduced-motion:reduce){.sensory-cell[data-sensation] .sensory-cell__response,.sensory-cell__body,.sensory-cell__membrane,.sensory-cell__nucleus,.sensory-cell__ripple{transition:none;animation:none;transform:translate(0,0)}.sensory-cell__ripple{display:none}}