.tn,.tn-lofi{--amber:#ffb347;min-height:100dvh;box-sizing:border-box}.tn{background:radial-gradient(120% 80% at 50% 0%,#3a281b,#1b120c 55%,#0d0805);padding:18px 14px 40px;color:#f2e6d3;font-family:Georgia,Times New Roman,serif;position:relative;overflow-x:hidden}.tn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,rgba(255,200,140,.035) 0 2px,transparent 2px 7px,rgba(0,0,0,.08) 7px 9px);pointer-events:none}.tn-back{position:relative;display:inline-block;color:#c9a97c;font:12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-decoration:none;padding:8px 0}.tn-set{position:relative;max-width:900px;margin:10px auto 0;border-radius:18px;padding:16px;background:linear-gradient(180deg,#d9d6d0,#aeaba5 8%,#c8c5bf 50%,#9d9a95);box-shadow:0 30px 60px #0009,inset 0 1px #fff,inset 0 -2px 3px #00000059;color:#25221e}.tn-set:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:repeating-linear-gradient(90deg,#ffffff1f 0,#ffffff1f 1px,#0000000d 1px,#0000000d 2px);mix-blend-mode:overlay;pointer-events:none}.tn-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;position:relative}.tn-brand b{font:600 15px/1 Georgia,serif;letter-spacing:.14em;display:block}.tn-brand small{font:10px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#4d4943;text-transform:uppercase}.tn-sw{display:flex;align-items:center;gap:8px;font:10px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#59554f;cursor:pointer}.tn-sw .on{color:#a35a00;font-weight:700}.tn-sw button{width:46px;height:26px;border-radius:13px;border:0;background:linear-gradient(#55514b,#2d2b27);box-shadow:inset 0 2px 4px #0009;position:relative;cursor:pointer;padding:0}.tn-sw button i{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(#f4f1ea,#a9a49b);box-shadow:0 2px 3px #00000080}.tn-dial{display:grid;grid-template-columns:1fr;gap:12px;position:relative}.tn-glass{position:relative;height:150px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#1d1209,#3a2008 45%,#5a300a);box-shadow:inset 0 0 0 3px #2a2722,inset 0 8px 24px #000000d9,0 1px #ffffffb3}.tn-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 120% at 50% 70%,rgba(255,170,60,.55),transparent 70%),linear-gradient(115deg,rgba(255,255,255,.14) 0,transparent 30%);pointer-events:none}.tn-scale{position:absolute;left:5%;right:5%;top:30px;height:60px}.tk{position:absolute;top:0;width:1px;height:14px;background:#ffcd828c}.tk.mid{height:22px;background:#ffd796cc}.tk.major{height:32px;background:#ffd89a}.tk i{position:absolute;top:38px;left:0;transform:translate(-50%);font: 11px ui-monospace,Menlo,monospace;color:#ffd89a}.tn-marks{position:absolute;left:5%;right:5%;bottom:14px;height:20px;z-index:2}.tn-marks span{position:absolute;transform:translate(-50%);font:700 9px ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#ffd796bf;white-space:nowrap}.tn-marks span.lit{color:#fff;text-shadow:0 0 8px #ffd27a}.tn-needle{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(#ff4b2b,#ff7a4d);box-shadow:0 0 10px #ff5028e6;z-index:3;transition:none}.tn-needle{left:calc(5% + var(--x,0))}.tn-label{position:absolute;right:12px;top:8px;font:10px ui-monospace,Menlo,monospace;color:#ffd89a;letter-spacing:.12em;z-index:2}.tn-vfd{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#04100e;border-radius:8px;padding:10px 16px;box-shadow:inset 0 0 0 2px #1d1b18,inset 0 4px 14px #000;color:#7ffbe3;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 8px rgba(127,251,227,.7)}.tn-freq{font-size:34px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.tn-name{font-size:14px;letter-spacing:.2em;flex:1;text-align:center}.tn-meter{display:flex;gap:3px;align-items:flex-end}.tn-meter u{width:5px;height:16px;background:#0d2a26;display:block;text-decoration:none}.tn-meter u:nth-child(-n+3){height:10px}.tn-meter u.on{background:#7ffbe3;box-shadow:0 0 6px #7ffbe3}.tn-controls{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"p r k" "s s s";align-items:center;gap:14px;margin-top:14px;position:relative}.tn-presets{grid-area:p;display:flex;gap:6px}.tn-presets button{width:44px;height:44px;border-radius:6px;border:0;cursor:pointer;background:linear-gradient(#e9e6e0,#a9a69f);box-shadow:0 2px #6e6b65,0 4px 6px #00000059;font:700 12px ui-monospace,monospace;color:#2b2824;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tn-presets button i{width:12px;height:4px;border-radius:2px;background:#5a3a14}.tn-presets button.on i{background:#ffb347;box-shadow:0 0 8px #ff9d1f}.tn-presets button:active{transform:translateY(2px);box-shadow:0 0 #6e6b65}.tn-rail{grid-area:r}.tn-rail input{width:100%;height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0}.tn-rail input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(#37342f,#6d6a64);box-shadow:inset 0 1px 3px #000}.tn-rail input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:38px;margin-top:-16px;border-radius:5px;background:linear-gradient(90deg,#8b8780,#f3f0ea 40%,#8b8780);box-shadow:0 3px 6px #00000080;border:1px solid #55514b}.tn-rail input::-moz-range-track{height:6px;border-radius:3px;background:#4a4742}.tn-rail input::-moz-range-thumb{width:30px;height:38px;border-radius:5px;background:#d9d6d0;border:1px solid #55514b}.tn-rail input:focus-visible{outline:2px solid #a35a00;outline-offset:2px}.tn-knob{grid-area:k;width:64px;height:64px;border-radius:50%;background:conic-gradient(from 0deg,#d8d5cf,#8d8a84,#e9e6e0,#8d8a84,#d8d5cf,#8d8a84,#e9e6e0,#8d8a84,#d8d5cf);box-shadow:0 6px 10px #00000073,inset 0 0 0 3px #555;position:relative}.tn-knob i{position:absolute;left:50%;top:5px;width:3px;height:14px;margin-left:-1.5px;background:#2b2824;border-radius:2px}.tn-snd{grid-area:s;justify-self:end;border:0;background:none;font:10px ui-monospace,monospace;letter-spacing:.14em;color:#59554f;cursor:pointer;padding:6px}.tn-snd.on{color:#a35a00;font-weight:700}.tn-sheet{position:relative;max-width:900px;margin:22px auto 0;background:#efe5d1;color:#2a2118;border-radius:6px;min-height:230px;padding:26px 24px;box-shadow:0 20px 40px #0000008c;overflow:hidden}.tn-sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 100% at 0 0,rgba(255,255,255,.5),transparent 60%),repeating-linear-gradient(0deg,rgba(120,90,50,.05) 0 1px,transparent 1px 3px);pointer-events:none}.tn-noise{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;mix-blend-mode:multiply}.tn-copy{position:relative;transition:filter .12s,opacity .12s}.tn-copy span{font:700 11px ui-monospace,monospace;letter-spacing:.2em;color:#a35a00}.tn-copy h2{font:400 clamp(30px,6vw,52px)/1.05 Georgia,serif;margin:10px 0 14px;letter-spacing:-.01em}.tn-copy p{font-size:18px;line-height:1.5;margin:0 0 8px;max-width:34em}.tn-copy a{display:inline-block;margin-top:12px;color:#2a2118;font:700 13px ui-monospace,monospace;letter-spacing:.06em;border-bottom:2px solid #a35a00;text-decoration:none;padding:6px 0}.tn-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:11px ui-monospace,monospace;letter-spacing:.16em;color:#5a4a36;text-transform:uppercase}.tn-name-line{position:relative;text-align:center;font:11px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:#a88e6a;margin:22px auto 0;max-width:600px}.tn-lofi{background:#fff;color:#111;font:16px/1.5 Georgia,serif;padding:24px;max-width:640px;margin:0 auto}.tn-lofi h1{font-size:28px}.tn-lofi h2{font-size:18px;margin:22px 0 4px}.tn-lofi a,.tn-lofi button{color:#00e;background:none;border:0;font:inherit;text-decoration:underline;cursor:pointer;padding:0}@media (max-width:560px){.tn-glass{height:130px}.tn-freq{font-size:26px}.tn-name{font-size:11px}.tn-controls{grid-template-columns:1fr auto;grid-template-areas:"p k" "r r" "s s"}.tn-presets button{width:40px}}.tn-sw span,.tn-brand small{white-space:nowrap}@media (max-width:560px){.tn-brand small{letter-spacing:.04em;font-size:9px}.tn-brand b{font-size:13px;letter-spacing:.1em}}.tn-stage{display:block;max-width:1180px;margin:0 auto}.tn-stage .tn-set,.tn-stage .tn-sheet{max-width:none}.tn-sw{text-decoration:none;font-size:11px}.tn-sw .sw{width:46px;height:26px;border-radius:13px;background:linear-gradient(#55514b,#2d2b27);box-shadow:inset 0 2px 4px #0009;position:relative;display:block}.tn-sw .sw i{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(#f4f1ea,#a9a49b);box-shadow:0 2px 3px #00000080}.tn-sw:hover span:first-child{color:#000;text-decoration:underline}.tn-brand b{font-size:17px}.tn-brand small,.tn-marks span,.tn-label{font-size:11px}.tk i{font-size:12px}.tn-snd{font-size:11px}.tn-hint{font-size:12px}.tn-name-line{font-size:13px}.tn-copy span{font-size:12px}.tn-copy a{font-size:14px}@media (min-width:1000px){.tn-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch;margin-top:10px}.tn-stage .tn-set{margin:0}.tn-stage .tn-sheet{margin:0;display:flex;align-items:center;padding:34px 30px}.tn-copy h2{font-size:clamp(34px,3.4vw,48px)}.tn-glass{height:128px}}@media (max-width:560px){.tn-top{flex-wrap:wrap;row-gap:10px}.tn-brand b{white-space:nowrap;font-size:14px}.tn-sw{font-size:10px;gap:6px}.tn-sw span:first-child{max-width:150px}}.tn-snd{font-size:12px;min-height:44px;padding:10px 12px;color:#4a463f}.tn-snd.on{color:#8a4a00}@media (max-width:560px){.tn-snd{font-size:12px;min-height:44px}}.tn{background:radial-gradient(60% 55% at 50% 38%,#4a2e18,#25170e 45%,#0a0604)}.tn:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(90% 90% at 50% 45%,transparent 45%,rgba(0,0,0,.7) 100%);z-index:0}.tn-back{color:#b08d5e;z-index:2}.tn-set,.tn-sheet,.tn-name-line{z-index:1}.tn-set{background:linear-gradient(180deg,#4b4843,#2f2d2a 10%,#3a3835,#262421);color:#e6d6bb;box-shadow:0 40px 90px #000c,0 0 120px #ff963229,inset 0 1px #ffebc840,inset 0 -2px 3px #0009}.tn-set:before{mix-blend-mode:soft-light;opacity:.5}.tn-brand b{color:#f0dfc0}.tn-brand small{color:#a8977c}.tn-sw{color:#b5a283}.tn-sw .on{color:#ffb347}.tn-sw:hover span:first-child{color:#fff}.tn-sw .sw{background:linear-gradient(#1c1a18,#0f0e0d)}.tn-sw .sw i{background:linear-gradient(#e2c690,#a07a3a)}.tn-glass{box-shadow:inset 0 0 0 3px #181614,inset 0 8px 24px #000000d9,0 0 50px #ff962847}.tn-presets button{background:linear-gradient(#5a564f,#35322d);color:#ecdcc0;box-shadow:0 2px #14120f,0 4px 8px #0000008c,inset 0 1px #ffebc82e}.tn-presets button i{background:#3d2a12}.tn-rail input::-webkit-slider-runnable-track{background:linear-gradient(#0e0d0c,#2a2825)}.tn-rail input::-webkit-slider-thumb{background:linear-gradient(90deg,#6a655d,#d9cdb6 40%,#6a655d);border-color:#15130f}.tn-knob{background:conic-gradient(from 0deg,#8e8778,#4d493f,#b3a98f,#4d493f,#8e8778,#4d493f,#b3a98f,#4d493f,#8e8778);box-shadow:0 6px 12px #000000b3,inset 0 0 0 3px #1c1a17}.tn-knob i{background:#ffb347;box-shadow:0 0 6px #ff9d1f}.tn-snd{color:#b5a283}.tn-snd.on{color:#ffb347}.tn-sheet{background:linear-gradient(135deg,#d9c8a2,#bda57a);box-shadow:0 20px 50px #000000b3,0 0 90px #ff96321f}.tn-sheet:before{background:radial-gradient(90% 100% at 10% 0,rgba(255,225,160,.55),transparent 65%),repeating-linear-gradient(0deg,rgba(90,60,30,.06) 0 1px,transparent 1px 3px)}.tn-copy{color:#2a1d10}.tn-copy span{color:#7d3f00}.tn-hint{color:#4a3a26}.tn-name-line{color:#b5976c}@keyframes lamp{0%,to{opacity:.92}50%{opacity:1}}.tn-glass:after{animation:lamp 7s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.tn-glass:after{animation:none}}.tn-3d{position:relative;min-height:340px;aspect-ratio:1/.95;border-radius:18px;overflow:hidden;background:#0a0604;box-shadow:0 30px 90px #000000b3,0 0 0 1px #ffbe6e14}.tn-cv{display:block;width:100%;height:100%;touch-action:none;outline:none}.tn-3bar{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;pointer-events:none}.tn-pill{pointer-events:auto;font:12px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#d9bf92;background:#120c089e;border:1px solid rgba(255,190,110,.22);border-radius:999px;padding:12px 14px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tn-pill.on{color:#ffb347;border-color:#ffb3478c}.tn-pill:hover{color:#fff}.tn-3hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:11px ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#d9bf92b3;text-transform:uppercase;pointer-events:none}.sr3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tn-3d:focus-within{box-shadow:0 0 0 2px #ffb347,0 30px 90px #000000b3}@media (min-width:1000px){.tn-stage.s3{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.tn-3d{aspect-ratio:auto;min-height:560px}.tn-stage.s3 .tn-sheet{min-height:0;align-self:center}}@media (max-width:560px){.tn-3d{aspect-ratio:1/1.02}.tn-pill{font-size:11px;padding:10px 12px}}@media (min-width:1000px){.tn-stage.tvs{grid-template-columns:minmax(0,1fr)}.tn-stage.tvs .tn-3d{min-height:560px;height:clamp(500px,calc(100svh - 170px),620px);max-height:760px;max-width:980px;margin:0 auto;width:100%}}.tn-chans{position:absolute;left:12px;right:12px;bottom:34px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tn-ch{font:13px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#e8cfa0;background:#120c08b8;border:1px solid rgba(255,190,110,.3);border-radius:10px;padding:12px 14px;min-height:44px;cursor:pointer}.tn-ch b{color:#ffb347;margin-right:4px}.tn-ch.on{background:#ffb34738;border-color:#ffb347;color:#fff3dc}.tn-ch:focus-visible{outline:2px solid #ffb347}@media (max-width:560px){.tn-ch{font-size:12px;padding:10px;flex:1 1 40%}.tn-chans{bottom:30px}}@media (max-width:560px){.tn-stage.tvs .tn-3d{aspect-ratio:1/1.12}.tn-chans{gap:5px;flex-wrap:nowrap}.tn-ch{flex:1 1 0;font-size:11px;letter-spacing:.04em;padding:10px 2px;text-align:center}.tn-ch b{margin-right:2px}}.tn-links{display:flex;gap:22px;justify-content:center;margin:6px 0 4px;font:13px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.tn-links a{color:#d9bf92;text-decoration:none;padding:12px 4px;border-bottom:1px solid rgba(217,191,146,.3)}.tn-links a:hover,.tn-links a:focus-visible{color:#fff3dc;border-color:#ffb347;outline:none}html,body,#root{margin:0;min-height:100%}body{background:#0c0c0e;-webkit-text-size-adjust:100%}*{box-sizing:border-box}.ix{min-height:100dvh;background:radial-gradient(80% 50% at 50% 0,#1e1b2b,#0c0c0e 70%);color:#f0eee8;padding:36px 18px 56px;font-family:Georgia,serif;max-width:1040px;margin:0 auto}.ix-k{font:11px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#8a8799}.ix h1{font:400 clamp(30px,6vw,56px)/1.05 Georgia,serif;margin:14px 0;letter-spacing:-.015em}.ix-s{font-size:16px;line-height:1.55;color:#aaa7b6;max-width:40em}.ix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:30px}.ix-card{display:block;text-decoration:none;color:inherit;border:1px solid #2a2833;border-radius:16px;padding:14px 14px 20px;background:#131219;transition:transform .2s,border-color .2s}.ix-card:hover{transform:translateY(-3px);border-color:#5a5670}.ix-card:focus-visible{outline:2px solid #fff;outline-offset:3px}.ix-art{height:150px;border-radius:10px;margin-bottom:14px;position:relative;overflow:hidden}.ix-art i{position:absolute;display:block}.c1 .ix-art{background:linear-gradient(#4b4843,#262421)}.c1 .ix-art i:nth-child(1){left:8%;right:8%;top:20%;height:42%;border-radius:6px;background:linear-gradient(#1d1209,#7a430c);box-shadow:inset 0 0 12px #000}.c1 .ix-art i:nth-child(2){left:44%;top:20%;width:3px;height:42%;background:#ff4b2b;box-shadow:0 0 8px #f52}.c1 .ix-art i:nth-child(3){right:12%;bottom:8%;width:34px;height:34px;border-radius:50%;background:conic-gradient(#8e8778,#4d493f,#b3a98f,#4d493f,#8e8778)}.c2 .ix-art{background:#02060a}.c2 .ix-art i{left:6%;right:6%;height:2px;border-radius:2px}.c2 .ix-art i:nth-child(1){top:28%;background:#3dff8b;box-shadow:0 0 10px #3dff8b;clip-path:polygon(0 50%,40% 50%,44% 0,48% 100%,52% 50%,100% 50%)}.c2 .ix-art i:nth-child(2){top:52%;background:#4cd9ff;box-shadow:0 0 10px #4cd9ff}.c2 .ix-art i:nth-child(3){top:76%;background:#ffd84a;box-shadow:0 0 10px #ffd84a}.c3 .ix-art{background:radial-gradient(circle at 50% 100%,#6b1fa8,#12061f)}.c3 .ix-art i:nth-child(1){left:22%;top:14%;width:56%;height:62%;border-radius:12px;background:#021209;box-shadow:0 0 0 4px #1a0b2e,0 0 18px #39ff7a}.c3 .ix-art i:nth-child(2){left:30%;top:36%;width:5px;height:22px;background:#39ff7a}.c3 .ix-art i:nth-child(3){left:62%;top:42%;width:8px;height:8px;background:#39ff7a}.ix-card span{font:11px ui-monospace,monospace;letter-spacing:.16em;color:#8a8799}.ix-card h2{font:400 26px/1.1 Georgia,serif;margin:6px 0 8px}.ix-card p{font-size:15px;line-height:1.5;color:#b5b2c0;margin:0 0 10px}.ix-card em{font:12px ui-monospace,monospace;color:#7fb7a8;font-style:normal}.ix-k,.ix-card span{font-size:12px}.ix-card em{font-size:13px}.ix-s{font-size:17px}.c4 .ix-art{background:linear-gradient(#3a2a1b,#1d130b)}.c4 .ix-art i:nth-child(1){left:12%;right:30%;top:16%;height:62%;border-radius:10px;background:radial-gradient(#4a3118,#0d0805);box-shadow:inset 0 0 14px #000}.c4 .ix-art i:nth-child(2){left:76%;top:24%;width:30px;height:30px;border-radius:50%;background:conic-gradient(#8e8778,#4d493f,#b3a98f,#4d493f,#8e8778)}.c4 .ix-art i:nth-child(3){display:none}