:root{color-scheme:dark;--bg: #11120f;--panel: rgba(28, 29, 24, .86);--panel-solid: #1c1d18;--text: #ebe7d9;--muted: #b4ad99;--quiet: #85806f;--line: rgba(235, 231, 217, .16);--accent: #c2a86d;--accent-2: #a9b08a;--danger: #d69b72;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;background:var(--bg);color:var(--text)}body{overflow-x:hidden;background:radial-gradient(circle at 28% 18%,rgba(194,168,109,.13),transparent 34rem),linear-gradient(145deg,#11120f,#171811 46%,#0e100e)}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-rows:minmax(420px,60vh) auto;isolation:isolate}.stage{position:relative;min-width:0;min-height:420px;border-block-end:1px solid var(--line)}#scene,.fallback-canvas{display:block;inline-size:100%;block-size:100%;min-height:420px;background:#11120f}.fallback-canvas{display:none}.readout{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;max-width:calc(100% - 2rem);padding:.6rem .78rem;border:1px solid var(--line);border-radius:999px;background:#11120fbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;transform:translateY(0);animation:enter .48s var(--ease-out) both}.led{inline-size:.55rem;block-size:.55rem;border-radius:999px;background:var(--accent-2);box-shadow:0 0 10px #a9b08a6b;animation:breathe 4s var(--ease-standard) infinite}.panel{position:relative;padding:clamp(1rem,4vw,2rem);background:linear-gradient(180deg,#1c1d18f0,#11120ffa);border-block-start:1px solid rgba(255,255,255,.04);display:grid;gap:1rem}.identity,.metrics,.controls,.notes{border:1px solid var(--line);border-radius:1.2rem;background:var(--panel);box-shadow:0 18px 80px #00000038;animation:enter .56s var(--ease-out) both}.identity{padding:1.1rem}.eyebrow{margin:0 0 .5rem;color:var(--accent-2);font-size:.72rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(2.4rem,12vw,6.2rem);line-height:.86;letter-spacing:-.08em;color:var(--text)}.summary{margin:.9rem 0 0;color:var(--muted);line-height:1.55;max-width:58ch}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.metrics div{min-width:0;padding:.95rem .75rem;border-inline-end:1px solid var(--line)}.metrics div:last-child{border-inline-end:0}.metrics span{display:block;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,6vw,1.75rem);line-height:1}.metrics small{display:block;margin-block-start:.4rem;color:var(--quiet);font-size:.72rem;line-height:1.25;text-transform:uppercase;letter-spacing:.05em}.controls{display:grid;gap:.95rem;padding:1rem}.control-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#d8d1bd;font-weight:650}output{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}label{display:grid;gap:.55rem;color:#d8d1bd;font-size:.86rem}input[type=range]{inline-size:100%;min-height:44px;accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{min-height:.42rem}input[type=range]::-moz-range-track{min-height:.42rem}input[type=range]:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.actions{display:grid;grid-template-columns:1fr;gap:.75rem}button{min-height:48px;border:1px solid rgba(194,168,109,.42);border-radius:999px;background:#c2a86d1f;color:var(--text);cursor:pointer;transition:transform .18s var(--ease-standard),opacity .18s var(--ease-standard)}button:hover{opacity:.86}button:active{transform:scale(.97)}.notes{padding:1rem;color:var(--muted);line-height:1.5;font-size:.86rem}.notes p{margin:0}.notes p+p{margin-block-start:.7rem}kbd{border:1px solid var(--line);border-radius:.35rem;padding:.06rem .28rem;background:#ebe7d90f;color:var(--text)}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.58;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@media(min-width:760px){.shell{grid-template-columns:minmax(0,1fr) minmax(340px,420px);grid-template-rows:100vh}.stage{min-height:100vh;border-block-end:0;border-inline-end:1px solid var(--line)}#scene,.fallback-canvas{min-height:100vh}.panel{overflow:auto;align-content:start;border-block-start:0}.actions{grid-template-columns:1fr 1fr}}@media(max-width:390px){.panel{padding:.8rem}.identity,.controls,.notes{border-radius:1rem}.metrics div{padding:.8rem .55rem}.metrics small{font-size:.64rem}h1{font-size:clamp(2.2rem,16vw,3.4rem)}.summary{font-size:.92rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}