:root{--bg: #f2f4f8;--panel: rgba(255, 255, 255, .92);--panel-solid: #ffffff;--stroke: rgba(16, 24, 40, .08);--stroke-strong: rgba(16, 24, 40, .14);--ink: #101828;--ink-2: #475467;--ink-3: #98a2b3;--accent: #0a7cff;--accent-soft: rgba(10, 124, 255, .1);--green: #12b76a;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 16px -4px rgba(16, 24, 40, .1), 0 2px 6px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 18px 44px -12px rgba(16, 24, 40, .18), 0 4px 12px -4px rgba(16, 24, 40, .08);--radius: 16px;--radius-sm: 10px;--pad: 18px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:400 14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}#viewport{display:block;width:100%;height:100%;touch-action:none}button:focus-visible,#viewport:focus-visible{outline:3px solid rgba(10,124,255,.42);outline-offset:3px}#viewport:focus-visible{outline-offset:-5px}.panel{background:var(--panel);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.title-card{position:absolute;top:20px;left:20px;padding:14px 18px 15px;min-width:268px}.title-row{display:flex;align-items:center;gap:10px}.title-card h1{margin:0;font-size:21px;font-weight:650;letter-spacing:-.02em}.title-card p{margin:5px 0 0;color:var(--ink-2);font-size:13px}.badge{font-size:11px;font-weight:650;letter-spacing:.02em;color:var(--ink-2);background:#1018280f;border-radius:6px;padding:2px 7px}.ps-glyph{width:30px;height:24px;flex:none;background:radial-gradient(circle at 22% 74%,#f2c500 0 22%,transparent 23%),radial-gradient(circle at 46% 82%,#5bbf3f 0 22%,transparent 23%),radial-gradient(circle at 70% 76%,#1f9bd8 0 22%,transparent 23%),linear-gradient(#e8352a,#e8352a);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'><path d='M11 2h6.4c4.4 0 6.6 2.6 6.6 6 0 3.4-2.4 5.8-6.6 5.8H14V19h-3z' fill='black'/><ellipse cx='15' cy='19.5' rx='12' ry='3.4' fill='black'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'><path d='M11 2h6.4c4.4 0 6.6 2.6 6.6 6 0 3.4-2.4 5.8-6.6 5.8H14V19h-3z' fill='black'/><ellipse cx='15' cy='19.5' rx='12' ry='3.4' fill='black'/></svg>") center/contain no-repeat}.util-row{position:absolute;top:20px;right:20px;display:flex;gap:10px}.util{width:46px;height:46px;display:grid;place-items:center;background:var(--panel);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--stroke);border-radius:13px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.util:hover{background:var(--panel-solid);transform:translateY(-1px)}.util:active{transform:translateY(0) scale(.97)}.util svg{width:21px;height:21px;fill:none;stroke:var(--ink-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.util.is-on svg{stroke:var(--accent)}.sidebar{position:absolute;top:128px;left:20px;width:306px;max-height:calc(100% - 220px);overflow-y:auto;padding:6px 0;scrollbar-width:thin}.sidebar section{padding:12px var(--pad) 14px}.sidebar h2{margin:0 0 6px;font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.sidebar hr{border:0;border-top:1px solid var(--stroke);margin:0 var(--pad)}.row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px;margin:1px -8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:default}.row.action,.row.detail{cursor:pointer}.row.action:hover,.row.detail:hover{background:#1018280b}.row.action:active,.row.detail:active{background:#10182813}.row .label{font-size:14.5px;font-weight:480;flex:1}.row .stack{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.row .stack em{font-style:italic;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.is-active .stack em{color:var(--green);font-style:normal;font-weight:500}.row[disabled]{opacity:.42;pointer-events:none}.chev{width:8px;height:8px;flex:none;border-right:1.8px solid var(--ink-3);border-top:1.8px solid var(--ink-3);transform:rotate(45deg);margin-right:3px}.ico{width:22px;height:22px;flex:none;background:var(--ink-2);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}#row-power.is-on .ico{background:var(--green)}.toggle{position:relative;width:42px;height:25px;flex:none;border:0;border-radius:999px;background:#10182829;cursor:pointer;transition:background .2s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.3,.9,.3,1)}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(17px)}.guide-btn{position:absolute;left:20px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 20px 13px 16px;font:inherit;font-weight:500;color:var(--ink);cursor:pointer;transition:transform .14s ease,background .14s ease}.guide-btn:hover{background:var(--panel-solid);transform:translateY(-1px)}.views{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.view-btn{width:84px;height:66px;padding:0;overflow:hidden;background:var(--panel);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:2px solid var(--stroke);border-radius:12px;box-shadow:var(--shadow-md);cursor:pointer;transition:border-color .16s ease,transform .16s ease}.view-btn img{display:block;width:100%;height:100%;object-fit:cover}.view-btn:hover{transform:translate(-2px);border-color:var(--stroke-strong)}.view-btn.is-active{border-color:var(--accent)}.navbar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:8px}.nav{display:flex;align-items:center;gap:9px;padding:10px 17px;border:0;border-radius:11px;background:transparent;color:var(--ink-2);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .14s ease,color .14s ease}.nav:hover{background:#1018280d;color:var(--ink)}.nav.is-active{color:var(--ink)}.nav.is-active .nav-ico{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.nav-ico{width:30px;height:30px;flex:none;border-radius:50%;background:#10182824;-webkit-mask-size:18px;mask-size:18px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.status{position:absolute;left:50%;bottom:92px;transform:translate(-50%);padding:7px 15px;border-radius:999px;background:#101828c7;color:#fff;font-size:12.5px;font-weight:500;letter-spacing:.01em;box-shadow:var(--shadow-md);opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.status.is-visible{opacity:1}.scrim{position:absolute;inset:0;display:grid;place-items:center;background:#1018284d;backdrop-filter:blur(3px);z-index:20}.scrim[hidden]{display:none}.sheet{width:min(460px,calc(100% - 48px));max-height:min(680px,calc(100% - 48px));overflow-y:auto;padding:24px 26px;background:var(--panel-solid)}.sheet h3{margin:0 0 16px;font-size:17px;font-weight:650}.sheet dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 20px;align-items:baseline}.sheet dt{color:var(--ink-2);font-size:13px;white-space:nowrap}.sheet dd{margin:0;font-size:13.5px}kbd{display:inline-block;min-width:22px;text-align:center;padding:2px 6px;border:1px solid var(--stroke-strong);border-bottom-width:2px;border-radius:6px;background:#fafbfc;font:600 11.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.close{margin-top:22px;width:100%;padding:11px;border:0;border-radius:11px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.close:hover{filter:brightness(1.06)}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--ink-2);font-size:14px;z-index:40;transition:opacity .45s ease}.loading span{width:17px;height:17px;border:2px solid rgba(16,24,40,.14);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading.is-done{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.sidebar{width:262px;top:116px;max-height:calc(100% - 230px)}.views{right:12px}.view-btn{width:62px;height:50px}.title-card{min-width:0}.nav span:last-child{display:none}.nav{padding:8px 10px}}@media (max-width: 640px){.sidebar{inset:auto 12px 78px;width:auto;max-height:none;display:flex;overflow-x:auto;overflow-y:hidden;padding:5px;scrollbar-width:none;overscroll-behavior-x:contain}.sidebar::-webkit-scrollbar{display:none}.sidebar section{display:flex;flex:none;padding:0}.sidebar section:last-of-type,.sidebar h2,.sidebar hr{display:none}.sidebar .row{width:auto;min-width:max-content;margin:0;padding:8px 10px;gap:8px}.sidebar .ico{width:19px;height:19px}.sidebar .stack{display:block}.sidebar .stack em,.sidebar .chev{display:none}.sidebar .toggle{width:36px;height:22px}.sidebar .toggle:after{width:16px;height:16px}.sidebar .toggle[aria-checked=true]:after{transform:translate(14px)}.views{display:none}.guide-btn{left:12px;top:68px;bottom:auto;padding:9px 12px}.guide-btn span:last-child{display:none}.title-card{top:12px;left:12px;padding:10px 14px}.title-card h1{font-size:18px}.title-card p,.title-card .badge{display:none}.util-row{top:12px;right:12px;gap:7px}.util{width:38px;height:38px}.navbar{bottom:12px}.status{bottom:142px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.sheet{width:calc(100% - 24px);max-height:calc(100% - 24px);padding:20px}.sheet dl{gap:8px 12px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}