:root{--paper:#f4f3ef;--paper-2:#e9e8e3;--ink:#26252d;--muted:#7a7882;--faint:#a9a7b0;--accent:#5b55d6;--accent-soft:#5b55d61f;--glass:#ffffff9e;--glass-line:#ffffffd9;--hair:#26252d14;--shadow:0 10px 40px -12px #302c5038, 0 2px 6px -2px #302c5014;--r:20px;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, "Noto Sans Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(60% 45% at 50% 42%, #fff 0%, #fff0 70%), linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);color:var(--ink);font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden}#app{position:fixed;inset:0}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.top{padding:calc(env(safe-area-inset-top) + 16px) 20px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.brand h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:600}.brand{min-width:0}.brand p{color:var(--muted);text-wrap:pretty;margin:4px 0 0;font-size:12.5px}.tag{color:var(--muted);border:1px solid var(--hair);background:#ffffff80;border-radius:999px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.tag[hidden]{display:none}.lang{pointer-events:auto;font:500 13px var(--sans);color:var(--ink);border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;flex:none;padding:7px 13px}.status,.hint{color:var(--muted);letter-spacing:.02em;pointer-events:none;white-space:nowrap;font-size:13px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hint{align-self:center;transition:opacity .6s;position:static;transform:none}.hint.gone{opacity:0}.dock{padding:0 12px calc(env(safe-area-inset-bottom) + 8px);pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.panel{pointer-events:auto;border-radius:var(--r);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px)saturate(1.5);width:100%;max-width:520px;box-shadow:var(--shadow);flex-direction:column;gap:10px;margin:0 auto;padding:14px 16px 12px;display:flex}.row{align-items:center;gap:12px;min-height:34px;display:flex}.row .switch{white-space:nowrap;margin-left:auto}@media (max-width:430px){.layer-row{flex-wrap:wrap;row-gap:8px}.layer-row .switch{flex-basis:100%;margin-left:calc(3.2em + 12px)}}.label{width:3.2em;color:var(--muted);flex:none;font-size:12.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:500 13.5px var(--sans);color:var(--muted);border:1px solid var(--hair);cursor:pointer;background:#ffffff8c;border-radius:999px;min-height:34px;padding:7px 14px;transition:background .2s,color .2s,border-color .2s}.chip[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:#5b55d647}.chip.nudge{animation:.3s nudge}@keyframes nudge{30%{transform:translate(-3px)}70%{transform:translate(3px)}}.readout{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:10px;padding:2px 2px 10px;display:flex}.readout[hidden]{display:none}.where{align-items:baseline;gap:8px;min-width:0;display:flex}.where strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.where .meta{color:var(--muted);white-space:nowrap;font-size:12.5px}.where .dot,.where .meta,.where .btn{flex:none}.where .btn{white-space:nowrap}.where strong{flex:0 auto;min-width:0}.dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;align-self:center;animation:4.8s ease-in-out infinite breathe}@keyframes breathe{50%{box-shadow:0 0 0 7px #5b55d60f}}.coord{font:11.5px var(--mono);color:var(--faint);white-space:nowrap}.foot{justify-content:space-between;min-height:28px}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.knob{background:#26252d1f;border-radius:999px;width:30px;height:18px;transition:background .2s;position:relative}.knob:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.switch input:checked+.knob{background:var(--accent)}.switch input:checked+.knob:after{transform:translate(12px)}.switch input:focus-visible+.knob{outline:2px solid var(--accent);outline-offset:2px}.built{color:var(--faint);text-align:right;font-size:11px}.foot-note{text-align:center;color:var(--faint);pointer-events:none;padding:0 8px;font-size:11px;line-height:1.5}.foot-note p{margin:0}.reduced *,.reduced :after{transition:none!important;animation:none!important}@media (min-width:760px){.dock{width:400px;padding-bottom:20px;left:auto;right:24px}.view-dock{right:440px}.brand h1{font-size:26px}}.btn{font:500 13.5px var(--sans);color:var(--ink);border:1px solid var(--hair);cursor:pointer;background:#ffffffb3;border-radius:999px;min-height:36px;padding:8px 14px;transition:background .2s,color .2s,transform .15s}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn.quiet{color:var(--muted);background:0 0}.btn.small{min-height:32px;padding:6px 12px;font-size:13px}.btn.now{color:#fff;background:var(--accent);width:72px;height:72px;box-shadow:0 12px 30px -10px #5b55d68c, 0 0 0 10px var(--accent-soft);border:0;border-radius:50%;flex:none;font-size:17px;font-weight:600;animation:4.8s ease-in-out infinite now-breathe}@keyframes now-breathe{50%{box-shadow:0 12px 30px -10px #5b55d68c,0 0 0 16px #5b55d60f}}.record-row{align-items:center;gap:14px;min-height:44px;display:flex}.quick-side{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.quick-side p{margin:0}.record-row{flex-wrap:wrap;gap:8px;min-height:36px}.rec-line{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:max-content;display:flex}.rec-time{color:var(--muted);font-size:13px}.rec-state{font-size:14.5px;font-weight:600}.rec-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.where .spacer{flex:1}.btn.icon{width:32px;padding:0;font-size:18px;line-height:1}.view-dock{pointer-events:auto;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.view-dock .chips{flex-direction:column;gap:6px}.view-dock .chip{background:var(--glass);border-color:var(--glass-line);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);text-align:center;min-width:56px}.panel{gap:8px}.readout{gap:4px;padding-bottom:6px}.shape-row{flex-wrap:wrap;gap:8px}.shape-row[hidden]{display:none}.readout{flex-direction:column;align-items:stretch;gap:8px}.where .coord{margin-left:auto}.muted{color:var(--muted);font-size:12.5px}.center{text-align:center;padding:24px 0}.slider{align-items:center;gap:8px;min-height:32px;display:flex}.slider .label{width:auto;min-width:3.2em}.slider .end{color:var(--faint);font-size:11.5px}.slider input[type=range]{accent-color:var(--accent);flex:1;min-width:80px;height:32px;margin:0}.slider .val{font:500 13px var(--mono);color:var(--ink);text-align:right;min-width:2.2em}.slider.unset .val{color:var(--faint)}.tabs{z-index:6;pointer-events:auto;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px)saturate(1.5);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:999px;gap:4px;margin:0 auto;padding:4px;display:flex;position:relative}.tab{font:500 13px var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;min-height:36px;padding:8px 4px;transition:background .2s,color .2s}.tab[aria-selected=true]{color:var(--accent);background:var(--accent-soft)}.sheets{pointer-events:none;position:absolute;inset:0}.sheet{pointer-events:auto;-webkit-backdrop-filter:blur(26px)saturate(1.4);opacity:0;background:#f4f3efed;flex-direction:column;transition:opacity .22s,transform .22s;display:flex;position:absolute;inset:0;transform:translateY(14px)}.sheet.in{opacity:1;transform:none}.sheet-head{padding:calc(env(safe-area-inset-top) + 12px) 12px 8px;align-items:center;gap:8px;display:flex}.sheet-head h2{margin:0;font-size:17px;font-weight:600}.back{font:500 14px var(--sans);color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 10px}.sheet-body{padding:4px 16px calc(env(safe-area-inset-bottom) + 72px);-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.form{flex-direction:column;gap:14px;max-width:640px;margin:0 auto;display:flex}.form section{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.form h3{color:var(--ink);margin:0;font-size:14px;font-weight:600}.fieldrow{flex-direction:column;gap:6px;display:flex}.fieldrow>.label{width:auto}.field{font:15px var(--sans);color:var(--ink);border:1px solid var(--hair);background:#ffffffb3;border-radius:12px;width:100%;padding:9px 12px}textarea.field{resize:vertical;min-height:56px}.actions{align-items:stretch}.actions .btn{width:100%}.row-actions{flex-wrap:wrap;flex-direction:row!important}.row-actions .btn{flex:1;width:auto}.group{flex-direction:column;gap:6px;display:flex}.kv{align-items:flex-start;gap:10px;display:flex}.kv .k{width:6.5em;color:var(--muted);flex:none;padding-top:2px;font-size:12.5px}.kv .v{white-space:pre-wrap;min-width:0}.kv.mark .k{justify-content:center;width:1.2em;display:flex}.stack{flex-direction:column;gap:8px;display:flex}.stack .btn{text-align:left;width:100%}.hidden-file{opacity:0;width:1px;height:1px;position:absolute}.entry{border-bottom:1px solid var(--hair);padding:8px 0}.entry:last-child{border-bottom:0}.flag{border-color:#5b55d666!important}.tests{flex-direction:column;gap:10px;display:flex}.test{border-bottom:1px solid var(--hair);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.hist{flex-direction:column;gap:8px;display:flex}.card{text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.card-top{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.card-main{font-size:15px;font-weight:500}.card-sub{color:var(--muted);font-size:12.5px}.toast{top:calc(env(safe-area-inset-top) + 70px);opacity:0;background:var(--ink);color:#fff;pointer-events:none;z-index:5;border-radius:999px;padding:8px 14px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;left:50%;transform:translate(-50%,-8px)}.toast.in{opacity:.92;transform:translate(-50%)}.timeline{width:100%}.tl-scroll{-webkit-overflow-scrolling:touch;overflow:auto hidden}.tl{display:block}.tl .grid{stroke:var(--hair);stroke-width:1px}.tl .tick{font:10.5px var(--sans);fill:var(--faint)}.tl .dot{fill:var(--accent);fill-opacity:.78}.tl .dot.open{fill-opacity:.25;stroke:var(--accent);stroke-width:1.5px}.tl .mind{fill:var(--accent);fill-opacity:.35}.tl .gap{fill:#26252d0b}.tl .gap-label{font:11px var(--sans);fill:var(--muted)}.tl-legend{color:var(--muted);align-items:center;gap:6px;margin:6px 0 0;font-size:11.5px;display:flex}.tl-swatch{background:#26252d17;border-radius:2px;width:14px;height:10px}.print-doc{color:#1c1c22;border-radius:var(--r);box-shadow:var(--shadow);background:#fff;padding:20px 22px;font-size:13.5px;line-height:1.5}.print-doc header h2{margin:0 0 4px;font-size:18px}.print-doc .sec{box-shadow:none;border:0;border-top:1px solid var(--hair);background:0 0;border-radius:0;gap:4px;padding:10px 0}.print-doc .sec h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px}.print-doc p,.print-doc ul{margin:0}.print-doc ul{padding-left:18px}.print-doc table{border-collapse:collapse;width:100%}.print-doc td{border-bottom:1px solid var(--hair);padding:3px 8px 3px 0}.print-doc footer{color:var(--muted);margin-top:12px;font-size:11.5px}.figures{justify-content:center;gap:12px;display:flex}.figures img{background:#f6f6f8;border-radius:12px;width:42%;max-width:220px}.sheet.wide .form{max-width:760px}#print-root{display:none}@media print{.printing #app{display:none!important}#print-root{display:block}.print-doc{box-shadow:none;border-radius:0;padding:0}.figures img{width:40%}@page{margin:14mm}}@media (min-width:760px){.sheets .sheet{border-radius:var(--r);width:400px;inset:16px 24px 76px auto}.sheet-body{padding-bottom:24px}.sheet.wide{width:min(760px,100vw - 48px)}}