:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#111;--card:#1a1a2e;--card-strong:#20203b;--card-alt:#4fc3f714;--border:#ffffff14;--text:#e0e0e0;--text-muted:#9aa4b2;--accent:#4fc3f7;--accent-soft:#4fc3f729;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--shadow:0 24px 80px #00000059;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top, #4fc3f729, transparent 28%), linear-gradient(180deg, #111111e6, transparent 32%), var(--bg);min-height:100vh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer;border:0}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111111e6;position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.brand__mark{background:var(--accent);border-radius:999px;width:.8rem;height:.8rem;box-shadow:0 0 20px #4fc3f799}.nav-links{flex-wrap:wrap;gap:.5rem;display:flex}.nav-link{color:var(--text-muted);border-radius:999px;padding:.625rem .95rem;transition:background-color .16s,color .16s,transform .16s}.nav-link:hover{color:var(--text);background:#ffffff0d;transform:translateY(-1px)}.nav-link--active{background:var(--accent-soft);color:var(--accent)}.locale-switcher{appearance:none;border:1px solid var(--border);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239aa4b2'/%3E%3C/svg%3E") no-repeat right .55rem center / 10px 6px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;padding:.35rem 1.8rem .35rem .6rem;font-size:.8rem;transition:border-color .16s,color .16s}.locale-switcher:hover{border-color:var(--accent);color:var(--text)}.locale-switcher:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.locale-switcher option{background:var(--surface);color:var(--text)}.page-shell{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:999px;width:.55rem;height:.55rem}.status-badge--idle{color:var(--text-muted);background:#ffffff0f}.status-badge--loading{color:var(--warning);background:#fbbf241f}.status-badge--processing{color:var(--success);background:#4ade801f}.status-badge--error,.status-badge--destroyed{color:var(--danger);background:#fb71851f}.waveform-shell{flex-direction:column;gap:.85rem;display:flex}.waveform-label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.waveform-label__title{margin:0;font-size:1rem}.waveform-label__caption{color:var(--text-muted);margin:0;font-size:.82rem}.waveform-canvas{background:linear-gradient(#4fc3f714,#0000 45%),#06080ff2;border:1px solid #ffffff0f;border-radius:18px;width:100%;height:200px;display:block}.code-block{color:#d8e6f3;background:#080b14e6;border:1px solid #ffffff0a;border-radius:18px;margin:0;padding:1rem 1.1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.demo{flex-direction:column;gap:1rem;display:flex}.demo__header{border:1px solid var(--border);background:linear-gradient(#1a1a2ef2,#0f0f1af5);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;display:flex}.demo__tag{background:var(--accent-soft);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.demo__title{margin:.35rem 0 0;font-size:1.5rem;line-height:1.15}.demo__subtitle{color:var(--text-muted);margin:.2rem 0 0;font-size:.875rem}.demo__subtitle code{color:var(--accent);font-size:.8rem}.demo__alert{border-radius:10px;padding:.6rem 1rem;font-size:.85rem;line-height:1.4}.demo__alert--error{color:var(--danger);background:#fb71851f;border:1px solid #fb718540}.demo__alert--warn{color:var(--warning);background:#fbbf241a;border:1px solid #fbbf2433}.demo__controls{border:1px solid var(--border);background:linear-gradient(#1a1a2ef2,#0f0f1af5);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.demo__row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.demo__field{flex-direction:column;gap:.3rem;min-width:120px;display:flex}.demo__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:600}.demo__select{border:1px solid var(--border);background:var(--surface);height:2.2rem;color:var(--text);border-radius:8px;padding:0 .7rem;font-size:.85rem}.demo__select option{background:var(--surface);color:var(--text)}.demo__select:focus{outline:2px solid var(--accent);outline-offset:1px}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg__btn{color:var(--text-muted);background:0 0;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:background .12s,color .12s}.seg__btn:hover:not(:disabled){background:#ffffff0d}.seg__btn--on{background:var(--accent-soft);color:var(--accent)}.seg__btn+.seg__btn{border-left:1px solid var(--border)}.demo__actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:.5rem;display:flex}.demo__btn{border-radius:10px;height:2.4rem;padding:0 1.2rem;font-size:.85rem;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.demo__btn:active:not(:disabled){transform:scale(.97)}.demo__btn--start{background:linear-gradient(135deg, var(--accent), #2196f3);color:#000;box-shadow:0 2px 12px #4fc3f74d}.demo__btn--start:hover:not(:disabled){box-shadow:0 4px 20px #4fc3f773}.demo__btn--stop{color:var(--text);background:#ffffff14}.demo__btn--stop:hover:not(:disabled){background:#ffffff1f}.demo__btn--secondary{border:1px solid var(--border);height:2.2rem;color:var(--text);background:0 0;border-radius:8px;padding:0 1rem;font-size:.82rem}.demo__toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.demo__toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.demo__volume{color:var(--text-muted);align-items:center;gap:.5rem;margin-left:auto;font-size:.8rem;display:inline-flex}.demo__volume input[type=range]{width:90px;accent-color:var(--accent)}.demo__waves{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.demo__metrics{border:1px solid var(--border);background:#1a1a2e99;border-radius:12px;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1.25rem;font-size:.82rem;display:flex}.demo__metric{flex-direction:column;display:flex}.demo__metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem}.demo__metric-value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.demo__code{border:1px solid var(--border);background:linear-gradient(#1a1a2ef2,#0f0f1af5);border-radius:14px;overflow:hidden}.demo__code summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.85rem 1.25rem;font-size:.85rem;font-weight:600;transition:color .12s}.demo__code summary:hover{color:var(--text)}.demo__code[open] summary{border-bottom:1px solid var(--border)}.demo__inspector{border:1px solid var(--border);background:linear-gradient(#1a1a2ef2,#0f0f1af5);border-radius:14px;padding:1.25rem}.demo__inspector-title{margin:0 0 .5rem;font-size:.85rem;font-weight:600}.demo__inspector-grid{font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:2px;display:grid}.demo__inspector-cell{text-align:center;background:#ffffff08;border-radius:4px;padding:.2rem .3rem;font-family:monospace;font-size:.7rem}@media (width<=720px){.demo__waves{grid-template-columns:1fr}.demo__row,.demo__actions{flex-direction:column;align-items:stretch}.demo__volume{margin-left:0}}.landing{flex-direction:column;gap:1.5rem;display:flex}.landing__hero{text-align:center;padding:2rem 0 1rem}.landing__title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent), #e0e0e0 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem}.landing__subtitle{max-width:600px;color:var(--text-muted);margin:.5rem auto 0;font-size:1rem;line-height:1.6}.landing__subtitle code{color:var(--accent);font-size:.9rem}.landing__stats{border:1px solid var(--border);background:#1a1a2e99;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem 1.5rem;display:flex}.landing__stat{flex-direction:column;align-items:center;min-width:100px;display:flex}.landing__stat-value{font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.2rem;font-weight:700}.landing__stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem}.landing__section-title{margin:0 0 .75rem;font-size:1.15rem;font-weight:700}.landing__features{border:1px solid var(--border);background:linear-gradient(#1a1a2ef2,#0f0f1af5);border-radius:16px;padding:1.25rem 1.5rem}.landing__feature-list{color:var(--text-muted);flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;font-size:.9rem;line-height:1.6;display:flex}.landing__feature-list code{color:var(--accent);font-size:.82rem}.landing__demos{flex-direction:column;gap:.75rem;display:flex}.landing__cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.landing__card{border:1px solid var(--border);color:inherit;background:linear-gradient(#1a1a2ef2,#0f0f1af5);border-radius:16px;flex-direction:column;gap:.35rem;padding:1.25rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.landing__card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #4fc3f726}.landing__card-layer{background:var(--accent-soft);width:fit-content;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.landing__card-title{margin:.2rem 0 0;font-size:1.15rem}.landing__card-desc{color:var(--text-muted);flex:1;margin:0;font-size:.82rem;line-height:1.5}.landing__card-api{color:var(--accent);margin-top:.3rem;font-size:.82rem}@media (width<=720px){.landing__cards{grid-template-columns:1fr}.landing__title{font-size:1.8rem}}