:root{--bg: #02040a;--cyan: #00e5ff;--cyan-dim: rgba(0, 229, 255, .18);--glass: rgba(6, 14, 26, .58);--text: #cfe9f3;--muted: #7f9bab;--warn: #ffb454;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:12px;overflow:hidden}#stage-wrap{position:fixed;inset:0}#stage{display:block;touch-action:none}button,input{font:inherit;color:inherit}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--cyan-dim);border-radius:10px;box-shadow:0 0 24px #00e5ff0f,inset 0 0 0 1px #ffffff05}.btn{background:#00e5ff12;border:1px solid var(--cyan-dim);border-radius:6px;padding:6px 10px;cursor:pointer;letter-spacing:.04em;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{background:#00e5ff29;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff33}.btn.on{background:#00e5ff38;border-color:var(--cyan)}.btn.primary{background:var(--cyan);color:#00131a;border-color:var(--cyan);font-weight:700}.btn.primary:hover{box-shadow:0 0 22px #00e5ff8c;background:#4df0ff}kbd{border:1px solid var(--cyan-dim);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:10px;color:var(--cyan)}#hud{position:fixed;top:14px;left:14px;z-index:5;padding:10px 14px;pointer-events:none}#hud .brand{font-size:15px;letter-spacing:.32em;color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.7);margin-bottom:6px;font-weight:700}#hud .stats{display:flex;gap:14px;color:var(--muted)}#hud .stats b{color:var(--text);font-weight:600}#status{margin-top:4px;color:var(--warn);min-height:1em}#side{position:fixed;top:92px;left:14px;bottom:14px;width:270px;z-index:5;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;transition:transform .25s ease,opacity .25s}#side.collapsed{transform:translate(-290px);opacity:0;pointer-events:none}#side-toggle{position:fixed;top:14px;right:14px;z-index:6}#search{width:100%;background:#00000059;border:1px solid var(--cyan-dim);border-radius:6px;padding:8px 10px;outline:none}#search:focus{border-color:var(--cyan);box-shadow:0 0 12px #00e5ff40}#results{display:none;max-height:190px;overflow:auto;border:1px solid var(--cyan-dim);border-radius:6px}#results.has{display:block}#results .r{padding:6px 8px;cursor:pointer;border-bottom:1px solid rgba(0,229,255,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#results .r:hover,#results .r.sel{background:#00e5ff24}#results .r small{color:var(--muted);margin-left:6px}.scroll{overflow:auto;flex:1;min-height:0;padding-right:4px}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}h4{margin:10px 0 6px;font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-weight:500}.folder{display:flex;align-items:center;gap:8px;padding:3px 2px;cursor:pointer;user-select:none}.folder:hover{color:#fff}.folder .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor;flex:none}.folder.off{opacity:.35}.folder .n{margin-left:auto;color:var(--muted);font-size:10px}.folder .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{border:1px solid var(--cyan-dim);border-radius:12px;padding:1px 8px;cursor:pointer;font-size:10.5px;color:var(--muted)}.chip:hover{color:#fff;border-color:#00e5ff80}.chip.on{background:#00e5ff33;border-color:var(--cyan);color:#fff}.row{display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer;user-select:none}.row input{accent-color:#00e5ff}.btns{display:flex;gap:6px;flex-wrap:wrap}#hint{position:fixed;bottom:14px;left:300px;z-index:4;color:var(--muted);font-size:10.5px;pointer-events:none;transition:left .25s}#side.collapsed~#hint{left:14px}#hint kbd{margin:0 2px 0 8px}#panel{position:fixed;top:14px;right:14px;bottom:14px;width:min(460px,94vw);z-index:7;padding:18px 18px 14px;overflow:auto;transform:translate(calc(100% + 30px));transition:transform .3s cubic-bezier(.2,.8,.2,1)}#panel.open{transform:none}#panel .close{position:absolute;top:10px;right:10px}#panel h2{margin:0 34px 4px 0;font-size:18px;color:#fff;text-shadow:0 0 14px rgba(0,229,255,.5);line-height:1.25}#panel .meta{color:var(--muted);font-size:11px;display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}#panel .meta b{color:var(--text);font-weight:500}#panel .tags{margin:8px 0}#panel .links{margin:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}#panel .links div>span{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:4px}#panel .links a,#panel a.wl{color:var(--cyan);cursor:pointer;text-decoration:none}#panel .links a{display:block;padding:1px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#panel .links a:hover,#panel a.wl:hover{text-decoration:underline}#panel a.wl.ghost{color:var(--muted);border-bottom:1px dashed var(--muted)}#panel .body{border-top:1px solid var(--cyan-dim);margin-top:12px;padding-top:10px;line-height:1.65;font-size:12.5px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#dbeef6}#panel .body h1,#panel .body h2,#panel .body h3{color:#fff;font-family:var(--mono);font-size:14px;margin:14px 0 6px}#panel .body h1{font-size:16px}#panel .body code{background:#00e5ff1a;padding:1px 5px;border-radius:3px;font-family:var(--mono);font-size:11.5px}#panel .body pre{background:#0006;padding:10px;border-radius:6px;overflow:auto}#panel .body pre code{background:none;padding:0}#panel .body blockquote{border-left:2px solid var(--cyan);margin:8px 0;padding:2px 12px;color:var(--muted)}#panel .body a{color:var(--cyan)}#panel .body table{border-collapse:collapse}#panel .body td,#panel .body th{border:1px solid var(--cyan-dim);padding:3px 8px}#panel .actions{margin-top:12px;display:flex;gap:8px}#tooltip{position:fixed;z-index:9;pointer-events:none;padding:5px 9px;font-size:11.5px;display:none;max-width:320px;transform:translate(14px,14px);color:#fff}#tooltip small{display:block;color:var(--muted);font-size:10px}#pointer{position:fixed;z-index:30;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;pointer-events:none;display:none;background:conic-gradient(var(--cyan) calc(var(--p, 0) * 360deg),rgba(0,229,255,.18) 0);-webkit-mask:radial-gradient(circle,transparent 15px,#000 16px,#000 20px,transparent 21px);mask:radial-gradient(circle,transparent 15px,#000 16px,#000 20px,transparent 21px);filter:drop-shadow(0 0 8px var(--cyan))}#pointer:after{content:"";position:absolute;inset:19px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}#pointer.down{filter:drop-shadow(0 0 14px #fff)}.wave{position:fixed;z-index:29;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--cyan);border-radius:50%;pointer-events:none;animation:wave .6s ease-out forwards}@keyframes wave{to{transform:scale(7);opacity:0}}#toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:40;padding:8px 14px;display:none;color:#fff}#handwin{position:fixed;right:18px;bottom:18px;width:240px;z-index:20;display:none;overflow:hidden;user-select:none}#handwin .bar{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:grab;border-bottom:1px solid var(--cyan-dim);font-size:10.5px;letter-spacing:.16em;color:var(--cyan)}#handwin .bar .lab{margin-left:auto;color:#fff;letter-spacing:.04em;text-shadow:0 0 8px var(--cyan)}#handwin .bar button{background:none;border:0;color:var(--muted);cursor:pointer;padding:0 3px;font-size:14px;line-height:1}#handwin .bar button:hover{color:#fff}#handwin .view{position:relative;width:240px;height:180px;background:#000}#handwin.min .view{display:none}#handwin video,#handwin canvas{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);object-fit:cover}#handwin .msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--muted);font-size:11px}#landing{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#02040a8c,#02040af0 70%);transition:opacity .6s;padding:20px}#landing.hide{opacity:0;pointer-events:none}#landing .card{max-width:640px;text-align:center;padding:34px 30px}#landing h1{font-size:clamp(30px,6vw,54px);letter-spacing:.3em;margin:0 0 8px;color:var(--cyan);text-shadow:0 0 26px rgba(0,229,255,.8);font-weight:700;padding-left:.3em}#landing p.tag{font-size:15px;color:#fff;margin:0 0 22px;line-height:1.55}#landing p.tag em{color:var(--cyan);font-style:normal}#landing .cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}#landing .cta .btn{padding:11px 18px;font-size:13px}#landing .small{color:var(--muted);font-size:11px;line-height:1.6}#landing .small a{color:var(--cyan)}#landing .err{color:#ff7a7a;margin-top:10px;min-height:1em}#drop{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:#00e5ff1a;border:2px dashed var(--cyan);font-size:22px;letter-spacing:.2em;color:#fff;text-shadow:0 0 20px var(--cyan);pointer-events:none}#drop.on{display:flex}@media(max-width:760px){#side{top:78px;width:calc(100vw - 28px);bottom:auto;max-height:55vh}#hint{display:none}#handwin{width:200px}#handwin .view{width:200px;height:150px}}.is-landing #hud,.is-landing #side,.is-landing #hint,.is-landing #side-toggle{visibility:hidden}.low-fx .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#060e1ae6}select{background:#0006;color:inherit;border:1px solid var(--cyan-dim);border-radius:6px;padding:3px 6px;font:inherit;margin-left:auto}#insights .ins{margin-bottom:8px}#insights .ins-t{color:var(--cyan);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 2px;cursor:help}#insights .r{padding:2px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px}#insights .r:hover{background:#00e5ff24}#insights .r small{color:var(--muted);margin-left:6px}#b-star{text-decoration:none;color:inherit}