:root{color-scheme:dark;--bg:#0b1018;--panel:#121a25;--line:#263240;--text:#ecf0f6;--muted:#9ba9bc;--accent:#48dfd0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}button,select{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{max-width:1440px;margin:auto;padding:26px 5%;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,header{display:flex;align-items:center}.brand{font-weight:700;gap:12px}.mark{color:var(--accent);font:italic 34px Georgia}.catalog-link{font-size:14px;color:var(--muted)}.catalog-link span{margin-left:16px;color:var(--accent)}main{max-width:1320px;margin:44px auto;padding:0 28px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent)}.eyebrow,h1{margin:0 0 12px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;line-height:1.12}h1 span{color:var(--accent)}.intro{color:var(--muted);margin:0}.tag{font-size:13px;border:1px solid var(--line);border-radius:30px;padding:8px 14px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.stage-wrap{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0c131e;position:relative}.stage-bottom,.stage-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:13px;color:var(--muted);gap:10px}.stage-top i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}#time{font-family:monospace;color:var(--text);font-size:15px}canvas{width:100%;height:420px;display:block;background:radial-gradient(ellipse at center,#142030 0,#0c131e 70%)}.stage-bottom{padding-top:8px}.cyan{color:#48dfd0}.pink{color:#ff6a91}.gradient{display:inline-block;width:45px;height:2px;background:linear-gradient(90deg,#48dfd0,#ff6a91);vertical-align:middle;margin:0 7px}.playbar{padding:16px 20px;display:flex;gap:10px;border-top:1px solid var(--line);align-items:center}button,select{color:var(--text);background:#1b2634;border:1px solid #354254;border-radius:9px;min-height:44px;padding:9px 15px}button:hover{background:#29384a}.primary{background:var(--accent);color:#082521;border-color:var(--accent);font-weight:700;min-width:104px}.primary:hover{background:#7ce9de}.speed{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.speed select{padding:8px}aside{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:19px;line-height:1.3;margin:0}.text-button{border:0;background:none;padding:0 3px}.hint,.text-button{color:var(--muted);font-size:14px}.hint{margin:4px 0 18px}.presets{display:flex;gap:6px;margin-bottom:22px}.presets button{font-size:12px;flex:1 1;padding:7px 5px}.presets .selected{color:var(--accent);border-color:#367e7c;background:#163235}.control{margin-bottom:14px}.control label{display:flex;justify-content:space-between;font-size:14px;gap:12px}.control output{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:30px;accent-color:var(--accent);cursor:pointer;margin:2px 0 0}input[type=range]::-webkit-slider-thumb{min-width:21px;min-height:21px}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px}.trail-toggle{display:flex;gap:10px;align-items:center;font-size:14px;min-height:44px}.footnote{font-size:12px;color:var(--muted);margin:10px 0 0}.explanation{display:flex;gap:24px;padding:30px 0;margin-top:8px}.explain-number{color:var(--accent);font:16px monospace}.explanation p{max-width:650px;color:var(--muted);margin:10px 0 0;font-size:15px}.model-note{margin-left:auto;min-width:195px;font-size:14px;border-left:1px solid var(--line);padding-left:24px}.model-note span,footer{color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;font-size:13px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:36px 0 80px}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:28px}.project-card:hover{border-color:var(--accent)}.card-index{font-size:12px;color:var(--muted);letter-spacing:2px}.card-art{height:160px;text-align:center;font:italic 140px Georgia;color:var(--accent)}.project-card h2 span{float:right;color:var(--accent)}.coming p,.project-card p{color:var(--muted)}.project-card .tag{display:inline-block}.coming{padding:40px;align-self:center}.coming h2{font-size:30px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}aside{padding:22px}.heading>.tag{display:none}.explanation{flex-wrap:wrap}.model-note{margin-left:40px}.cards{grid-template-columns:1fr}.coming{padding:20px 0}canvas{height:360px}}@media(max-width:480px){header{padding:12px 18px}.brand{font-size:14px;gap:7px}.catalog-link{font-size:12px}.catalog-link span{display:none}main{margin:25px auto;padding:0 14px}.heading{margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:1.5px}h1{letter-spacing:-1px}.intro{font-size:14px}.workspace{gap:14px}canvas{height:300px}.stage-bottom,.stage-top{padding:12px 14px;font-size:12px}.playbar{padding:12px 10px;gap:7px}.playbar button{font-size:14px;padding:9px 12px}.speed{font-size:12px;gap:5px}.primary{min-width:85px}.explanation{gap:12px}.explain-number{display:none}.model-note{margin:0}.explanation p{font-size:14px}footer{font-size:12px;gap:18px}.presets button{font-size:14px}.cards{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.time{font:15px monospace;white-space:nowrap;color:var(--text)}.workspace{align-items:start}.stage-wrap{align-self:start}.control-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.control-label label{display:block}.control output{white-space:nowrap;flex-shrink:0}.motion-canvas{height:460px}.check-label{display:flex;align-items:center;gap:12px;min-height:48px;font-size:16px;cursor:pointer}.check-label input{flex:0 0 22px;width:22px;height:22px;margin:0}.control input[type=range]{height:38px}.analysis-options{min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px 22px 18px;margin:28px 0}.analysis-options legend{padding:0 8px;font-size:16px;font-weight:700}.option-row{display:flex;gap:16px 40px;flex-wrap:wrap}.analysis-options .hint{margin:8px 0 0}.analysis{margin:32px 0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin:0 0 20px}.section-heading .hint{max-width:340px;margin:0}.phase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.plot-card{margin:0 0 20px;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px}.plot-card h3{margin:0;font-size:18px}.plot-card figcaption p{color:var(--muted);font-size:14px;margin:6px 0 16px}.plot-canvas{height:260px;background:none;width:100%}.plot-stats{display:flex;flex-wrap:wrap;gap:12px 30px;font-size:14px;color:var(--muted);margin:12px 0}.plot-stats strong{color:#ffd166;display:inline-block;margin-left:8px}.axis-bottom,.axis-caption{font-size:13px;color:var(--muted);margin:8px 0 0}.axis-bottom{text-align:center;margin:0 0 10px}.plot-card details{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-size:14px}.plot-card summary{cursor:pointer;min-height:36px}.plot-card details p{color:var(--muted);overflow-wrap:anywhere}.error-box{padding:18px;color:#ffd166}.error-box p{margin-top:0}button:disabled{opacity:.55;cursor:wait}button[aria-pressed=true]{border-color:var(--accent)}.button{display:inline-flex;align-items:center;padding:12px 18px;border-radius:8px;min-height:44px}.empty-page{min-height:50vh;padding:50px 0}.skip-link{position:absolute;left:10px;top:-100px;background:var(--accent);color:#081619;padding:12px;z-index:20}.skip-link:focus{top:10px}input[type=range]{touch-action:pan-y}.presets button{font-size:14px}.footnote{font-size:13px}.brand{white-space:nowrap}main{min-height:65vh}@media(max-width:850px){.motion-canvas{height:360px}.phase-grid{grid-template-columns:minmax(0,1fr)}.stage-wrap{width:100%}.analysis{margin-top:24px}}@media(max-width:480px){.motion-canvas{height:300px}.plot-card{padding:14px 8px}.axis-caption,.plot-card details,.plot-card figcaption,.plot-stats{margin-left:6px;margin-right:6px}.plot-canvas{height:240px}.analysis-options{padding:8px 14px 14px}.option-row{display:block}.check-label,.speed{font-size:14px}.speed{justify-content:flex-end}.playbar,.speed{flex-wrap:wrap}.playbar .primary{min-width:105px}.stage-bottom{flex-wrap:wrap}.control-label{font-size:15px}.site-header{gap:12px;flex-wrap:wrap}.catalog-link{font-size:14px}.section-heading{gap:12px}.model-note{max-width:100%}.eyebrow{font-size:12px}.cards{gap:18px}.project-card{padding:22px}.explanation p{font-size:16px}}@media(max-width:360px){.playbar .speed{width:100%;justify-content:space-between;margin-top:4px}.brand{font-size:14px}.catalog-link{font-size:13px}.motion-canvas{height:270px}}.range-hint{font-size:13px;color:var(--muted);margin:2px 0 12px;line-height:1.5}.plot-stats strong{overflow-wrap:anywhere}.control-label{flex-wrap:wrap;column-gap:8px;row-gap:2px}.plot-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.plot-stat{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px}.plot-stats strong{display:block;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}@media(max-width:600px){.plot-stats{grid-template-columns:minmax(0,1fr)}}.tb-workspace{grid-template-columns:minmax(0,1fr) 360px}.tb-canvas-wrap{position:relative;background:radial-gradient(ellipse at center,#142030 0,#070c14 72%);overflow:hidden}.tb-canvas{display:block;width:100%;height:500px;touch-action:none;background:transparent}.tb-zoom{position:absolute;right:12px;top:12px;display:grid;border:1px solid #354254;border-radius:10px;overflow:hidden;background:#121a25e8}.tb-zoom button{min-width:42px;min-height:40px;border:0;border-bottom:1px solid #354254;border-radius:0;padding:0;font-size:20px;background:transparent}.tb-zoom button:last-child{border-bottom:0}.tb-state{display:flex;align-items:center;gap:7px}.tb-state i{margin:0}.tb-state.расчёт i{background:#55e39a}.tb-state.контакт i{background:#ff715c}.tb-stage-bottom{flex-wrap:wrap}.tb-com{color:#ff63df}.tb-telemetry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);background:var(--line);font-size:12px}.tb-telemetry span{display:grid;gap:2px;padding:9px 14px;background:#0c131e;color:var(--muted)}.tb-telemetry b{color:var(--text);font:600 13px monospace;white-space:nowrap}.tb-notice{margin:0;padding:10px 20px;border-top:1px solid #806022;background:#302619;color:#ffd8a4;font-size:13px}.tb-warning{border-color:#91453b;background:#371817;color:#ffd1c8}.tb-select-label{display:block;margin:22px 0 6px;color:var(--muted);font-size:14px}.tb-preset-note{min-height:58px;color:var(--muted);font-size:13px;line-height:1.45;margin:9px 0 19px}.tb-control-hint{min-height:19px;margin:0;color:var(--muted);font-size:12px}.tb-toggles{display:grid;margin-top:13px;border-top:1px solid var(--line);padding-top:8px}.tb-toggles .check-label{min-height:42px;font-size:14px}.tb-research{margin:28px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.tb-research>summary{display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:14px 22px;cursor:pointer;list-style:none}.tb-research>summary::-webkit-details-marker{display:none}.tb-research>summary span:first-child{display:grid;gap:3px}.tb-research>summary small{color:var(--muted)}.tb-chevron{color:var(--accent);font-size:24px;transition:transform .2s}.tb-research[open] .tb-chevron{transform:rotate(180deg)}.tb-research-body{border-top:1px solid var(--line);padding:18px 22px 22px}.tb-readouts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tb-readouts>div{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0c131e}.tb-readouts span{color:var(--muted);font:12px/1.45 monospace}.tb-history{color:var(--muted);font-size:12px}.tb-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tb-chart-grid .plot-card{margin:0}.tb-chart-wide{grid-column:1/-1}.tb-dialog{position:relative;width:min(620px,calc(100% - 28px));border:1px solid #34506f;border-radius:16px;padding:28px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #000b}.tb-dialog::backdrop{background:#02060bd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tb-dialog p{color:#bed0e2;line-height:1.6}.tb-dialog .tb-caveat{color:#ffd5a4}.tb-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px}.tb-dialog h2{margin-bottom:18px}@media(max-width:850px){.tb-workspace{grid-template-columns:1fr}.tb-canvas{height:420px}.tb-chart-grid{grid-template-columns:1fr}.tb-chart-wide{grid-column:auto}}@media(max-width:480px){.tb-canvas{height:330px}.tb-telemetry{grid-template-columns:1fr 1fr}.tb-telemetry span:last-child{grid-column:1/-1}.tb-readouts{grid-template-columns:1fr}.tb-research{margin:20px 0}.tb-research>summary{padding:12px 14px}.tb-research-body{padding:14px 8px}.tb-stage-bottom{font-size:11px}.tb-zoom button{min-width:40px;min-height:38px}}.tb-research-guide{margin-bottom:16px;padding:14px 16px;border-left:2px solid var(--accent);border-radius:0 9px 9px 0;background:#0c1c2d;color:var(--muted);font-size:14px;line-height:1.55}.tb-research-guide p{margin:0}.tb-research-guide p+p{margin-top:8px}.tb-research-guide b{color:var(--text)}.card-art{position:relative;height:auto;aspect-ratio:16/9;margin:18px 0 22px;overflow:hidden;border:1px solid #2a394b;border-radius:13px;background:#080d14;text-align:initial;font:inherit;color:inherit}.card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.card-symbol{position:absolute;right:12px;bottom:10px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:#08101acc;color:var(--accent);font:italic 26px Georgia;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card:hover .card-art img{transform:scale(1.025)}@media(prefers-reduced-motion:reduce){.card-art img{transition:none}.project-card:hover .card-art img{transform:none}}footer{gap:14px 28px;flex-wrap:wrap}.youtube-link{color:var(--accent)}.youtube-link:hover{text-decoration:underline;text-underline-offset:4px}.header-actions{display:flex;align-items:center;gap:24px}.language-switcher{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:9px;padding:2px;white-space:nowrap}.language-switcher a{display:grid;place-items:center;min-width:44px;min-height:40px;padding:0 5px;border-radius:6px;font-size:13px;font-weight:700;color:var(--muted)}.language-switcher a:hover{color:var(--text);background:#243545}.language-switcher a[aria-current=page]{color:#082521;background:var(--accent)}.tb-state.running i{background:#55e39a}.tb-state.contact i{background:#ff715c}.language-control{display:flex;align-items:center;gap:10px}.language-note{color:var(--muted);font-size:11px;line-height:1.25;max-width:150px}@media(max-width:480px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.header-actions{display:contents}.site-header .brand{grid-column:1;grid-row:1}.site-header .language-switcher{grid-column:2;grid-row:1}.site-header .catalog-link{grid-column:1/-1;grid-row:2;min-height:44px;display:flex;align-items:center}.site-header .catalog-link span{display:inline;margin-left:8px}.site-header .language-control{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-end}.site-header .language-note{max-width:140px;text-align:right}.tb-workspace{grid-template-columns:minmax(0,1fr)}.tb-workspace .speed,.tb-workspace aside{min-width:0}}#tb-preset{width:100%;max-width:100%}.social-links{display:flex;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap}.social-links--header .social-link{border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px}.social-links--header .social-link:hover{border-color:var(--accent);background:#172735}.social-links--footer .social-link{color:var(--accent);font-size:13px}.social-links--footer .social-link:hover{text-decoration:underline;text-underline-offset:4px}.social-icon{color:#ff6a6a;font-size:14px}.video-jump{display:table;margin:0 0 12px auto;padding:10px 0;color:var(--accent);font-size:14px}.video-jump:hover,.video-watch-link:hover{text-decoration:underline;text-underline-offset:4px}.experiment-video{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin:44px 0 76px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel);scroll-margin-top:24px}.experiment-video-copy{min-width:0;align-self:start}.experiment-video-copy h2{font-size:clamp(24px,3vw,32px)}.experiment-video-copy>p:not(.eyebrow){max-width:480px;color:var(--muted)}.video-watch-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--accent);font-weight:700}.video-fallback{font-size:13px}.video-frame{position:relative;width:min(100%,320px);overflow:hidden;border:1px solid #354254;border-radius:15px;background:radial-gradient(circle at 50% 30%,#263f50,#101722 65%,#080d14);box-shadow:0 18px 40px #0005}.video-frame--short{aspect-ratio:9/16}.video-frame--wide{width:min(100%,720px);aspect-ratio:16/9}.video-frame iframe,.video-poster{display:block;width:100%;height:100%;border:0}.video-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;background:transparent}.video-poster:hover{background:#24405a44}.video-poster-symbol{font:italic 90px Georgia;color:#48dfd044;line-height:1}.video-poster-play{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#e63846;color:white;font-size:23px;box-shadow:0 8px 30px #0008}.video-poster-title{font-size:22px;font-weight:700;line-height:1.2}.video-poster-action{color:var(--accent);font-size:14px;font-weight:700}.experiment-video-copy .video-language{display:inline-block;margin:2px 0 16px;padding:5px 10px;border:1px solid #48606b;border-radius:999px;color:#c6d6df;font-size:12px}@media(min-width:481px) and (max-width:850px){.site-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}}@media(max-width:680px){.experiment-video{grid-template-columns:minmax(0,1fr);justify-items:center;padding:22px 16px;gap:20px}.experiment-video-copy{justify-self:stretch}.video-frame{max-width:320px}}@media(max-width:480px){.site-header .social-links--header{grid-column:2;grid-row:2;justify-self:end}.site-header .social-links--header .social-link{padding:6px 9px;font-size:13px}.site-header .catalog-link{grid-column:1;grid-row:2}.experiment-video{margin:32px 0 50px}.video-frame{width:min(100%,300px)}}.experiment-video{grid-template-columns:minmax(0,1fr) 320px}.experiment-video--wide{grid-template-columns:minmax(0,1fr) minmax(0,720px)}.video-frame,.video-frame--wide{width:100%}.video-loading{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center;background:#101b29;color:var(--text)}.video-loading a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:1100px){.experiment-video--wide{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.experiment-video{grid-template-columns:minmax(0,1fr)}.video-frame{width:min(100%,320px)}}@media(max-width:480px){.video-frame{width:min(100%,300px)}}.chladni .stage-top{min-height:64px}.chladni-stage{position:relative}.chladni canvas{height:auto;aspect-ratio:1;touch-action:pan-y;background:#080e16}.chladni-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:#080e16e8;text-align:center}.chladni-spinner{width:32px;height:32px;border:2px solid #263240;border-top:2px solid var(--accent);border-radius:50%;animation:ch-spin 1s linear infinite}@keyframes ch-spin{to{transform:rotate(1turn)}}.chladni .playbar{flex-wrap:wrap}.chladni .stage-bottom{flex-wrap:wrap;font-size:12px}.chladni-select{display:grid;gap:6px;margin-bottom:18px;font-size:14px}.chladni-select select{width:100%;min-width:0}.chladni .control{margin-bottom:20px}.chladni input[type=range]{height:44px}.chladni-resonances{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.chladni-resonances>div{display:flex;flex-wrap:wrap;gap:8px}.chladni-resonances button{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chladni-resonances .selected{border-color:var(--accent);color:var(--accent)}.chladni-about{margin:24px 0;color:var(--muted);max-width:900px}.chladni-about summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--text)}.chladni button:disabled{opacity:.45;cursor:wait}@media(max-width:760px){.chladni .workspace{grid-template-columns:minmax(0,1fr)}.chladni .stage-top{padding:12px;font-size:12px}.chladni .playbar,.chladni .stage-bottom{padding:12px}.chladni aside,.chladni-resonances{padding:18px}}@media(prefers-reduced-motion:reduce){.chladni-spinner{animation:none}}.chladni .chladni-frequency{padding:16px 20px;margin:0;border-top:1px solid var(--line)}.chladni .stage-wrap{align-self:start}.chladni-particle-hint,.chladni-sweep-hint{padding:0 20px}.chladni-quick-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 20px 12px}.chladni-quick-settings .chladni-select{margin:0}.chladni-particle-hint{margin:0 0 18px}.chladni-advanced{border-top:1px solid var(--line);margin-top:18px}.chladni-advanced summary{cursor:pointer;min-height:48px;padding:14px 0}.chladni-advanced-body{display:grid;gap:16px;padding-top:4px}.chladni-advanced-body .chladni-select,.chladni-advanced-body .control{margin:0}@media(max-width:600px){.chladni-quick-settings{grid-template-columns:minmax(0,1fr);padding:4px 12px 12px}.chladni-particle-hint,.chladni-sweep-hint{padding:0 12px}}.chladni-preview{margin:0 0 24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#080e16}.chladni-preview-heading{display:flex;justify-content:space-between;gap:12px;padding:16px 20px 0;font-size:14px;color:var(--muted)}.chladni .chladni-perspective{display:block;width:100%;height:260px;aspect-ratio:auto}.chladni-preview figcaption{padding:0 20px 16px;color:var(--muted);font-size:12px;max-width:760px;line-height:1.5}@media(max-width:600px){.chladni .chladni-perspective{height:210px}.chladni-preview-heading{padding:14px 14px 0}.chladni-preview figcaption{padding:0 14px 14px}}.tunnel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:680px;margin:0 auto 22px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0c131e}.tunnel-tabs button{border:0;background:transparent;color:var(--muted);font-weight:700}.tunnel-tabs button.selected{background:#173239;color:var(--accent);box-shadow:inset 0 0 0 1px #367e7c}.tunnel-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.tunnel-controls,.tunnel-main{min-width:0}.tunnel-stage{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#071018}.tunnel-stage-top{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;color:var(--muted);font:13px monospace;border-bottom:1px solid var(--line)}.tunnel-status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #48dfd088}.tunnel-status.running:before{animation:tunnel-pulse 1.2s ease-in-out infinite}.tunnel-status.error:before{background:#ff6a91;box-shadow:none}@keyframes tunnel-pulse{50%{opacity:.35}}.tunneling .tunnel-canvas{height:460px;background:#071018}.tunnel-result{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:14px;padding:18px 22px;border:1px solid #284552;border-radius:16px;background:linear-gradient(135deg,#10212c,#0d1823)}.tunnel-result>span{font-size:15px;color:var(--muted)}.tunnel-result strong{grid-row:1/3;grid-column:2;font-size:clamp(44px,6vw,72px);line-height:1;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-3px}.tunnel-result small{font-size:13px;color:var(--muted)}.tunnel-controls{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.tunnel-controls h2{margin:6px 0 10px}.tunnel-primary-control{margin-bottom:22px}.tunnel-controls input[type=range]{height:42px}.tunnel-chart-range,.tunnel-range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.tunnel-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px}.tunnel-presets button{padding:8px;font-size:12px}.tunnel-presets button.selected{color:var(--accent);border-color:#367e7c;background:#163235}.tunnel-playbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}.tunnel-playbar button{min-width:0;padding:9px 8px}.tunnel-playbar .primary{min-width:0}.tunnel-playbar button:disabled{opacity:.55;cursor:wait}.tunnel-challenge{margin:14px 0;padding:12px;border-left:3px solid #536474;background:#17212d;color:var(--muted);font-size:13px}.tunnel-challenge.found{border-color:var(--accent);color:var(--accent);background:#123033}.tunnel-chart{margin:20px 0 0}.tunnel-chart figcaption{font-size:13px;color:var(--muted);margin-bottom:5px}.tunnel-chart svg{display:block;width:100%;height:auto;overflow:visible}.tunnel-chart-guide{fill:none;stroke:#354657;stroke-width:1}.tunnel-chart-line{fill:none;stroke:var(--accent);stroke-width:2.2;vector-effect:non-scaling-stroke}.tunnel-chart-dot{fill:#ffcf66;stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke}.tunnel-chart text{fill:#ffcf66;font-size:9px;font-weight:700;text-anchor:middle}.tunnel-advanced{margin-top:18px;border-top:1px solid var(--line)}.tunnel-advanced summary{cursor:pointer;min-height:48px;padding:14px 0;color:var(--text)}.tunnel-advanced>div{display:grid;gap:12px;padding-top:2px}.tunnel-advanced .control{margin:0}.tunnel-explanation{display:flex;gap:20px;max-width:900px;margin:28px 0 6px;padding:22px 0}.tunnel-explanation>span{color:var(--accent);font:italic 34px Georgia}.tunnel-explanation p{margin:0 0 8px;font-size:17px}.tunnel-explanation small{color:var(--muted)}@media(max-width:900px){.tunnel-workspace{grid-template-columns:minmax(0,1fr)}.tunnel-controls{padding:20px}.tunneling .tunnel-canvas{height:400px}}@media(max-width:520px){.tunnel-tabs{margin-bottom:14px}.tunnel-tabs button{padding:8px 5px;font-size:13px}.tunnel-stage-top{padding:11px 12px;font-size:12px}.tunneling .tunnel-canvas{height:310px}.tunnel-result{margin-top:10px;padding:15px 16px}.tunnel-result strong{font-size:50px}.tunnel-controls{padding:16px}.tunnel-presets button{min-height:48px;font-size:13px}.tunnel-explanation{gap:12px;margin-top:18px;padding-top:12px}.tunnel-explanation>span{display:none}.tunnel-explanation p{font-size:16px}}@media(prefers-reduced-motion:reduce){.tunnel-status.running:before{animation:none}}@media(max-width:480px){.site-header{row-gap:2px}.site-header .language-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}