:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#050505;--bg-1:#0a0a0a;--bg-2:#111;--bg-3:#171717;--surface:#0f0f0fe6;--surface-strong:#141414f5;--surface-soft:#ffffff0b;--border:#ffffff1a;--border-strong:#ffffff38;--text:#f5f5f5;--text-soft:#d2d2d2;--text-muted:#8f8f8f;--accent:#fff;--accent-strong:#ededed;--accent-soft:#ffffff1a;--success:#f0f0f0;--danger:#d8d8d8;--shadow-xl:0 28px 80px #00000070;--shadow-md:0 18px 42px #00000047;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-sans:"Bahnschrift", "Segoe UI Variable", "Trebuchet MS", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 0 0,#ffffff14,#0000 24%),radial-gradient(circle at 100% 0,#ffffff0d,#0000 22%),linear-gradient(#0b0b0b 0%,#030303 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:0 0;min-height:100vh}body,button,input,select,textarea{font:inherit}button,input,select{color:inherit}button{cursor:pointer}img{max-width:100%;display:block}code{font-family:var(--font-mono)}.icon{flex:none;width:1rem;height:1rem}.catalog-shell{min-height:100vh;padding:36px 22px 56px;position:relative;overflow:hidden}.catalog-backdrop{pointer-events:none;opacity:.86;background:radial-gradient(circle at 16% 8%,#ffffff0f,#0000 18%),radial-gradient(circle at 86% 14%,#ffffff08,#0000 22%),radial-gradient(circle at 50% 100%,#ffffff0a,#0000 28%);position:absolute;inset:0}.hero-card,.toolbar-card,.state-card,.voice-card{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff09, #ffffff04), var(--surface);width:min(1380px,100%);box-shadow:var(--shadow-xl);margin-inline:auto;position:relative}.hero-card,.toolbar-card,.state-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);align-items:start;gap:22px;padding:30px;display:grid}.hero-card__copy{flex-direction:column;gap:12px;display:flex}.hero-card__eyebrow{color:#eaeaea;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;width:fit-content;padding:.4rem .8rem;font-size:.78rem;display:inline-flex}.hero-card h1{letter-spacing:-.04em;max-width:15ch;margin:0;font-size:clamp(2.5rem,4vw,4.2rem);line-height:.95}.hero-card p{max-width:60ch;color:var(--text-soft);margin:0;font-size:1rem;line-height:1.7}.hero-card__guide{background:linear-gradient(#ffffff0a,#ffffff05),#0f0f0ff5;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;min-height:100%;padding:20px 22px;display:flex}.hero-card__guide-title{letter-spacing:.01em;margin:0;font-size:1rem}.hero-card__command-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.hero-card__command-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.hero-card__command-item code{width:fit-content;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:.28rem .5rem}.hero-card__command-item span{color:var(--text-soft);font-size:.92rem;line-height:1.45}.hero-card__guide-footer{justify-content:center;margin-top:auto;padding-top:22px;display:flex}.hero-card__guide-note{max-width:20rem;color:var(--text-muted);text-align:center;margin:0;font-size:.84rem;line-height:1.45}.toolbar-card{border-radius:26px;margin-top:22px;padding:22px}.search-field{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:12px;padding:0 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.search-field:focus-within{border-color:#ffffff3d;transform:translateY(-1px);box-shadow:0 0 0 4px #ffffff12}.search-field__icon{color:var(--text-muted);display:inline-flex}.search-field input{width:100%;min-height:56px;color:var(--text);background:0 0;border:0;outline:0;font-size:1rem}.search-field input::placeholder{color:var(--text-muted)}.filters-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.filter-select{flex-direction:column;gap:8px;display:flex}.filter-select span{color:var(--text-muted);font-size:.82rem}.filter-select__control{position:relative}.filter-select select,.ghost-button,.primary-button{min-height:50px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:0 14px;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s}.filter-select select{appearance:none;color:#f1f1f1;background-color:#111;width:100%;padding-right:46px}.filter-select select option{color:#f5f5f5;background:#101010}.filter-select select option:checked{color:#090909;background:#f1f1f1}.filter-select__chevron{color:#d9d9d9;pointer-events:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)rotate(90deg)}.filter-select select:hover,.ghost-button:hover,.primary-button:hover,.copy-button:hover,.pagination__edge:hover,.pagination__page:hover{border-color:#ffffff3d;transform:translateY(-1px)}.filter-select select:focus-visible,.ghost-button:focus-visible,.primary-button:focus-visible,.copy-button:focus-visible,.pagination__edge:focus-visible,.pagination__page:focus-visible{border-color:#ffffff3d;outline:0;box-shadow:0 0 0 4px #ffffff12}.ghost-button{align-self:end;font-weight:600}.primary-button{background:linear-gradient(#ffffff24,#ffffff0f),#222222f5;border-color:#ffffff2e;font-weight:700}.toolbar-card__footer{color:var(--text-soft);justify-content:space-between;gap:16px;margin-top:16px;font-size:.95rem;display:flex}.toolbar-card__footer p{margin:0}.state-card{border-radius:var(--radius-xl);text-align:center;margin-top:22px;padding:30px}.state-card h2{margin:0 0 10px;font-size:clamp(1.6rem,2vw,2rem)}.state-card p{max-width:52ch;color:var(--text-soft);margin:0 auto 18px;line-height:1.7}.state-card--error{background:linear-gradient(#ffffff08,#ffffff03),#0e0e0ef5;border-color:#ffffff24}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;width:min(1380px,100%);margin:22px auto 0;display:grid}.voice-card{background:radial-gradient(circle at top,#ffffff0e,#0000 54%),linear-gradient(#ffffff07,#ffffff02),#0a0a0afb;border-color:#ffffff1c;border-radius:24px;margin:0;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 18px 42px #00000047}.voice-card:hover{border-color:var(--border-strong);box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow-md);background:radial-gradient(circle at top,#fff1,#0000 54%),linear-gradient(#ffffff08,#ffffff03),#0e0e0efc;transform:translateY(-4px)}.voice-card__media{align-items:center;gap:12px;display:flex}.voice-card__avatar-shell{background:radial-gradient(circle at top,#ffffff1f,#0000 46%),linear-gradient(#232323 0%,#121212 100%);border:1px solid #ffffff1f;border-radius:20px;flex:0 0 80px;width:80px;height:80px;position:relative;overflow:hidden}.voice-card__avatar{object-fit:cover;width:100%;height:100%}.voice-card__summary{flex:auto;min-width:0}.voice-card__title-row{align-items:center;gap:10px;display:flex}.voice-card__title-row h2{min-width:0;margin:0;font-size:1.16rem;line-height:1.15}.voice-card__emoji{font-size:1.12rem;line-height:1}.voice-card__badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.voice-badge{letter-spacing:.01em;border-radius:999px;align-items:center;padding:.32rem .62rem;font-size:.78rem;font-weight:700;display:inline-flex}.voice-badge--soft{color:var(--text-soft);background:#ffffff12}.voice-card__tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.voice-tag{appearance:none;max-width:100%;min-height:32px;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:.28rem .62rem;font-family:inherit;font-size:.82rem;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex;overflow:hidden}button.voice-tag{cursor:pointer}button.voice-tag:hover{color:var(--text);background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}button.voice-tag:focus-visible{border-color:#ffffff38;outline:0;box-shadow:0 0 0 4px #ffffff0f}.voice-tag--active{color:var(--text);background:linear-gradient(#ffffff24,#ffffff0d),#1c1c1cf5;border-color:#ffffff3d}.voice-tag--more{color:var(--accent-strong);cursor:default}.voice-card__player,.voice-card__command{margin-top:14px}.voice-card__section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.8rem;display:inline-block}.sample-player{background:linear-gradient(#ffffff0a,#ffffff05),#111111fa;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.sample-player--error{border-color:#ffffff29}.sample-player__audio{display:none}.sample-player__toggle{width:40px;height:40px;color:var(--text);background:linear-gradient(#ffffff24,#ffffff0d),#181818fa;border:1px solid #ffffff1f;border-radius:14px;flex:none;justify-content:center;align-items:center;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s;display:inline-flex}.sample-player__play-icon{width:1.28rem;height:1.28rem}.sample-player__pause-icon{width:1.18rem;height:1.18rem}.sample-player__toggle:hover{border-color:#ffffff38;transform:translateY(-1px)}.sample-player__toggle:focus-visible{border-color:#ffffff3d;outline:0;box-shadow:0 0 0 4px #ffffff12}.sample-player__toggle--loading{cursor:progress}.sample-player__spinner{animation:.9s linear infinite sample-player-spin}.sample-player__body{flex:auto;min-width:0}.sample-player__progress{appearance:none;background:linear-gradient(90deg, #ffffffe0 0 var(--sample-progress), #ffffff24 var(--sample-progress) 100%);cursor:pointer;border-radius:999px;width:100%;height:4px}.sample-player__progress:disabled{cursor:default;opacity:.55}.sample-player__progress::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:4px}.sample-player__progress::-moz-range-track{background:0 0;border-radius:999px;height:4px}.sample-player__progress::-webkit-slider-thumb{appearance:none;background:#f5f5f5;border:0;border-radius:999px;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 3px #050505e6}.sample-player__progress::-moz-range-thumb{background:#f5f5f5;border:0;border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 3px #050505e6}.sample-player__meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.78rem;line-height:1.35;display:flex}.sample-player__time{min-width:0}.sample-player__volume{color:var(--text-soft);flex:none;align-items:center;gap:8px;display:inline-flex}.sample-player__volume-icon{width:1rem;height:1rem}.sample-player__volume-slider{appearance:none;background:linear-gradient(90deg, #ffffffb8 0 var(--sample-volume), #ffffff24 var(--sample-volume) 100%);cursor:pointer;border-radius:999px;width:72px;height:4px}.sample-player__volume-slider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:4px}.sample-player__volume-slider::-moz-range-track{background:0 0;border-radius:999px;height:4px}.sample-player__volume-slider::-webkit-slider-thumb{appearance:none;background:#f1f1f1;border:0;border-radius:999px;width:10px;height:10px;margin-top:-3px;box-shadow:0 0 0 3px #050505e0}.sample-player__volume-slider::-moz-range-thumb{background:#f1f1f1;border:0;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #050505e0}.voice-card__command-row{align-items:center;gap:10px;display:flex}.voice-card__command-row code{color:#f0f0f0;overflow-wrap:anywhere;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;flex:auto;align-items:center;min-height:46px;padding:0 14px;display:flex}.copy-button{min-width:46px;min-height:46px;color:var(--text);background:linear-gradient(#ffffff1f,#ffffff0d),#1f1f1ff5;border:1px solid #ffffff24;border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.copy-button .icon{width:1.1rem;height:1.1rem}.pagination{border:1px solid var(--border);background:var(--surface);width:min(1380px,100%);box-shadow:var(--shadow-xl);border-radius:24px;justify-content:space-between;align-items:center;gap:14px;margin:20px auto 0;padding:18px;display:flex}.pagination__edge,.pagination__page{min-height:46px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pagination__edge:disabled,.pagination__page:disabled,.filter-select select:disabled,.ghost-button:disabled,.primary-button:disabled,.copy-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.pagination__pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.pagination__page{min-width:46px;padding:0 12px}.pagination__page--active{background:linear-gradient(#ffffff24,#ffffff0f),#1d1d1df5;border-color:#ffffff3d}.pagination__ellipsis{color:var(--text-muted);padding:0 6px}.voice-card--skeleton{pointer-events:none}.skeleton{background:#ffffff12;border-radius:18px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--media{height:92px;margin-bottom:16px}.skeleton--line{height:14px;margin-top:12px}.skeleton--title{width:66%}.skeleton--badges{width:48%}.skeleton--tags{width:72%}.skeleton--player{height:48px;margin-top:18px}.skeleton--command{width:82%;margin-top:18px}.toast{z-index:10;background:linear-gradient(#ffffff14,#ffffff08),#0e0e0ef7;border:1px solid #ffffff29;border-radius:18px;min-width:240px;max-width:min(360px,100vw - 32px);padding:14px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 48px #00000061}.toast strong,.toast span{display:block}.toast strong{margin-bottom:4px}.toast span{color:var(--text-soft);overflow-wrap:anywhere;font-size:.9rem}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes sample-player-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.hero-card{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.catalog-shell{padding:22px 16px 40px}.hero-card,.toolbar-card,.state-card,.pagination{border-radius:22px}.hero-card,.toolbar-card,.state-card{padding:20px}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-card__footer,.pagination{flex-direction:column;align-items:stretch}.pagination__pages{order:-1}}@media (width<=560px){.hero-card h1{max-width:none}.filters-grid,.voice-grid{grid-template-columns:1fr}.voice-card__media{align-items:flex-start}.voice-card__avatar-shell{flex-basis:74px;width:74px;height:74px}.voice-card__command-row{flex-direction:column;align-items:stretch}.copy-button{width:100%}.sample-player{align-items:stretch}.sample-player__meta{flex-wrap:wrap}.sample-player__volume{width:100%}.sample-player__volume-slider{flex:auto;width:auto}.sample-player__toggle{width:44px;height:44px}.toast{bottom:16px;right:16px}}