:root{color-scheme:dark;--bg: #040c0d;--bg-deep: #020607;--panel: #071416;--ink: #edf3ec;--porcelain: #f1eee4;--porcelain-dim: #c8d2ca;--muted: #98aaa3;--dim: #657b75;--line: rgba(210, 232, 221, .14);--line-soft: rgba(210, 232, 221, .075);--line-strong: rgba(210, 232, 221, .24);--glass: rgba(6, 18, 19, .7);--glass-strong: rgba(4, 13, 14, .9);--gold: #e6c58a;--gold-bright: #f4dfb1;--gold-soft: rgba(230, 197, 138, .13);--mint: #97e3cf;--mint-deep: #61b8a4;--mint-soft: rgba(151, 227, 207, .09);--rose: #e3a4b5;--danger: #e9a9a4;--serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.22, .7, .22, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink)}html{-webkit-text-size-adjust:100%}body{overflow:hidden;overscroll-behavior:none;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,rgba(27,86,76,.14),transparent 52%),radial-gradient(ellipse at 16% 86%,rgba(111,57,72,.08),transparent 44%),radial-gradient(ellipse at 88% 14%,rgba(123,104,58,.06),transparent 42%)}body:after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,7,.46),transparent 18%,transparent 76%,rgba(2,6,7,.62)),radial-gradient(ellipse at center,transparent 52%,rgba(2,6,7,.58) 100%)}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button,input[type=range]{touch-action:manipulation}::selection{color:var(--bg-deep);background:var(--mint)}:focus-visible{outline:1px solid var(--mint);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.micro{display:block;font-family:var(--sans);font-size:8px;font-weight:500;letter-spacing:.32em;line-height:1.4;color:var(--dim);text-transform:uppercase}#garden{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;touch-action:none}.page-frame{position:fixed;inset:13px;z-index:4;border:1px solid rgba(210,232,221,.09);border-radius:3px;pointer-events:none}.page-frame:before,.page-frame:after{content:"";position:absolute;width:34px;height:1px;background:#e6c58a57}.page-frame:before{top:-1px;left:26px}.page-frame:after{right:26px;bottom:-1px}.topbar{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:max(24px,calc(env(safe-area-inset-top) + 14px)) max(30px,calc(env(safe-area-inset-right) + 18px)) 0 max(30px,calc(env(safe-area-inset-left) + 18px));pointer-events:none}.brand-block{display:flex;flex-direction:column;gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--gold);border:1px solid rgba(230,197,138,.22);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(230,197,138,.1),transparent 68%)}.brand-mark svg{width:30px;height:30px;overflow:visible;animation:mark-breathe 14s ease-in-out infinite}.brand-mark path{stroke:currentColor;stroke-width:.9;stroke-linejoin:round;opacity:.92}.brand-mark circle{fill:var(--mint);opacity:.85}.brand-text{min-width:0}.brand h1{margin:0;font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:.17em;line-height:1.18;color:var(--porcelain)}.brand p{margin:4px 0 0;font-size:7.5px;font-weight:500;letter-spacing:.36em;color:var(--dim);white-space:nowrap}.state-now{display:flex;align-items:baseline;gap:10px;padding-left:51px}.state-now .micro{font-size:7px;letter-spacing:.28em}.state-now b{font-family:var(--serif);font-size:12px;font-weight:400;letter-spacing:.14em;color:var(--mint);white-space:nowrap;transition:color .3s ease}.state-now b[data-tone=gold]{color:var(--gold-bright)}.status{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:min(65vw,850px);min-width:0}.chip{display:inline-flex;align-items:center;gap:8px;min-height:29px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#07131470;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:9.5px;font-weight:500;letter-spacing:.09em;line-height:1;color:var(--muted);white-space:nowrap;transition:color .3s ease,border-color .3s ease,background .3s ease}.chip-dot{flex:none;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #97e3cf80}.state-chip{color:var(--porcelain);border-color:#97e3cf47;background:linear-gradient(180deg,#97e3cf14,#0713147a)}.state-chip .chip-dot{animation:status-pulse 3.6s ease-in-out infinite}.state-chip[data-tone=gold]{color:var(--gold-bright);border-color:#e6c58a75;background:linear-gradient(180deg,#e6c58a21,#14110b6b)}.state-chip[data-tone=gold] .chip-dot{background:var(--gold);box-shadow:0 0 10px #e6c58aa6}.chord-chip{gap:7px}.chord-chip .micro{font-size:7px;letter-spacing:.2em}.chord-chip #chordChip{color:var(--porcelain-dim);font-size:9.5px;font-variant-numeric:tabular-nums}.audio-chip .chip-dot{background:var(--dim);box-shadow:none}.audio-chip.is-running{color:var(--mint);border-color:#97e3cf42}.audio-chip.is-running .chip-dot{background:var(--mint);box-shadow:0 0 8px #97e3cf80}.audio-chip.is-warn{color:var(--gold);border-color:#e6c58a57}.audio-chip.is-warn .chip-dot{background:var(--gold);box-shadow:0 0 8px #e6c58a6b}.perf-chip{font-variant-numeric:tabular-nums;letter-spacing:.06em}.camera-card{position:fixed;z-index:14;top:max(92px,calc(env(safe-area-inset-top) + 80px));right:max(30px,calc(env(safe-area-inset-right) + 18px));width:min(296px,calc(100vw - 32px));padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0a1a1bd1,#040d0ee0);box-shadow:0 14px 44px #00000038;backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}.camera-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px 10px}.camera-heading{display:flex;flex-direction:column;gap:3px;min-width:0}.camera-heading b{font-family:var(--serif);font-size:13px;font-weight:400;letter-spacing:.14em;color:var(--porcelain)}.camera-close{width:26px;height:26px}.video-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(151,227,207,.14);border-radius:10px;background:radial-gradient(circle at 50% 38%,rgba(27,72,64,.28),transparent 62%),#040a0b}.video-wrap video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-wrap canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.camera-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(151,227,207,.035) 0 1px,transparent 1px 3px);mix-blend-mode:screen;opacity:.75}.video-tick{position:absolute;width:11px;height:11px;border-color:#e6c58a8c;border-style:solid;pointer-events:none}.video-tick.tl{top:7px;left:7px;border-width:1px 0 0 1px}.video-tick.tr{top:7px;right:7px;border-width:1px 1px 0 0}.video-tick.bl{bottom:7px;left:7px;border-width:0 0 1px 1px}.video-tick.br{right:7px;bottom:7px;border-width:0 1px 1px 0}.camera-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 2px 0}.camera-status{min-width:0;overflow:hidden;font-size:9px;letter-spacing:.04em;line-height:1.5;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.camera-status[data-phase=ready]{color:var(--mint)}.camera-status[data-phase=error]{color:var(--gold)}.camera-status[data-phase=model],.camera-status[data-phase=wasm],.camera-status[data-phase=init]{color:var(--porcelain-dim)}.camera-raw{flex:none;font-size:8.5px;letter-spacing:.04em;color:var(--gold);font-variant-numeric:tabular-nums}.camera-progress{padding:9px 2px 1px}.progress-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:8px;letter-spacing:.08em;color:var(--dim)}.progress-line b{font-size:8.5px;font-weight:500;color:var(--porcelain-dim);font-variant-numeric:tabular-nums}.progress-track{position:relative;height:2px;overflow:hidden;border-radius:2px;background:#97e3cf1f}.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint-deep),var(--mint),var(--gold));transition:width .3s var(--ease)}.progress-track.is-indeterminate i{width:34%;animation:progress-slide 1.35s ease-in-out infinite}.camera-card[data-phase=error]{border-color:#e6c58a59}.icon-btn{position:relative;display:inline-grid;flex:none;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff06;color:var(--muted);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.icon-btn svg{display:block;width:15px;height:15px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{color:var(--porcelain);border-color:#97e3cf61;background:#97e3cf0f}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:37px;padding:9px 12px;border:1px solid rgba(210,232,221,.16);border-radius:9px;background:#ffffff06;color:var(--porcelain-dim);font-size:10px;font-weight:500;letter-spacing:.08em;line-height:1.2;white-space:nowrap;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .12s ease}.btn svg{flex:none;width:14px;height:14px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.btn:hover{color:var(--porcelain);border-color:#97e3cf57;background:#97e3cf0e}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:wait}.btn.primary{border-color:#e6c58a57;background:linear-gradient(180deg,#e6c58a1a,#e6c58a0b);color:var(--gold-bright)}.btn.primary:hover{border-color:#e6c58a94;background:linear-gradient(180deg,#e6c58a2b,#e6c58a0f)}.btn.primary[aria-pressed=true]{border-color:#e6c58a9e;background:radial-gradient(ellipse at 50% 0%,rgba(230,197,138,.22),transparent 76%),#e6c58a1a;color:#faebca}#cameraBtn[aria-pressed=true]{border-color:#97e3cf66;background:#97e3cf11;color:var(--mint)}.btn.quiet{border-color:var(--line-soft);background:transparent;color:var(--muted)}.btn.quiet:hover{color:var(--porcelain);border-color:var(--line-strong);background:#ffffff06}.btn.quiet[aria-pressed=true]{border-color:#97e3cf47;background:var(--mint-soft);color:var(--mint)}.btn.small{min-height:34px;padding:7px 9px;font-size:9px;letter-spacing:.05em}.btn.is-source:after{content:"";position:absolute;top:7px;right:7px;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px #97e3cfb8}.btn[aria-pressed=true] .pause-icon,.btn[aria-pressed=false] .play-icon{display:none}.btn[aria-pressed=true] .play-icon{display:block}.text-btn{padding:2px 0;border:0;border-bottom:1px dotted rgba(151,227,207,.3);background:none;color:var(--muted);font-size:8.5px;letter-spacing:.05em;cursor:pointer}.text-btn:hover{color:var(--mint);border-bottom-color:#97e3cfa6}.dock{position:fixed;z-index:20;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));transform:translate(-50%);width:min(1180px,calc(100vw - 64px));max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:15px 22px 11px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#091819c7,#040d0ee6);box-shadow:0 16px 52px #0000003d;backdrop-filter:blur(26px) saturate(1.08);-webkit-backdrop-filter:blur(26px) saturate(1.08);touch-action:pan-y;overscroll-behavior:contain}.dock:before{content:"";position:absolute;top:-1px;left:42px;right:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,197,138,.34),transparent);pointer-events:none}.dock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.dock-title{display:flex;align-items:baseline;gap:14px;min-width:0}.dock-title .micro{flex:none;font-size:7.5px;letter-spacing:.3em}.source-hint{min-width:0;overflow:hidden;margin:0;font-family:var(--serif);font-size:11px;letter-spacing:.07em;line-height:1.4;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.dock-toggle{display:none;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:var(--porcelain-dim);font-size:9px;letter-spacing:.12em;cursor:pointer}.dock-toggle svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s var(--ease)}.dock-toggle[aria-expanded=false] svg{transform:rotate(180deg)}.dock-body{display:grid;grid-template-columns:1.14fr 1fr 1fr;align-items:stretch}.dock-group{min-width:0;padding:0 22px}.dock-group:first-child{padding-left:0}.dock-group:last-child{padding-right:0}.dock-group+.dock-group{border-left:1px solid var(--line-soft)}.group-head{display:flex;align-items:center;gap:8px;min-height:20px;margin-bottom:11px}.group-index{font-size:7px;letter-spacing:.12em;color:var(--mint-deep);font-variant-numeric:tabular-nums}.group-head h2{margin:0;font-size:9.5px;font-weight:500;letter-spacing:.2em;color:var(--porcelain-dim)}.gesture-group.is-source .group-index{color:var(--mint)}.gesture-group.is-source .group-head h2{color:var(--porcelain)}.gesture-group.is-source .control-row>span:first-child{color:var(--porcelain-dim)}.present-toggle{display:inline-flex;align-items:center;gap:6px;min-height:22px;margin-left:auto;padding:4px 8px;border:1px solid rgba(151,227,207,.24);border-radius:999px;background:#97e3cf0e;color:var(--mint);font-size:8px;letter-spacing:.08em;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.present-toggle .presence-dot{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px #97e3cf8c}.present-toggle[aria-pressed=false]{color:var(--dim);border-color:var(--line-soft);background:transparent}.present-toggle[aria-pressed=false] .presence-dot{background:var(--dim);box-shadow:none}.control-block{margin-top:10px}.control-block:first-of-type{margin-top:0}.control-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:3px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.control-row output{color:var(--porcelain);font-size:9.5px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.inline-actions .btn{gap:6px}.inline-actions .btn svg{width:12px;height:12px}.range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:20px;margin:0;padding:0;border:0;outline:none;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(151,227,207,.72) 0 var(--fill, 50%),rgba(210,232,221,.13) var(--fill, 50%) 100%)}.range::-moz-range-track{height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(151,227,207,.72) 0 var(--fill, 50%),rgba(210,232,221,.13) var(--fill, 50%) 100%)}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;margin-top:-4.5px;border:1px solid rgba(151,227,207,.9);border-radius:50%;background:var(--porcelain);box-shadow:0 0 0 4px #97e3cf12,0 0 10px #97e3cf4d;transition:box-shadow .16s ease}.range::-moz-range-thumb{width:11px;height:11px;border:1px solid rgba(151,227,207,.9);border-radius:50%;background:var(--porcelain);box-shadow:0 0 0 4px #97e3cf12,0 0 10px #97e3cf4d}.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #97e3cf1f,0 0 14px #97e3cf75}.range:focus-visible{outline:1px dashed rgba(151,227,207,.55);outline-offset:2px}.range-roll::-webkit-slider-runnable-track{background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(230,197,138,.6) calc(50% - 1px),rgba(230,197,138,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,#97e3cf4d,#d2e8dd1f 50%,#e6c58a61)}.range-roll::-moz-range-track{background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(230,197,138,.6) calc(50% - 1px),rgba(230,197,138,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,#97e3cf4d,#d2e8dd1f 50%,#e6c58a61)}.range-roll::-webkit-slider-thumb{border-color:#e6c58ae6;box-shadow:0 0 0 4px #e6c58a0f,0 0 10px #e6c58a4d}.range-roll::-moz-range-thumb{border-color:#e6c58ae6;box-shadow:0 0 0 4px #e6c58a0f,0 0 10px #e6c58a4d}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn-row .btn{padding-inline:8px}.swipe-row{display:grid;grid-template-columns:1fr .84fr 1fr;gap:6px;margin-top:7px}.fist-mark{width:9px;height:9px;border:1px solid currentColor;border-radius:3px 3px 4px 4px;opacity:.8}.group-note{margin:8px 0 0;font-size:7.5px;letter-spacing:.07em;line-height:1.5;color:var(--dim)}.volume-row{display:flex;align-items:center;gap:10px}.volume-row .range{flex:1;min-width:0}.mute-btn{width:32px;height:32px}.mute-btn svg{width:16px;height:16px}.mute-btn .mute-on{display:none}.mute-btn[aria-pressed=true]{color:var(--gold);border-color:#e6c58a66;background:#e6c58a14}.mute-btn[aria-pressed=true] .mute-off{display:none}.mute-btn[aria-pressed=true] .mute-on{display:block}.transport-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.transport-row .btn{padding-inline:7px}.dock-foot{display:flex;align-items:center;gap:14px;margin-top:11px;padding-top:9px;border-top:1px solid var(--line-soft)}.privacy-note{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:8.5px;letter-spacing:.04em;line-height:1.45;color:var(--muted)}.privacy-note svg{flex:none;width:11px;height:11px;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;color:var(--mint-deep)}.foot-meta{margin-left:auto;font-size:7px;letter-spacing:.16em;color:var(--dim);white-space:nowrap}.source-badge{flex:none;padding:3px 7px;border:1px solid rgba(151,227,207,.18);border-radius:999px;color:var(--mint);font-size:7.5px;letter-spacing:.08em;white-space:nowrap}.dock[data-source=manual] .source-badge,.dock[data-source=override] .source-badge{color:var(--gold);border-color:#e6c58a3d}.dock[data-state=CLOSING] .source-badge,.dock[data-state=FAREWELL] .source-badge{color:var(--gold);border-color:#e6c58a52}.intro{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:auto;padding:max(28px,calc(env(safe-area-inset-top) + 18px)) 24px max(28px,calc(env(safe-area-inset-bottom) + 18px));background:radial-gradient(ellipse at 50% 42%,rgba(31,88,76,.26),transparent 44%),radial-gradient(ellipse at 50% 100%,rgba(99,58,66,.1),transparent 50%),linear-gradient(180deg,#03090ae0,#020708f5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:1;visibility:visible;transition:opacity .76s var(--ease),visibility 0s linear}.intro.is-hidden,.intro.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .76s var(--ease),visibility 0s linear .76s}.intro-glow{position:absolute;top:50%;left:50%;width:min(82vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(151,227,207,.055),transparent 62%);pointer-events:none;translate:-50% -50%}.intro-orbit{position:absolute;top:50%;left:50%;width:min(76vw,780px);aspect-ratio:1;border:1px solid rgba(151,227,207,.075);border-radius:50%;pointer-events:none;translate:-50% -50%}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;border-radius:50%}.intro-orbit:before{inset:11%;border:1px dashed rgba(230,197,138,.08)}.intro-orbit:after{inset:27%;border:1px solid rgba(151,227,207,.055)}.orbit-a{animation:orbit 52s linear infinite}.orbit-b{width:min(58vw,590px);border-color:#e6c58a0e;animation:orbit-reverse 74s linear infinite}.orbit-b:before{inset:16%;border-style:solid;border-color:#97e3cf0d}.orbit-b:after{inset:38%;border-color:#e6c58a12}.intro-inner{position:relative;z-index:2;flex:0 0 auto;width:min(760px,100%);margin:auto;padding:20px 12px;text-align:center}.kicker{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 28px;font-size:8.5px;font-weight:500;letter-spacing:.42em;color:var(--dim)}.kicker span{width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,197,138,.48))}.kicker span:last-child{transform:scaleX(-1)}.intro-title{margin:0;font-family:var(--serif);font-size:clamp(64px,10.2vw,138px);font-weight:400;line-height:.92;letter-spacing:.09em;color:var(--porcelain);text-shadow:0 0 72px rgba(151,227,207,.09)}.title-line,.title-accent{display:block}.title-accent{padding-bottom:.08em;color:var(--gold)}@supports ((background-clip: text) or (-webkit-background-clip: text)){.title-accent{background:linear-gradient(100deg,var(--gold-bright) 8%,var(--rose) 52%,var(--mint) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.intro-en{margin:17px 0 0;font-size:8.5px;font-weight:500;letter-spacing:.58em;color:var(--dim)}.lede{margin:30px auto 34px;font-family:var(--serif);font-size:clamp(14px,1.55vw,18px);line-height:2;letter-spacing:.13em;color:var(--porcelain-dim)}.enter-btn{position:relative;display:inline-flex;align-items:center;gap:18px;min-height:52px;padding:12px 15px 12px 27px;border:1px solid rgba(230,197,138,.46);border-radius:999px;background:radial-gradient(ellipse at 50% 0%,rgba(230,197,138,.15),transparent 90%),#e6c58a0e;color:var(--gold-bright);font-size:10px;font-weight:500;letter-spacing:.28em;cursor:pointer;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .18s ease}.enter-btn:hover{border-color:#e6c58acc;background:radial-gradient(ellipse at 50% 0%,rgba(230,197,138,.24),transparent 90%),#e6c58a17;box-shadow:0 0 42px #e6c58a17}.enter-btn:active{transform:scale(.988)}.enter-btn:disabled{cursor:wait;opacity:.78}.enter-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(230,197,138,.28);border-radius:50%;transition:transform .22s var(--ease)}.enter-icon svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.enter-btn:hover .enter-icon{transform:translate(3px)}.enter-spinner{display:none;width:16px;height:16px;border:1px solid rgba(230,197,138,.24);border-top-color:var(--gold-bright);border-radius:50%;animation:spin .9s linear infinite}.enter-btn.is-busy .enter-icon{display:none}.enter-btn.is-busy .enter-spinner{display:block}.privacy-line{margin:23px 0 0;font-size:8.5px;letter-spacing:.15em;line-height:1.8;color:var(--muted)}.intro-note{margin:14px 0 0;font-size:7.5px;letter-spacing:.22em;color:#657b75b8}.intro-corner{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));margin:0;font-size:7px;letter-spacing:.2em;color:#657b75ad;pointer-events:none}.intro-corner-left{left:max(30px,calc(env(safe-area-inset-left) + 18px))}.intro-corner-right{right:max(30px,calc(env(safe-area-inset-right) + 18px))}.calibration{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:max(18px,calc(env(safe-area-inset-top) + 10px)) 18px max(18px,calc(env(safe-area-inset-bottom) + 10px))}.cal-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(20,61,55,.22),transparent 52%),#020708cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cal-panel{position:relative;width:min(660px,calc(100vw - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:clamp(19px,3vw,30px);border:1px solid rgba(230,197,138,.24);border-radius:20px;background:radial-gradient(ellipse at 50% 0%,rgba(230,197,138,.055),transparent 42%),linear-gradient(180deg,#0a1c1cfa,#040e0ffc);box-shadow:0 20px 70px #00000052;touch-action:pan-y}.cal-panel[data-phase=done]{border-color:#e6c58a7a}.cal-panel[data-phase=error]{border-color:#e3a4b56b}.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.cal-head h2{margin:5px 0 0;font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:.11em;color:var(--porcelain)}.cal-raw{flex:none;min-width:82px;padding:8px 10px;border:1px solid rgba(151,227,207,.16);border-radius:9px;background:#97e3cf0b;text-align:right}.cal-raw span{display:block;font-size:7px;letter-spacing:.22em;color:var(--dim)}.cal-raw b{display:block;margin-top:5px;font-size:13px;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.03em}.cal-main{display:grid;grid-template-columns:158px minmax(0,1fr);align-items:center;gap:30px;padding:26px 2px 20px}.cal-ring{position:relative;display:grid;place-items:center;width:148px;height:148px;border-radius:50%;background:conic-gradient(from -90deg,var(--mint) calc(var(--p, 0) * 1turn),rgba(151,227,207,.1) 0);box-shadow:0 0 34px #97e3cf0b}.cal-panel[data-phase=done] .cal-ring{background:conic-gradient(from -90deg,var(--gold) calc(var(--p, 0) * 1turn),rgba(230,197,138,.1) 0)}.cal-panel[data-phase=error] .cal-ring{background:conic-gradient(from -90deg,var(--rose) calc(var(--p, 0) * 1turn),rgba(227,164,181,.1) 0)}.cal-ring-inner{display:grid;place-items:center;align-content:center;gap:5px;width:calc(100% - 3px);height:calc(100% - 3px);border:1px solid rgba(151,227,207,.1);border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(42,101,89,.18),transparent 64%),#071416;text-align:center}.cal-ring-inner b{font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:.08em;color:var(--porcelain)}.cal-ring-inner span{font-size:8px;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}.cal-steps{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.cal-step{position:relative;display:flex;align-items:center;gap:12px;min-height:57px;padding:9px 0;border-bottom:1px solid var(--line-soft);color:var(--dim);transition:color .2s ease}.cal-step:last-child{border-bottom:0}.step-no{display:grid;flex:none;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-size:7.5px;letter-spacing:.06em;color:var(--dim);font-variant-numeric:tabular-nums;transition:border-color .2s ease,color .2s ease,background .2s ease}.cal-step b{display:block;font-family:var(--serif);font-size:15px;font-weight:400;letter-spacing:.09em;color:var(--muted);transition:color .2s ease}.cal-step small{display:block;margin-top:3px;font-size:8px;letter-spacing:.03em;line-height:1.5;color:var(--dim)}.step-check{display:grid;flex:none;place-items:center;width:17px;height:17px;margin-left:auto;border:1px solid var(--line);border-radius:50%;opacity:0;transition:opacity .2s ease}.step-check svg{width:11px;height:11px;stroke:var(--mint);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.cal-step.is-active{color:var(--porcelain)}.cal-step.is-active .step-no{border-color:#97e3cf8c;background:#97e3cf12;color:var(--mint)}.cal-step.is-active b{color:var(--porcelain)}.cal-step.is-complete .step-no{border-color:#e6c58a6b;color:var(--gold)}.cal-step.is-complete b{color:var(--porcelain-dim)}.cal-step.is-complete .step-check{opacity:1}.cal-message{min-height:19px;margin:13px 0 0;font-size:9px;letter-spacing:.05em;line-height:1.6;color:var(--mint)}.cal-panel[data-phase=error] .cal-message{color:var(--rose)}.cal-result{display:grid;grid-template-columns:110px 110px minmax(0,1fr);align-items:center;gap:14px;padding:13px 15px;border:1px solid var(--line-soft);border-radius:11px;background:#ffffff05}.cal-result div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cal-result span{font-size:8px;letter-spacing:.1em;color:var(--dim)}.cal-result b{font-size:12px;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums}.cal-result p{margin:0;font-size:8px;letter-spacing:.04em;line-height:1.5;color:var(--dim);text-align:right}.cal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px}.debug-panel{position:fixed;z-index:30;top:max(148px,calc(env(safe-area-inset-top) + 132px));left:max(30px,calc(env(safe-area-inset-left) + 18px));width:262px;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px);overflow-y:auto;padding:12px 13px 11px;border:1px solid var(--line);border-radius:14px;background:var(--glass-strong);box-shadow:0 12px 40px #00000038;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overscroll-behavior:contain}.debug-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line-soft)}.debug-head b{display:block;margin-top:3px;font-family:var(--serif);font-size:13px;font-weight:400;letter-spacing:.12em;color:var(--porcelain)}.debug-close{width:24px;height:24px}.debug-close svg{width:13px;height:13px}.debug-grid{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:10px 0;font-size:8.5px;letter-spacing:.03em}.debug-grid span{color:var(--dim)}.debug-grid b{overflow:hidden;max-width:142px;color:var(--porcelain-dim);font-weight:500;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap}.debug-grid b.is-on{color:var(--mint)}.debug-grid b.is-warn{color:var(--gold)}.rank-bars{display:flex;align-items:flex-end;gap:4px;height:25px;padding:4px 0 3px;border-top:1px solid var(--line-soft)}.rank-bars span{flex:1;min-width:2px;height:35%;border-radius:1px;background:#97e3cf1f;transition:height .18s ease,background .18s ease}.rank-bars span:nth-child(2n){height:55%}.rank-bars span:nth-child(3n){height:72%}.rank-bars span:nth-child(5n){height:90%}.rank-bars span.is-lit{background:linear-gradient(180deg,var(--gold),var(--mint-deep));box-shadow:0 0 6px #97e3cf2e}.debug-note{margin:6px 0 0;font-size:6.5px;letter-spacing:.2em;color:var(--dim);text-align:right}.toast-region{position:fixed;z-index:80;top:max(86px,calc(env(safe-area-inset-top) + 74px));left:50%;display:flex;flex-direction:column;align-items:center;gap:7px;width:min(430px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:9px;max-width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#051011eb;box-shadow:0 10px 30px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--porcelain-dim);font-size:9px;letter-spacing:.06em;line-height:1.5;opacity:0;transform:translateY(-5px);transition:opacity .22s ease,transform .22s var(--ease)}.toast:before{content:"";flex:none;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px #97e3cf8c}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-leaving{opacity:0;transform:translateY(-4px)}.toast.toast-warn{border-color:#e6c58a52;color:var(--gold-bright)}.toast.toast-warn:before{background:var(--gold);box-shadow:0 0 7px #e6c58a8c}.toast.toast-error{border-color:#e3a4b55c;color:#f2c9d2}.toast.toast-error:before{background:var(--rose);box-shadow:0 0 7px #e3a4b58c}.noscript{position:fixed;z-index:100;inset:0;display:grid;place-items:center;margin:0;background:var(--bg);color:var(--porcelain-dim);font-family:var(--serif);font-size:18px;letter-spacing:.12em}@keyframes status-pulse{0%,to{opacity:.46;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes mark-breathe{0%,to{transform:rotate(-3deg) scale(.98);opacity:.9}50%{transform:rotate(3deg) scale(1.03);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-slide{0%{transform:translate(-115%)}to{transform:translate(315%)}}@media(max-width:1100px){.dock{width:calc(100vw - 40px)}.dock-group{padding-inline:17px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:27px;height:27px}}@media(max-width:900px){.chord-chip,.perf-chip,.state-now{display:none}.dock{width:calc(100vw - 32px)}}@media(max-width:860px){.page-frame{inset:8px}.topbar{gap:12px;padding:max(16px,calc(env(safe-area-inset-top) + 9px)) max(15px,calc(env(safe-area-inset-right) + 9px)) 0 max(15px,calc(env(safe-area-inset-left) + 9px))}.brand{gap:9px}.brand-mark{width:30px;height:30px}.brand-mark svg{width:24px;height:24px}.brand h1{font-size:17px;letter-spacing:.13em}.brand p{margin-top:3px;font-size:6.5px;letter-spacing:.25em}.status{gap:5px;max-width:56vw}.chip{min-height:26px;padding:5px 9px;font-size:8.5px}.camera-card{top:max(80px,calc(env(safe-area-inset-top) + 68px));right:max(12px,calc(env(safe-area-inset-right) + 8px));width:min(224px,calc(100vw - 24px));padding:9px;border-radius:13px}.camera-head{padding-bottom:7px}.camera-heading b{font-size:11.5px}.camera-meta{padding-top:7px}.camera-status{font-size:8px}.camera-raw{font-size:7.5px}.dock{left:0;right:0;bottom:0;width:100%;max-height:80vh;max-height:min(80dvh,660px);padding:12px max(15px,calc(env(safe-area-inset-right) + 9px)) max(9px,calc(env(safe-area-inset-bottom) + 5px)) max(15px,calc(env(safe-area-inset-left) + 9px));overflow-y:auto;border-radius:20px 20px 0 0;transform:none;touch-action:pan-y}.dock:before{left:24px;right:24px}.dock-head{align-items:center;margin-bottom:10px}.dock-title{flex-direction:column;align-items:flex-start;gap:3px}.dock-title .micro{font-size:6.5px}.source-hint{max-width:62vw;font-size:10px}.dock-toggle{display:inline-flex}.dock-body{grid-template-columns:1fr;gap:0}.dock-group{padding:13px 1px}.dock-group:first-child{padding-top:3px}.dock-group:last-child{padding-bottom:4px}.dock-group+.dock-group{border-top:1px solid var(--line-soft);border-left:0}.foot-meta{display:none}.group-head{margin-bottom:9px}.range{height:27px}.dock.is-collapsed .dock-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.12fr) 43px;align-items:stretch;gap:7px}.dock.is-collapsed .gesture-group{display:none}.dock.is-collapsed .perform-group,.dock.is-collapsed .sound-group{display:contents}.dock.is-collapsed .group-head,.dock.is-collapsed .swipe-row,.dock.is-collapsed .group-note,.dock.is-collapsed .transport-row,.dock.is-collapsed .control-row,.dock.is-collapsed .volume-row .range{display:none}.dock.is-collapsed .btn-row,.dock.is-collapsed .volume-row{display:contents}.dock.is-collapsed .btn-row .btn,.dock.is-collapsed #muteBtn{width:100%;height:41px;min-height:41px}.dock.is-collapsed #muteBtn{width:43px;border-radius:9px}.dock.is-collapsed .dock-foot{margin-top:9px;padding-top:8px}.dock.is-collapsed .foot-meta{display:none}.dock.is-collapsed .privacy-note{font-size:7.5px}.debug-panel{top:max(76px,calc(env(safe-area-inset-top) + 66px));right:max(12px,calc(env(safe-area-inset-right) + 8px));left:max(12px,calc(env(safe-area-inset-left) + 8px));width:auto;max-height:58vh;max-height:min(58dvh,440px)}.toast-region{top:max(66px,calc(env(safe-area-inset-top) + 56px))}.intro-title{font-size:clamp(58px,16.5vw,104px)}.kicker{gap:11px;margin-bottom:22px;font-size:7.5px;letter-spacing:.32em}.kicker span{width:20px}.lede{margin:23px auto 28px;font-size:13.5px}.enter-btn{min-height:49px;padding:10px 13px 10px 22px;font-size:9.5px}.privacy-line{font-size:8px;letter-spacing:.1em}.intro-corner{display:none}.intro-orbit{width:130vw}.orbit-b{width:98vw}.cal-panel{padding:18px 16px 15px;border-radius:17px}.cal-head h2{font-size:23px}.cal-main{grid-template-columns:1fr;gap:17px;padding:20px 0 15px}.cal-ring{width:122px;height:122px;margin:0 auto}.cal-ring-inner b{font-size:17px}.cal-result{grid-template-columns:1fr 1fr;gap:9px 14px}.cal-result p{grid-column:1 / -1;text-align:left}.cal-actions{justify-content:space-between}}@media(max-width:480px){.status{max-width:52vw}.camera-card{width:min(204px,calc(100vw - 24px))}.dock.is-collapsed .dock-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) 41px;gap:6px}.dock.is-collapsed .privacy-note{font-size:7px}.dock.is-collapsed .source-badge{font-size:7px;padding-inline:5px}.intro-inner{padding-inline:4px}.intro-title{letter-spacing:.06em}.intro-en{letter-spacing:.4em}}@media(max-width:360px){.brand h1{font-size:15px}.status{max-width:46vw}.dock.is-collapsed .dock-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 39px}.dock.is-collapsed .btn{font-size:8.5px;letter-spacing:.02em}.dock.is-collapsed .btn svg{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.intro-orbit,.brand-mark svg,.state-chip .chip-dot,.enter-spinner,.progress-track.is-indeterminate i{animation:none!important}.progress-track.is-indeterminate i{width:34%;transform:translate(100%)}}