:root{--bg: #07090e;--bg-subtle: #0d1118;--surface: #121722;--surface-elevated: #182030;--surface-card: rgba(18, 23, 34, .75);--border: rgba(255, 255, 255, .09);--border-light: rgba(255, 255, 255, .16);--cyan: #00f2fe;--cyan-tint: rgba(0, 242, 254, .12);--pink: #fe2c55;--pink-tint: rgba(254, 44, 85, .12);--violet: #7928ca;--violet-deep: #591b9a;--amber: #ffb020;--green: #10b981;--gradient-tt: linear-gradient(135deg, #00f2fe 0%, #7928ca 50%, #fe2c55 100%);--gradient-story: linear-gradient(45deg, #00f2fe, #fe2c55, #7928ca, #00f2fe);--gradient-btn: linear-gradient(135deg, #00f2fe 0%, #0099ff 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 100%);--text: #f4f6fa;--text-heading: #ffffff;--text-soft: #a1a9be;--text-muted: #657088;--text-dim: var(--text-soft);--text-mute: var(--text-muted);--step-num-color: rgba(255, 255, 255, .12);--brand: var(--cyan);--violet-deep: var(--violet);--elev: var(--surface);--ink: var(--text);--ink-soft: var(--text-soft);--muted: var(--text-muted);--paper: var(--bg);--line: var(--border);--table-head-bg: rgba(255, 255, 255, .04);--card-bg: var(--surface);--card-border: var(--border);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .35);--shadow-glow-cyan: 0 0 25px rgba(0, 242, 254, .28);--shadow-glow-pink: 0 0 25px rgba(254, 44, 85, .28);--shadow-lift: 0 12px 36px rgba(0, 0, 0, .55);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 9999px;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--maxw: 1160px}:root[data-theme=light],html.light{color-scheme:light;--bg: #f8fafc;--bg-subtle: #f1f5f9;--surface: #ffffff;--surface-elevated: #ffffff;--surface-card: rgba(255, 255, 255, .98);--card-bg: #ffffff;--border: rgba(15, 23, 42, .09);--border-light: rgba(15, 23, 42, .16);--card-border: rgba(15, 23, 42, .09);--cyan: #008fa0;--cyan-tint: rgba(0, 143, 160, .12);--pink: #e01e44;--pink-tint: rgba(224, 30, 68, .12);--violet: #6b21a8;--violet-deep: #581c87;--text: #0f172a;--text-heading: #0f172a;--text-soft: #334155;--text-muted: #64748b;--text-dim: var(--text-soft);--text-mute: var(--text-muted);--step-num-color: rgba(0, 143, 160, .22);--brand: var(--cyan);--elev: var(--surface);--ink: var(--text);--ink-soft: var(--text-soft);--muted: var(--text-muted);--paper: var(--bg);--line: var(--border);--table-head-bg: #f1f5f9;--shadow-soft: 0 4px 20px rgba(15, 23, 42, .05);--shadow-glow-cyan: 0 0 25px rgba(0, 143, 160, .15);--shadow-glow-pink: 0 0 25px rgba(224, 30, 68, .15);--shadow-lift: 0 12px 36px rgba(15, 23, 42, .08);--gradient-card: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,0) 100%)}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark;overflow-x:hidden}body{margin:0;width:100%;overflow-x:hidden;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(121,40,202,.18),transparent 70%),radial-gradient(ellipse 60% 40% at 15% 15%,rgba(0,242,254,.08),transparent 60%),radial-gradient(ellipse 60% 40% at 85% 25%,rgba(254,44,85,.08),transparent 60%);background-repeat:no-repeat;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;transition:background-color .25s ease,color .25s ease}html.light body{background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(107,33,168,.06),transparent 70%),radial-gradient(ellipse 60% 40% at 15% 15%,rgba(0,143,160,.05),transparent 60%),radial-gradient(ellipse 60% 40% at 85% 25%,rgba(224,30,68,.04),transparent 60%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;letter-spacing:-.025em;margin:0;font-weight:700;color:var(--text-heading)}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6,html.light b:not(.btn b):not(.badge b),html.light strong,html.light th,html.light [class*=title]:not(.btn):not(.badge),html.light [class*=heading]{color:#0f172a!important}html.light h1[style*="color:#fff"],html.light h1[style*="color: #fff"],html.light h1[style*="color:#ffffff"],html.light h2[style*="color:#fff"],html.light h2[style*="color: #fff"],html.light h2[style*="color:#ffffff"],html.light h3[style*="color:#fff"],html.light h3[style*="color: #fff"],html.light h3[style*="color:#ffffff"],html.light h4[style*="color:#fff"],html.light h4[style*="color: #fff"],html.light h4[style*="color:#ffffff"],html.light h5[style*="color:#fff"],html.light h5[style*="color: #fff"],html.light h5[style*="color:#ffffff"],html.light p[style*="color:#fff"],html.light p[style*="color: #fff"],html.light b[style*="color:#fff"],html.light b[style*="color: #fff"],html.light b[style*="color:#ffffff"],html.light label[style*="color:#fff"],html.light label[style*="color: #fff"],html.light div[style*="color:#fff"],html.light div[style*="color: #fff"],html.light span[style*="color:#fff"]:not(.badge):not(.stage-badge):not(.btn):not(.pill-badge),html.light span[style*="color: #fff"]:not(.badge):not(.stage-badge):not(.btn):not(.pill-badge){color:#0f172a!important}html.light input,html.light textarea,html.light select,html.light .input-wrapper input,html.light .search-box input{color:#0f172a!important;background-color:transparent!important}html.light select option{background-color:#fff!important;color:#0f172a!important}html.light input::placeholder,html.light textarea::placeholder{color:#64748b!important;opacity:1}html.light .input-wrapper{color:#0f172a!important}html.light .paste-btn{background:#008fa014!important;color:var(--cyan)!important;border-color:#008fa040!important}html.light .paste-btn:hover{background:#008fa029!important}html.light .pop-label{color:var(--text-muted)!important}html.light .pop-tag{background:#0f172a0a!important;color:#334155!important;border-color:#0f172a1a!important}html.light .pop-tag:hover{background:#008fa014!important;color:var(--cyan)!important;border-color:var(--cyan)!important}html.light .hero-title{color:#0f172a!important}html.light .hero-sub{color:#334155!important}html.light .pill-badge{background:#008fa00f!important;border-color:#008fa040!important;color:#008fa0!important}html.light .sec-pill{background:#008fa014!important;color:#008fa0!important;border-color:#008fa038!important}html.light .btn-ghost{background:#0f172a0a;color:#0f172a;border-color:var(--border)}html.light .btn-ghost:hover{background:#0f172a14;border-color:var(--border-light);color:#0f172a}html.light .btn-cyan{background:#008fa0!important;color:#fff!important;box-shadow:0 4px 16px #008fa047!important}html.light .btn-cyan:hover{background:#007a8a!important;color:#fff!important;box-shadow:0 6px 20px #008fa061!important}html.light .search-box{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 10px 30px #0f172a14!important}html.light .res-card,html.light .doc-body :global(.guide-diagram-card),html.light .finder-diagram-card,html.light .algo-diagram-card,html.light .audit-diagram-card,html.light .voice-diagram-card,html.light .caption-anatomy-card,html.light .font-diagram-card,html.light .hashtag-diagram-card,html.light .username-diagram-card,html.light .about-diagram-card,html.light .privacy-matrix-card,html.light .terms-matrix-card,html.light .guides-roadmap-card,html.light .architecture-diagram-card,html.light .step-card,html.light .feat-card,html.light .tip-card,html.light .creator-card,html.light .video-card,html.light .sound-card,html.light .story-diagram-card,html.light .comp-table-card,html.light .guide-table-wrap,html.light .audio-flow-card,html.light .audio-spec-card,html.light .funnel-step,html.light .compat-card,html.light .strat-card,html.light .layer-item,html.light .flow-node,html.light .flow-step,html.light .source-box,html.light .u-stage-card,html.light .feature-card,html.light .comm-tier-box{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 4px 20px #0f172a0d!important}html.light .step-badge,html.light .step-num,html.light .s-num,html.light .count-num,html.light .metric-val,html.light .ts-er,html.light .spec-score,html.light .pyr-title{color:#008fa0!important}html.light .story-node,html.light .pipe-node,html.light .audio-pipe-step,html.light .dt-node,html.light .spec-node,html.light .tree-node,html.light .roadmap-pillar{background:#f8fafc!important;border-color:#0f172a1a!important}html.light .story-node h4,html.light .pipe-node h4,html.light .funnel-content h4,html.light .v-name,html.light .v-pipe-stage h4,html.light .pyr-level h4,html.light .pyr-head h4,html.light .spec-node h4,html.light .tree-node h4,html.light .decision-head h3,html.light .roadmap-pillar h4,html.light .audit-card h4,html.light .step-card h3,html.light .step-title,html.light .feat-card h3,html.light .feat-title,html.light .tip-card h3,html.light .sound-title,html.light .modal-author-row h3,html.light .u-stat b,html.light .stat-box b,html.light .vmodal-stat-box b,html.light .res-card b,html.light .modal-info h3,html.light .mstat b,html.light .good-val,html.light .v-title,html.light .dl-btn-opt,html.light .font-item-text,html.light .hashtag-tag,html.light .user-handle,html.light .audio-pipe-step b,html.light .arch-node b,html.light .audit-card b,html.light .comm-tier-box h4,html.light .compat-card h4,html.light .c-os,html.light .c-user,html.light .doc h2,html.light .doc li strong,html.light .faq-summary,html.light .feature-card h3,html.light .flow-node h4,html.light .flow-step h4,html.light .layer-item h4,html.light .mini-flow-step b,html.light .ratio-title,html.light .source-box h4,html.light .strat-card h4,html.light .u-stage-card h4,html.light .vm-stat b{color:#0f172a!important}html.light .story-node p,html.light .pipe-node p,html.light .funnel-content p,html.light .spec-node p,html.light .tree-node p,html.light .roadmap-pillar p,html.light .step-card p,html.light .step-desc,html.light .feat-card p,html.light .feat-desc,html.light .tip-card p,html.light .audit-card p,html.light .faq-body,html.light .guide-content p,html.light .doc-body p,html.light .audio-pipe-step p,html.light .sound-artist,html.light .strat-card p,html.light .compat-card p,html.light .layer-item p,html.light .flow-node p,html.light .flow-step p,html.light .feature-card p,html.light .source-box p,html.light .u-stage-card p,html.light .mini-flow-step span,html.light .comm-tier-box p{color:#475569!important}html.light .warning-node{background:#e01e440a!important;border-color:#e01e4433!important}html.light .warning-node h4{color:#e01e44!important}html.light .shield-node{background:#008fa00d!important;border-color:#008fa040!important}html.light .shield-node h4{color:#008fa0!important}html.light .safe-node{background:#0284c70d!important;border-color:#0284c740!important}html.light .safe-node h4{color:#0284c7!important}html.light .visual-table,html.light .guide-matrix-table,html.light .tbl-matrix,html.light .spec-table,html.light .table{background:#fff!important}html.light .visual-table th,html.light .guide-matrix-table th,html.light .tbl-matrix th,html.light .spec-table th,html.light .table th{background:#f1f5f9!important;color:#0f172a!important;border-color:#0f172a14!important}html.light .visual-table td,html.light .guide-matrix-table td,html.light .tbl-matrix td,html.light .spec-table td,html.light .table td{color:#334155!important;border-color:#0f172a0f!important}html.light .good-val{color:#0f172a!important;font-weight:700!important}html.light .bad-val{color:#64748b!important}html.light .highlight-col{background:#008fa00d!important;border-left-color:#008fa033!important;border-right-color:#008fa033!important}html.light .visual-table th.highlight-col{background:#008fa01f!important;color:#008fa0!important}html.light .story-modal .modal-card,html.light .video-player-modal .vmodal-card,html.light .modal-dialog,html.light .modal-card{background:#fff!important;border-color:#0f172a1f!important;color:#0f172a!important;box-shadow:0 25px 60px #0f172a2e!important}html.light .modal-uname,html.light .vmodal-uname{color:#0f172a!important}html.light .modal-counter,html.light .vmodal-counter-badge{color:#64748b!important}html.light .modal-icon-btn{background:#0f172a0f!important;color:#0f172a!important;border-color:#0f172a1f!important}html.light .vmodal-details{background:#f8fafc!important;border-left-color:#0f172a14!important}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item[open]{border-color:var(--border-light)}.faq-summary{list-style:none;cursor:pointer;padding:18px 22px;font-family:var(--font-display);font-weight:600;font-size:16.5px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-heading);user-select:none}.faq-summary::-webkit-details-marker,.faq-summary::marker{display:none;content:""}.faq-chev{flex:none;width:9px;height:9px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg);transition:transform .2s ease}.faq-item[open] .faq-chev{transform:rotate(-135deg)}.faq-body{padding:0 22px 20px;color:var(--text-soft);font-size:15px;line-height:1.65}.faq-body p{margin:0}html.light .faq-item,:root[data-theme=light] .faq-item{background:#fff!important;border-color:#0f172a17!important}html.light .faq-item[open],:root[data-theme=light] .faq-item[open]{border-color:var(--cyan)!important;box-shadow:0 4px 16px #0000000a}html.light .faq-summary,:root[data-theme=light] .faq-summary{color:#0f172a!important}html.light .faq-summary:hover,:root[data-theme=light] .faq-summary:hover{color:var(--cyan)!important}html.light .faq-body,:root[data-theme=light] .faq-body{color:#475569!important}html.light .res-tabs,:root[data-theme=light] .res-tabs{border-bottom:1.5px solid rgba(15,23,42,.12)!important}html.light .res-tab-btn,:root[data-theme=light] .res-tab-btn{color:#475569!important;font-weight:700!important}html.light .res-tab-btn:hover,:root[data-theme=light] .res-tab-btn:hover{color:#0f172a!important}html.light .res-tab-btn.active,:root[data-theme=light] .res-tab-btn.active{color:#0f172a!important;border-bottom-color:#008fa0!important}html.light .res-tab-btn.active:after,:root[data-theme=light] .res-tab-btn.active:after{background:#008fa0!important}html.light .tab-btn,:root[data-theme=light] .tab-btn{background:#0f172a0a!important;color:#475569!important;border-color:var(--border)!important}html.light .tab-btn.active,:root[data-theme=light] .tab-btn.active{background:#008fa0!important;color:#fff!important}html.light .profile-stats-bar,:root[data-theme=light] .profile-stats-bar{background:#f8fafc!important;border-bottom-color:#0f172a14!important}html.light .stat-col b,:root[data-theme=light] .stat-col b{color:#0f172a!important}html.light .profile-head,:root[data-theme=light] .profile-head{border-bottom-color:#0f172a14!important}html.light .profile-name,:root[data-theme=light] .profile-name,html.light .profile-name span,:root[data-theme=light] .profile-name span{color:#0f172a!important}html.light .profile-bio,:root[data-theme=light] .profile-bio{color:#334155!important}html.light .profile-handle,:root[data-theme=light] .profile-handle{color:#64748b!important}html.light .btn-load-more,:root[data-theme=light] .btn-load-more{background:#f1f5f9!important;border-color:#008fa066!important;color:#008fa0!important;box-shadow:0 4px 14px #0f172a0d!important}html.light .btn-load-more:hover,:root[data-theme=light] .btn-load-more:hover{background:#008fa0!important;color:#fff!important;box-shadow:0 6px 20px #008fa047!important}html.light .step-card,:root[data-theme=light] .step-card{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 4px 20px #0f172a0d!important}html.light .step-title,:root[data-theme=light] .step-title{color:#0f172a!important}html.light .step-desc,:root[data-theme=light] .step-desc{color:#334155!important}html.light .playlist-diagram-card,:root[data-theme=light] .playlist-diagram-card{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 8px 30px #0f172a0f!important}html.light .diagram-title,:root[data-theme=light] .diagram-title{color:#0f172a!important}html.light .diagram-desc,:root[data-theme=light] .diagram-desc{color:#334155!important}html.light .hier-node,:root[data-theme=light] .hier-node{background:#f8fafc!important;border-color:#0f172a17!important}html.light .hier-node h4,:root[data-theme=light] .hier-node h4{color:#0f172a!important}html.light .hier-node p,:root[data-theme=light] .hier-node p{color:#475569!important}html.light .hier-node.highlight,:root[data-theme=light] .hier-node.highlight{background:#008fa00d!important;border-color:#008fa0!important}html.light .tier-pill.tier-archive,:root[data-theme=light] .tier-pill.tier-archive{background:#0f172a0f!important;color:#475569!important}html.light .hl-feat-card,:root[data-theme=light] .hl-feat-card{background:#fff!important;border-color:#0f172a17!important}html.light .hl-feat-card h4,:root[data-theme=light] .hl-feat-card h4{color:#0f172a!important}html.light .hl-feat-card p,:root[data-theme=light] .hl-feat-card p{color:#475569!important}html.light .chip,:root[data-theme=light] .chip{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#475569!important}html.light .chip.highlight-chip,:root[data-theme=light] .chip.highlight-chip{background:#008fa014!important;border-color:#008fa040!important;color:#008fa0!important}html.light .hl-tile,html.light .playlist-card,:root[data-theme=light] .hl-tile,:root[data-theme=light] .playlist-card{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 4px 18px #0f172a0d!important}html.light .hl-title,html.light .playlist-card-title,html.light .playlists-shelf-title,html.light .hl-section-head h4,:root[data-theme=light] .hl-title,:root[data-theme=light] .playlist-card-title,:root[data-theme=light] .playlists-shelf-title,:root[data-theme=light] .hl-section-head h4{color:#0f172a!important}html.light .tier-stat-box,:root[data-theme=light] .tier-stat-box{background:#f8fafc!important;border-color:#0f172a17!important;box-shadow:0 2px 8px #0f172a08!important}html.light .flow-step-card,:root[data-theme=light] .flow-step-card{background:#f8fafc!important;border-color:#0f172a17!important;box-shadow:0 2px 8px #0f172a08!important}html.light .flow-step-card h4,:root[data-theme=light] .flow-step-card h4{color:#0f172a!important}html.light .flow-step-card p,:root[data-theme=light] .flow-step-card p{color:#475569!important}html.light .ts-meta,:root[data-theme=light] .ts-meta{border-top-color:#0f172a14!important;color:#475569!important}html.light .ts-er,:root[data-theme=light] .ts-er{color:#0f172a!important}html.light .generator-card,:root[data-theme=light] .generator-card{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 10px 30px #0f172a0d!important}html.light .results-header-bar,:root[data-theme=light] .results-header-bar{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 6px 24px #0f172a0d!important}html.light .results-title,:root[data-theme=light] .results-title{color:#0f172a!important}html.light .results-sub,:root[data-theme=light] .results-sub{color:#475569!important}html.light .filter-tabs,:root[data-theme=light] .filter-tabs{background:#f1f5f9!important;border-color:#0f172a14!important}html.light .btn-outline-batch,:root[data-theme=light] .btn-outline-batch{background:#f8fafc!important;border-color:#0f172a1f!important;color:#334155!important}html.light .btn-outline-batch:hover,:root[data-theme=light] .btn-outline-batch:hover{background:#008fa014!important;border-color:#008fa0!important;color:#008fa0!important}html.light .caption-card,:root[data-theme=light] .caption-card{background:#fff!important;border-color:#0f172a17!important;box-shadow:0 4px 20px #0f172a0d!important}html.light .caption-card:hover,:root[data-theme=light] .caption-card:hover{border-color:#008fa0!important;box-shadow:0 10px 28px #008fa01f!important}html.light .cap-num,:root[data-theme=light] .cap-num{background:#f1f5f9!important;border-color:#0f172a14!important;color:#64748b!important}html.light .cap-content-box,:root[data-theme=light] .cap-content-box{background:#f8fafc!important;border-color:#0f172a14!important}html.light .cap-hook-callout,:root[data-theme=light] .cap-hook-callout{background:#008fa00f!important;border-color:#008fa040!important}html.light .hook-lead-text,:root[data-theme=light] .hook-lead-text{color:#0f172a!important}html.light .cap-body-text,:root[data-theme=light] .cap-body-text{color:#1e293b!important}html.light .cap-preview-btn,:root[data-theme=light] .cap-preview-btn{background:#f1f5f9!important;border-color:#0f172a1a!important;color:#334155!important}html.light .cap-preview-btn:hover,:root[data-theme=light] .cap-preview-btn:hover{background:#008fa014!important;color:#008fa0!important;border-color:#008fa0!important}html.light .cap-stats,:root[data-theme=light] .cap-stats{color:#64748b!important}html.light .cap-stat-item b,:root[data-theme=light] .cap-stat-item b{color:#0f172a!important}html.light .cap-footer,:root[data-theme=light] .cap-footer{border-top-color:#0f172a14!important}html.light .tt-sim-dialog,:root[data-theme=light] .tt-sim-dialog{background:#fff!important;border-color:#0f172a1f!important}html.light .tt-sim-title,:root[data-theme=light] .tt-sim-title{color:#0f172a!important}html.light .tt-sim-desc,:root[data-theme=light] .tt-sim-desc{color:#475569!important}html.light .tt-sim-close,:root[data-theme=light] .tt-sim-close{background:#f1f5f9!important;color:#0f172a!important}html.light .control-item label,:root[data-theme=light] .control-item label{color:#0f172a!important}html.light .custom-select,:root[data-theme=light] .custom-select{background:#fff!important;color:#0f172a!important;border-color:#0f172a1f!important}html.light .gen-input-group input,:root[data-theme=light] .gen-input-group input{background:#fff!important;color:#0f172a!important;border-color:#0f172a24!important}html.light .generator-card .gen-input-group label,:root[data-theme=light] .generator-card .gen-input-group label,html.light .generator-card .group-choice-label,:root[data-theme=light] .generator-card .group-choice-label{color:#0f172a!important}html.light .niche-chip,:root[data-theme=light] .niche-chip{background:#f8fafc!important;border-color:#0f172a17!important;color:#334155!important}html.light .niche-chip:hover,html.light .niche-chip.active,:root[data-theme=light] .niche-chip:hover,:root[data-theme=light] .niche-chip.active{background:#008fa01a!important;color:#008fa0!important;border-color:#008fa0!important}html.light .tone-chip,:root[data-theme=light] .tone-chip{background:#f8fafc!important;border-color:#0f172a17!important;color:#334155!important}html.light .tone-chip:hover,html.light .tone-chip.active,:root[data-theme=light] .tone-chip:hover,:root[data-theme=light] .tone-chip.active{background:#e01e441a!important;color:#e01e44!important;border-color:#e01e44!important}html.light .tag-item,:root[data-theme=light] .tag-item{background:#f8fafc!important;border-color:#0f172a1f!important;color:#0f172a!important}html.light .tag-item:hover,:root[data-theme=light] .tag-item:hover{background:#008fa014!important;border-color:#008fa0!important}html.light .tag-item.selected,:root[data-theme=light] .tag-item.selected{background:#008fa01f!important;border-color:#008fa0!important;color:#008fa0!important}html.light .tag-check,:root[data-theme=light] .tag-check{border-color:#0f172a40!important;color:#0f172a66!important}html.light .tag-item.selected .tag-check,:root[data-theme=light] .tag-item.selected .tag-check{background:#008fa0!important;border-color:#008fa0!important;color:#fff!important}html.light .tag-views-badge,:root[data-theme=light] .tag-views-badge{color:#64748b!important}html.light .btn-tier-toggle,:root[data-theme=light] .btn-tier-toggle{background:#f1f5f9!important;border-color:#0f172a1a!important;color:#475569!important}html.light .builder-tray,:root[data-theme=light] .builder-tray{background:#fff!important;border-color:#008fa0!important;box-shadow:0 10px 40px #008fa02e,0 4px 16px #0f172a14!important}html.light .tray-counter,:root[data-theme=light] .tray-counter{color:#0f172a!important}html.light .counter-label b,:root[data-theme=light] .counter-label b{color:#008fa0!important}html.light .fmt-btn,:root[data-theme=light] .fmt-btn{background:#f1f5f9!important;border-color:#0f172a1f!important;color:#334155!important}html.light .fmt-btn:hover,html.light .fmt-btn.active,:root[data-theme=light] .fmt-btn:hover,:root[data-theme=light] .fmt-btn.active{background:#008fa0!important;color:#fff!important;border-color:#008fa0!important}html.light .bundle-title,:root[data-theme=light] .bundle-title{color:#0f172a!important}html.light .collected-bundle-wrap,:root[data-theme=light] .collected-bundle-wrap{border-top-color:#0f172a14!important}html.light .live-caption-preview,:root[data-theme=light] .live-caption-preview{background:#f8fafc!important;border-color:#0f172a1f!important;color:#0f172a!important}html.light .bio-mockup,:root[data-theme=light] .bio-mockup{background:#fff!important;border-color:#0f172a1a!important;box-shadow:0 4px 20px #0f172a0f!important}html.light .font-search-wrap input,:root[data-theme=light] .font-search-wrap input{background:#fff!important;border-color:#0f172a24!important;color:#0f172a!important}html.light .cat-tab-btn,:root[data-theme=light] .cat-tab-btn{background:#f1f5f9!important;border-color:#0f172a14!important;color:#475569!important}html.light .cat-tab-btn:hover,html.light .cat-tab-btn.active,:root[data-theme=light] .cat-tab-btn:hover,:root[data-theme=light] .cat-tab-btn.active{background:#008fa0!important;color:#fff!important;border-color:#008fa0!important}html.light .frame-btn,:root[data-theme=light] .frame-btn{background:#f8fafc!important;border-color:#0f172a17!important;color:#334155!important}html.light .frame-btn:hover,html.light .frame-btn.active,:root[data-theme=light] .frame-btn:hover,:root[data-theme=light] .frame-btn.active{background:#008fa01f!important;color:#008fa0!important;border-color:#008fa0!important}html.light .mock-bio-body,:root[data-theme=light] .mock-bio-body{background:#f8fafc!important;border-color:#0f172a26!important;color:#0f172a!important}html.light .u-stage-card,:root[data-theme=light] .u-stage-card{background:#f8fafc!important;border-color:#0f172a17!important}html.light .compat-item,:root[data-theme=light] .compat-item{background:#f8fafc!important;border-color:#0f172a14!important}.hero{padding-top:clamp(86px,12vw,120px)!important}@media(max-width:640px){.search-box{flex-direction:column!important;border-radius:20px!important;padding:10px!important;gap:10px!important;width:100%!important}.search-box .input-wrapper{width:100%!important;padding:6px 4px!important}.search-box .search-submit{width:100%!important;min-height:48px!important;border-radius:var(--radius-pill)!important;justify-content:center!important}}.comp-table-card,.guide-table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}.table-scroll-hint{display:none;text-align:center;font-size:12px;font-weight:600;color:var(--cyan);padding:8px 12px;background:var(--cyan-tint);border-bottom:1px solid var(--border)}@media(max-width:768px){.table-scroll-hint{display:block!important}}@media(max-width:860px){.steps-grid,.feat-grid{grid-template-columns:1fr!important;gap:16px!important}.sounds-grid{grid-template-columns:1fr!important;gap:14px!important}.audio-diagram-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.profile-stats-bar{grid-template-columns:repeat(3,1fr)!important;gap:12px 8px!important}}@media(max-width:480px){.profile-stats-bar{grid-template-columns:repeat(2,1fr)!important}.sound-card{flex-wrap:wrap!important}.sound-actions{width:100%!important;justify-content:flex-end!important}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.wrap.narrow,.narrow{max-width:820px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;border:none;border-radius:var(--radius-pill);padding:12px 24px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--gradient-tt);background-size:200% 200%;color:#fff;box-shadow:0 4px 18px #fe2c554d}.btn-primary:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 6px 24px #00f2fe66}.btn-cyan{background:#00f2fe;color:#07090e;font-weight:700;box-shadow:0 4px 16px #00f2fe59}.btn-cyan:hover{background:#38f5ff;transform:translateY(-2px);box-shadow:0 6px 22px #00f2fe80}.btn-ghost{background:#ffffff0d;color:var(--text);border:1px solid var(--border);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff1a;border-color:var(--border-light);color:#fff;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:13.5px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-cyan{background:var(--cyan-tint);color:var(--cyan);border:1px solid rgba(0,242,254,.25)}.badge-pink{background:var(--pink-tint);color:var(--pink);border:1px solid rgba(254,44,85,.25)}.badge-live{background:#ef444429;color:#f87171;border:1px solid rgba(239,68,68,.35);animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.glow-text{background:var(--gradient-tt);-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.seo-content{padding:clamp(40px,6vw,72px) 0 clamp(32px,4vw,48px)}.seo-content .wrap{max-width:960px;margin:0 auto;padding:0 20px}.seo-content h2{font-size:clamp(22px,3.2vw,30px);font-weight:800;color:var(--text-heading);margin:44px 0 14px;line-height:1.25;letter-spacing:-.02em}.seo-content h2:first-child{margin-top:0}.seo-content h3{font-size:clamp(17px,2.2vw,21px);font-weight:700;color:var(--text-heading);margin:28px 0 10px;line-height:1.3}.seo-content p{color:var(--text-soft);font-size:16px;line-height:1.72;margin:0 0 16px;max-width:78ch}.seo-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.seo-content a:hover{color:var(--pink)}.seo-content strong{color:var(--text-heading);font-weight:700}.seo-content ul{padding-left:22px;margin:0 0 18px;color:var(--text-soft)}.seo-content li{margin:6px 0;line-height:1.65;font-size:15.5px}.seo-content li strong{color:var(--text-heading)}.topic-intro-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--cyan);border-radius:var(--radius-lg);padding:24px 28px;margin:20px 0 36px;box-shadow:0 8px 30px #00000040;position:relative;overflow:hidden}.topic-intro-card:after{content:"";position:absolute;top:0;right:0;width:140px;height:140px;background:radial-gradient(circle,rgba(0,242,254,.08) 0%,transparent 70%);pointer-events:none}.topic-intro-card p{font-size:16.5px;line-height:1.7;color:var(--text);margin:0 0 16px}.takeaway-pills{display:flex;flex-wrap:wrap;gap:10px}.takeaway-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--text-heading)}.takeaway-pill svg{color:var(--cyan);flex-shrink:0}.visual-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0 36px}.workflow-card{background:#ffffff06;border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.workflow-card:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 8px 24px #00f2fe1f}.workflow-step{font-size:11px;font-weight:800;color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.workflow-icon{width:38px;height:38px;border-radius:10px;background:#00f2fe1a;color:var(--cyan);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.workflow-icon.pink{background:#fe2c551a;color:var(--pink)}.workflow-icon.violet{background:#7928ca1f;color:#a855f7}.workflow-card b{font-size:15px;color:var(--text-heading);margin-bottom:6px}.workflow-card p{font-size:13px;color:var(--text-soft);line-height:1.5;margin:0}.workflow-badge{display:inline-block;align-self:flex-start;margin-top:10px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.workflow-badge.cyan{background:#00f2fe1a;color:var(--cyan)}.workflow-badge.pink{background:#fe2c551a;color:var(--pink)}.workflow-badge.green{background:#00ff881a;color:#0f8}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0 36px}.spec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column}.spec-lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.spec-val{font-size:18px;font-weight:800;color:var(--text-heading);margin:4px 0 2px}.spec-note{font-size:12px;color:var(--cyan)}.topic-matrix-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);margin:28px 0 36px;background:var(--surface);-webkit-overflow-scrolling:touch;box-shadow:0 10px 30px #0003}.topic-matrix-table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.topic-matrix-table th{background:var(--table-head-bg);padding:14px 16px;color:var(--text-heading);font-weight:700;border-bottom:1px solid var(--border)}.topic-matrix-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-soft)}.topic-matrix-table tr:last-child td{border-bottom:none}.topic-matrix-table tr:hover td{background:#ffffff04}.tb-best{color:#0f8;font-weight:700;background:#00ff8814;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.tb-safe{color:var(--cyan);background:#00f2fe14;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.tb-warn{color:#ffd166;background:#ffd16614;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.tb-risk{color:var(--pink);background:#fe2c5514;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0 36px}.persona-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column}.persona-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.persona-icon{width:32px;height:32px;border-radius:8px;background:#ffffff0d;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.persona-card b{font-size:15px;color:var(--text-heading)}.persona-card p{font-size:13px;color:var(--text-soft);line-height:1.55;margin:0}.tool-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0 36px}.tool-hub-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none!important;transition:all .2s ease}.tool-hub-card:hover{transform:translateY(-2px);border-color:var(--cyan);background:#00f2fe0a}.th-title{font-weight:700;font-size:14.5px;color:var(--text-heading);display:flex;align-items:center;gap:8px}.th-desc{font-size:12.5px;color:var(--text-soft);line-height:1.45;margin:0}.th-link{font-size:12px;font-weight:700;color:var(--cyan);margin-top:8px;display:inline-flex;align-items:center;gap:4px}html.light .seo-content h2,html.light .seo-content h3,html.light .seo-content strong,html.light .seo-content li strong,html.light .topic-intro-card p,html.light .takeaway-pill,html.light .workflow-card b,html.light .spec-val,html.light .persona-card b,html.light .th-title{color:#0f172a!important}html.light .seo-content p,html.light .seo-content li,html.light .workflow-card p,html.light .persona-card p,html.light .th-desc{color:#334155!important}html.light .topic-intro-card,html.light .spec-card,html.light .topic-matrix-wrap,html.light .persona-card{background:#fff!important;border-color:#0f172a17!important}html.light .workflow-card,html.light .tool-hub-card{background:#00000005!important;border-color:#0f172a17!important}.compliance-banner{display:flex;align-items:flex-start;gap:14px;background:#00f2fe0d;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius);padding:14px 18px;margin:22px auto 0;max-width:720px;text-align:left}.compliance-banner .cn-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:2px}.compliance-banner .cn-body{font-size:13px;line-height:1.55;color:var(--text-soft)}.compliance-banner .cn-body strong{color:var(--text-heading)}.compliance-banner .cn-body a{color:var(--cyan);text-decoration:underline}html.light .compliance-banner{background:#008fa00f;border-color:#008fa040}html.light .compliance-banner .cn-body{color:#334155}html.light .compliance-banner .cn-body strong{color:#0f172a}.site-header[data-astro-cid-3ef6ksr2]{border-bottom:1px solid var(--border);background:var(--bg);position:relative;z-index:50}.bar[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:22px;min-height:78px;position:relative}.brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-heading);margin-right:auto;white-space:nowrap;font-family:var(--font-display);font-size:22px;font-weight:700}.mark[data-astro-cid-3ef6ksr2]{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--gradient-tt);color:#fff}.accent[data-astro-cid-3ef6ksr2]{background:var(--gradient-tt);background-clip:text;-webkit-text-fill-color:transparent}.primary-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:20px}.primary-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.tools-panel[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--text-soft);text-decoration:none;font-size:14px}a[data-astro-cid-3ef6ksr2][aria-current=page],a[data-astro-cid-3ef6ksr2]:hover{color:var(--cyan)}.theme-toggle[data-astro-cid-3ef6ksr2],summary[data-astro-cid-3ef6ksr2]{padding:10px 12px;border:1px solid var(--border-light);background:var(--surface);color:var(--text-heading);border-radius:10px;cursor:pointer;font:inherit;font-size:13px}summary[data-astro-cid-3ef6ksr2]{list-style:none}summary[data-astro-cid-3ef6ksr2]::-webkit-details-marker{display:none}.tools-panel[data-astro-cid-3ef6ksr2]{position:absolute;top:calc(100% - 6px);right:0;left:0;padding:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);max-height:78vh;overflow-y:auto}.tools-panel[data-astro-cid-3ef6ksr2] h2[data-astro-cid-3ef6ksr2]{font-size:14px;margin:0 0 12px}.tools-panel[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:block;padding:9px 0;line-height:1.4}@media(max-width:720px){.bar[data-astro-cid-3ef6ksr2]{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding-block:14px}.brand[data-astro-cid-3ef6ksr2]{font-size:19px;grid-column:1 / -1}.primary-nav[data-astro-cid-3ef6ksr2]{grid-row:2;grid-column:1;gap:18px}.theme-toggle[data-astro-cid-3ef6ksr2]{grid-row:2;grid-column:2}.tools-menu[data-astro-cid-3ef6ksr2]{grid-row:2;grid-column:3}.desktop-link[data-astro-cid-3ef6ksr2]{display:none}.tools-panel[data-astro-cid-3ef6ksr2]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}}@media(max-width:360px){.brand[data-astro-cid-3ef6ksr2]{font-size:16px;gap:7px}.theme-toggle[data-astro-cid-3ef6ksr2],summary[data-astro-cid-3ef6ksr2]{padding:9px}}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--border);background:var(--surface);padding-block:48px 28px;margin-top:60px}.top[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.brand[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-size:22px;color:var(--text-heading)}.brandcol[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:14px;color:var(--text-soft);line-height:1.7}h2[data-astro-cid-sz7xmlte]{font-size:14px;margin:0 0 14px}a[data-astro-cid-sz7xmlte]{display:block;color:var(--text-soft);text-decoration:none;font-size:13px;padding:7px 0;line-height:1.4}a[data-astro-cid-sz7xmlte]:hover{color:var(--cyan);text-decoration:underline}.bottom[data-astro-cid-sz7xmlte]{padding-top:24px;border-top:1px solid var(--border);margin:28px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6}@media(max-width:900px){.top[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(2,minmax(0,1fr))}.brandcol[data-astro-cid-sz7xmlte]{grid-column:1 / -1}}