:root{--bg:#0c1016;--bg2:#121a24;--ink:#e8edf2;--dim:#8294a6;--faint:#3a4858;--accent:#7fd4d4;--accent2:#f4b454;--serif:"Fraunces",Georgia,"Times New Roman",serif;--mono:"Spline Sans Mono",ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 700px at 50% -10%,#16202c 0%,transparent 60%),radial-gradient(900px 600px at 100% 110%,#101820 0%,transparent 55%),var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;gap:16px;pointer-events:none;z-index:3}.title{font-family:var(--serif);font-weight:500;line-height:1.05}.title .big{font-size:26px;letter-spacing:.5px}.title .sub{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--dim);margin-top:6px;font-family:var(--mono)}.readout{text-align:right;font-size:12px;color:var(--dim);min-width:210px}.readout .mode{font-family:var(--serif);font-size:22px;color:var(--ink);letter-spacing:.5px}.readout .mode em{color:var(--accent);font-style:normal}.readout .line{margin-top:3px}.readout .line b{color:var(--ink);font-weight:500}.readout .src{margin-top:7px;font-size:11px;letter-spacing:1px;color:var(--faint)}.readout .unit{pointer-events:auto;cursor:pointer;border-bottom:1px dashed rgba(130,148,166,.45);transition:.15s}.readout .unit:hover{color:var(--ink);border-bottom-color:var(--accent)}.readout .unit:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.stage{flex:1;position:relative;min-height:0}canvas{display:block;width:100%;height:100%}.feed{position:absolute;left:22px;bottom:14px;z-index:3;pointer-events:none;font-size:11px;color:var(--faint);line-height:1.7;max-width:160px}.feed b{color:var(--dim);font-weight:500}.panel{z-index:3;background:linear-gradient(180deg,#0c101600,#090c11eb 26%);padding:14px 22px 18px;display:grid;gap:14px 26px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.ctrl label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin-bottom:7px}.ctrl label .val{color:var(--ink);letter-spacing:0;text-transform:none}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--faint);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 12px var(--accent)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 12px var(--accent)}.row{display:flex;gap:10px;align-items:center}button.toggle{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--faint);border-radius:999px;padding:8px 14px;cursor:pointer;transition:.2s;white-space:nowrap}button.toggle.on{color:var(--bg);background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px -2px var(--accent)}button.toggle:hover{border-color:var(--accent);color:var(--ink)}button.toggle.on:hover{color:var(--bg)}.ctrl.loc{grid-column:1 / -1;position:relative}.search{flex:1;min-width:0;font-family:var(--mono);font-size:13px;color:var(--ink);background:#141c2699;border:1px solid var(--faint);border-radius:999px;padding:9px 16px;outline:none;transition:.2s}.search::placeholder{color:var(--faint)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.select{font-family:var(--mono);font-size:12px;color:var(--ink);width:100%;background:#141c2699;border:1px solid var(--faint);border-radius:999px;padding:8px 14px;outline:none;cursor:pointer;transition:.2s}.select:focus{border-color:var(--accent)}.results{position:absolute;left:0;right:0;top:100%;margin-top:8px;z-index:5;background:#0a0e14f7;border:1px solid var(--faint);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px -12px #000000b3;backdrop-filter:blur(6px)}.results .item{padding:10px 16px;font-size:12px;color:var(--dim);cursor:pointer;border-bottom:1px solid rgba(58,72,88,.4);transition:.12s;line-height:1.35}.results .item:last-child{border-bottom:none}.results .item:hover,.results .item.active{background:#7fd4d41a;color:var(--ink)}.results .item .where{color:var(--ink)}.results .item .meta{color:var(--faint);font-size:11px}.results .empty{padding:12px 16px;font-size:11px;color:var(--faint)}.hint{font-size:11px;color:var(--faint);letter-spacing:1px;line-height:1.5}.hint.warn{color:var(--accent2)}.phys{grid-column:1/-1;display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding-top:12px;margin-top:2px;border-top:1px solid rgba(58,72,88,.3)}.phys[hidden]{display:none}.phys .slim{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);min-width:120px}.phys .slim input[type=range]{width:120px}.overlay{position:fixed;inset:0;z-index:9;background:#080b0fed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:30px;backdrop-filter:blur(3px)}.overlay h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,6vw,56px);letter-spacing:1px}.overlay p{color:var(--dim);max-width:440px;font-size:13px;line-height:1.7}.start{font-family:var(--mono);font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--bg);background:var(--accent);border:none;border-radius:999px;padding:16px 40px;cursor:pointer;box-shadow:0 0 40px -6px var(--accent);transition:.2s}.start:hover{transform:translateY(-2px)}.note{position:absolute;bottom:24px;color:var(--faint);font-size:11px;letter-spacing:2px}