/* Voisearch · anime / entertainment discovery · local prototype */
:root{--paper:#fff;--surface:#fff;--ink:#111;--muted:#5d5d65;--line:#dedee4;--green:#344be9;--green-soft:#e9edff;--accent:#ec4c98;--amber:#ffe259;--sage:#9fdacf;--rose:#ff9fc4;--lilac:#bdadff;--sky:#97c6ff;--serif:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;letter-spacing:.025em;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;font-weight:600}a{color:inherit;text-decoration:none}button,input,select{font:inherit;letter-spacing:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}a,button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main:focus{outline:none}[hidden]{display:none!important}.shell{width:min(1184px,calc(100% - 80px));margin-inline:auto}.icon{flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:16px;z-index:30;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}
.demo-banner{min-height:32px;background:#eaece2;color:#485446;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;padding:5px 20px}.demo-banner strong{font-size:11px}.demo-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.1em;white-space:nowrap}.brand small{display:block;font-family:var(--sans);font-weight:400;font-size:10px;letter-spacing:.11em;margin-top:1px}.brand-symbol{display:flex;align-items:center;gap:4px;height:34px;width:34px}.brand-symbol i{display:block;width:4px;height:20px;border-radius:3px;background:var(--green)}.brand-symbol i:nth-child(2){height:34px}.brand-symbol i:nth-child(3){height:26px}.brand-symbol i:nth-child(4){height:13px;background:var(--accent)}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-header nav>a{min-height:44px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent}.site-header nav>a[aria-current]{border-color:var(--green)}.nav-favorites b{font-weight:400;background:#e7e9df;min-width:21px;text-align:center;border-radius:20px;font-size:11px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--green);display:block}.tiny-line{display:inline-block;background:var(--accent);width:24px;height:2px;vertical-align:middle;margin-right:8px}
.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:70px;padding-block:60px 68px;align-items:start}.hero h1{font-family:var(--serif);font-size:clamp(36px,3.6vw,50px);line-height:1.5;letter-spacing:.07em;margin-top:17px;font-weight:500}.highlight{position:relative;margin-inline:5px}.highlight:after{content:"";position:absolute;bottom:2px;left:-5px;right:-5px;height:13px;background:#e8d7b6;z-index:-1;transform:rotate(-4deg)}.desktop-break{display:none}.hero-description{font-size:13px;line-height:2.1;color:var(--muted);margin-top:18px}.hero-search{margin-top:27px}.hero-search h2{font-size:13px;margin-bottom:12px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid var(--line);padding:10px 12px;min-height:47px;border-radius:7px;font-size:12px;transition:background .18s,border-color .18s}.category-button[aria-pressed=true]{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 .5px var(--green)}.category-button:hover{background:#e9eee6}.category-button .icon{width:17px;height:17px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 19px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:13px;line-height:1.5;font-weight:500;transition:background .18s,border-color .18s}.button:hover:not(:disabled){background:#e8ece3;border-color:#8e9e8e}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:#244735}.button:disabled{background:#eeeFe8;border-color:var(--line);color:#6c746b}.search-cta{margin-top:14px;width:100%;justify-content:space-between}.text-button{border:0;background:none;padding:8px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.more-categories{display:none}.hero-preview{padding-top:12px;position:relative}.preview-paper{border:1px solid #d0d7c7;border-radius:12px;background:#fdfcf6;padding:28px;box-shadow:12px 12px 0 #e5e8dc;position:relative}.preview-paper:before{content:"";position:absolute;top:-1px;right:25px;width:26px;height:44px;background:var(--green);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.preview-heading{display:flex;gap:15px;justify-content:space-between;padding-right:35px}.preview-heading h2{font-family:var(--serif);font-size:21px;margin-top:7px}.round-label{font-size:10px;white-space:nowrap;align-self:center;border:1px solid var(--line);border-radius:30px;padding:2px 9px}.preview-category{margin:19px 0 0;font-size:11px;color:var(--muted)}.mini-voice{padding-block:18px;border-bottom:1px solid var(--line)}.mini-voice-heading{display:flex;align-items:center;gap:11px}.mini-voice-heading>div{flex:1;min-width:0}.mini-voice-heading h3{font-size:17px;font-family:Georgia,serif;letter-spacing:.02em}.mini-voice-heading p{font-size:11px;color:var(--muted)}.mini-voice-heading .demo-label{font-size:8px;vertical-align:middle;margin-left:6px}.preview-note{display:flex;align-items:center;gap:12px;margin-top:20px;color:var(--muted);font-size:10px;line-height:1.9}.floating-note{margin-top:25px;text-align:center;font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:48px;height:48px;border-radius:50%;position:relative;flex-shrink:0;overflow:hidden;background:var(--sage);border:1px solid #00000009;color:#4c5e4c}.avatar>span{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;font-style:italic;z-index:1}.avatar>i{width:3px;height:28px;background:#ffffff65;transform:rotate(28deg);margin-inline:3px}.avatar>i:nth-of-type(2){height:52px}.avatar.medium{width:72px;height:72px}.avatar.medium>span{font-size:34px}.avatar.large{width:132px;height:132px}.avatar.large>span{font-size:62px}.avatar.large>i{height:80px;width:8px}.amber{background:var(--amber)}.sage{background:var(--sage)}.rose{background:var(--rose)}.lilac{background:var(--lilac)}.sky{background:var(--sky)}.demo-label{font-size:9px;letter-spacing:.12em;color:var(--muted);line-height:1.5}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:0;border-radius:50%}.icon-button:hover{background:#e9ebe1}.icon-button.selected .icon{fill:#a9714b;stroke:#a9714b}.player{margin-top:16px}.player-controls{display:flex;align-items:center;gap:11px;background:#f0f1e9;border-radius:8px;padding:10px}.play{display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid #cbd0c2;background:#fbfcf6;color:#7b8575}.play .icon{width:15px;height:15px}.wave{display:flex;align-items:center;justify-content:space-between;gap:3px;flex:1;min-width:0;height:30px;opacity:.6}.wave i{display:block;background:#9da995;border-radius:4px;flex:1;max-width:3px;height:var(--bar)}.duration{font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.player-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:6px}.player-caption>span:last-child{color:#7a6b51}.preview-empty{padding:50px 0}.preview-empty h3{font-size:16px}.preview-empty p{font-size:12px;margin-top:10px}
.how-section{padding:33px 0 38px;background:#edeee6;border-block:1px solid var(--line)}.section-heading h2{font-family:var(--serif);font-size:27px;font-weight:500;margin-top:8px;letter-spacing:.06em}.section-heading>p:not(.eyebrow),.section-heading>div>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:10px}.how-section .section-heading{display:flex;align-items:center;gap:25px}.how-section .section-heading h2{font-size:22px;margin:0}.steps{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps li{display:flex;gap:13px;align-items:flex-start;padding-right:25px;border-right:1px solid #cdd3c5}.steps li:last-child{border-right:0}.steps li>span{font-family:Georgia,serif;color:#788673;font-size:25px;line-height:1.2}.steps h3{font-size:12px}.steps p{font-size:10px;color:var(--muted);margin-top:6px}.steps .icon{width:20px;height:20px;margin-left:auto;color:#788673}.section{padding-block:58px}.section-heading.inline{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:6px;min-height:44px}.text-link .icon{width:17px}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.voice-card{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.voice-card:hover{border-color:#abb6a4;box-shadow:0 8px 20px #354a3210}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.card-top .favorite{margin-left:auto}.editorial-label{font-size:9px;color:var(--muted);margin-bottom:5px}.voice-card h3{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.65;min-height:62px}.voice-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.voice-name{font-family:Georgia,var(--serif);font-size:16px;margin-top:10px}.voice-name>span{font-family:var(--sans);font-size:9px;color:var(--muted);margin-left:5px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.tags span{font-size:10px;border:1px solid #e2e3db;border-radius:4px;padding:1px 7px;color:#5d685b;background:#fafaf5}.category-caption{font-size:10px;color:#586c58;margin-top:13px}.category-caption>span{color:var(--muted)}.voice-card .player{margin-top:auto;padding-top:18px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.button.small{font-size:11px;padding:8px 10px;gap:5px;min-height:44px}.button.small .icon{width:15px}.detail-link{font-size:11px;display:flex;align-items:center;gap:5px;min-height:44px}.detail-link .icon{width:15px}.is-added{background:var(--green-soft)!important;color:var(--green)!important;border-color:#a8b9a6!important}.guide-feature{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center;border-block:1px solid var(--line);padding-block:40px}.guide-cover{background:#e6e9dc;aspect-ratio:1.9;display:flex;align-items:center;justify-content:center;gap:40px;color:#4b6551;border-radius:5px;position:relative}.guide-cover:before{content:"";position:absolute;top:0;left:20px;width:20px;height:42px;background:#a9b89b;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}.guide-cover>span{font-family:var(--serif);font-size:25px;letter-spacing:.15em}.guide-cover .icon{width:65px;height:65px;stroke-width:.7}.guide-feature h2{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.8;margin-top:9px}.guide-feature p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:10px}.guide-feature .button{margin-top:18px}.faq{display:grid;grid-template-columns:.7fr 1.5fr;gap:50px}.faq h2{font-family:var(--serif);font-size:25px;margin-top:9px;font-weight:500}details{border-bottom:1px solid var(--line);padding-block:14px}summary{font-size:13px;min-height:30px;padding-right:15px}details p{font-size:12px;color:var(--muted);margin-top:12px;line-height:2}.site-footer{background:#e9ece2;border-top:1px solid var(--line);padding-block:35px 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-size:23px}.footer-top p{font-size:11px;margin-top:7px;color:var(--muted)}.footer-links{display:flex;gap:25px;font-size:11px}.footer-links a{display:flex;min-height:44px;align-items:center}.footer-bottom{border-top:1px solid #d3dacb;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:var(--muted)}.footer-bottom>span{white-space:nowrap;font-size:8px;letter-spacing:.1em}
.page-intro{padding-block:44px 30px}.page-intro h1{font-family:var(--serif);font-size:36px;font-weight:500;letter-spacing:.06em;margin-top:10px}.page-intro>p:last-child{font-size:13px;color:var(--muted);margin-top:13px}.search-page{padding-bottom:60px}.filters{padding:25px 28px;background:#ecefe6;border:1px solid #d9dfd2;border-radius:12px}.search-field>label,.filter-row>label,.advanced>label{display:flex;flex-direction:column;gap:6px;font-size:11px}.search-field>label{margin-bottom:8px}.search-field>div{display:flex;gap:12px;align-items:center;background:var(--surface);padding-left:14px;border:1px solid #ccd4c6;border-radius:7px}.search-field input{width:100%;min-width:0;padding-block:10px;background:transparent;border:0;min-height:48px;font-size:14px;color:var(--ink)}.search-field .button{margin:4px;min-width:80px}.filter-row{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:15px;margin-top:18px;align-items:end}select{appearance:auto;background:var(--surface);border:1px solid #ced6c8;border-radius:6px;padding:9px 27px 9px 11px;min-height:44px;color:var(--ink);font-size:12px;max-width:100%}.reset{font-size:11px}.advanced{border-top:1px solid #d4dbcd;border-bottom:0;margin-top:16px;padding-bottom:0}.advanced summary{font-size:11px}.advanced>label{max-width:300px;margin-top:12px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.result-toolbar p{font-size:12px}.result-toolbar p>strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.result-options{display:flex;align-items:center;gap:14px}.result-options select{font-size:11px;background:transparent;min-width:133px}.view-switch{display:flex;gap:3px;border:1px solid var(--line);border-radius:6px;padding:2px}.view-switch button{border:0;min-width:40px;min-height:40px;border-radius:4px;background:none}.view-switch button[aria-pressed=true]{background:#e3e9dc;color:var(--green)}.view-switch .icon{width:16px}.helper{font-size:11px;color:var(--muted);line-height:1.9}.sort-note{margin-block:8px 22px}.voice-grid.list-view{grid-template-columns:1fr}.list-view .voice-card{display:grid;grid-template-columns:60px 1.3fr 1fr;column-gap:22px;align-items:start}.list-view .card-top{flex-wrap:wrap}.list-view .card-top .favorite{margin-left:0}.list-view h3{min-height:0;font-size:20px}.list-view .card-actions{grid-column:3;align-self:end}.list-view .player{grid-column:3;grid-row:1;padding-top:0;margin-top:0}.list-view .card-copy{grid-column:2;grid-row:1 / span 2}.empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;padding:60px 24px;text-align:center;background:#f0f1e9;border:1px dashed #c9d1c0;border-radius:10px;margin-block:15px}.empty-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e1e6d8;margin-bottom:20px}.empty h2{font-family:var(--serif);font-size:23px;font-weight:500}.empty p{font-size:13px;color:var(--muted);margin-block:12px 22px;max-width:500px}.clear-favorites{margin-top:20px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);padding-block:25px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.detail-hero{display:grid;grid-template-columns:240px 1fr;gap:50px;align-items:center;padding-block:18px 40px}.detail-portrait{aspect-ratio:1;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.detail-portrait>span:last-child{font-size:8px;letter-spacing:.13em;color:var(--muted)}.detail-hero h1{font-family:var(--serif);font-size:32px;font-weight:500;margin-top:10px}.detail-name{font-family:Georgia,serif;font-size:25px;margin-top:10px}.detail-name span{font-family:var(--sans);font-size:11px;margin-left:15px;color:var(--muted)}.detail-hero>div>p:not(.eyebrow):not(.detail-name){font-size:12px;max-width:630px;margin-top:15px;color:var(--muted)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-body{display:grid;grid-template-columns:1fr 280px;gap:50px;padding-block:10px 60px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.category-tabs button{background:none;border:1px solid var(--line);border-radius:6px;padding:9px 16px;font-size:12px;min-height:44px}.category-tabs button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.sample-section{margin-top:25px;padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:10px}.sample-heading{display:flex;gap:14px;align-items:center}.sample-number{font-family:Georgia,serif;color:#9aa58e;font-size:23px}.sample-heading h3{font-size:16px}.sample-heading p{font-size:10px;color:var(--muted)}.tag-outline{margin-left:auto;font-size:10px;border:1px solid var(--line);padding:2px 10px;border-radius:4px}.expanded .player-controls{padding:15px}.expanded .play{width:44px;height:44px;min-width:44px}.expanded .player-caption{font-size:10px}.expanded .helper{margin-top:10px}.sample-section details{border:0;padding-bottom:0}.sample-section summary{font-size:11px}.sample-note{margin-top:15px;font-size:11px;color:var(--muted)}.profile-sidebar{align-self:start;border:1px solid var(--line);padding:24px;border-radius:10px;background:#eef0e8;margin-top:69px}.profile-sidebar h2{font-family:var(--serif);font-size:20px;font-weight:500}.profile-sidebar dl{margin-block:20px}.profile-sidebar dt,.comparison-traits dt{font-size:10px;color:var(--muted);margin-top:17px}.profile-sidebar dd,.comparison-traits dd{font-size:12px;margin:4px 0 0}.profile-sidebar .button{width:100%;font-size:11px}.profile-sidebar .helper{margin-top:10px}.profile-sidebar .text-link{margin-top:15px;font-size:11px}.compare-page{padding-bottom:55px}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:13px}.compare-toolbar>div{display:flex;align-items:center;gap:12px}.comparison-notice{padding:14px 18px;margin-block:20px;font-size:11px;border-radius:7px;background:#e7eddf;border:1px solid #d1dbc6}.comparison-notice.mixed{background:#f3ead9;border-color:#e2cfac;color:#72572e}.compare-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:16px}.comparison-column{border:1px solid var(--line);border-radius:10px;padding:21px;background:var(--surface);min-width:0}.comparison-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-bottom:8px}.comparison-column>.avatar{display:flex;margin-bottom:10px}.comparison-column h2{font-family:Georgia,serif;font-size:24px;font-weight:400}.compare-editorial{font-family:var(--serif);font-size:16px;min-height:78px;margin-top:12px}.comparison-column .category-caption{min-height:28px}.comparison-column .expanded .player-controls{padding:10px;gap:7px}.comparison-column .expanded .play{width:35px;min-width:35px;height:35px}.comparison-column .duration{font-size:9px}.comparison-column .wave{gap:2px}.comparison-column .wave i:nth-child(even){display:none}.comparison-traits{border-block:1px solid var(--line);padding-bottom:20px;margin-block:22px}.comparison-column>.button{width:100%}.reorder{display:flex;gap:6px;justify-content:space-between;margin-top:15px}.reorder button{font-size:10px;background:transparent;border:1px solid var(--line);border-radius:5px;min-height:44px;padding:6px 9px}.reorder button:disabled{color:#8b9186;background:#f1f2eb}.compare-storage{margin-top:24px}
.guide-page{padding-bottom:60px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}.guide-card-art{aspect-ratio:1.8;border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:35px;margin-bottom:23px;background:#e0e7d7}.guide-card-art>span{font-family:Georgia,serif;font-size:50px;color:#7d9375}.guide-card-art .icon{width:65px;height:65px;color:#627c5a;stroke-width:1}.art-1{background:#eae2d4}.art-1>span,.art-1 .icon{color:#957c55}.art-2{background:#e5e0eb}.art-2>span,.art-2 .icon{color:#8a779c}.guide-card h2{font-family:var(--serif);font-size:20px;font-weight:500;margin-top:8px}.guide-card>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:8px}.guide-card>.text-link{margin-top:10px}.guide-card:hover h2{text-decoration:underline;text-underline-offset:5px}.guide-caution{padding:27px;border:1px solid var(--line);border-radius:10px;margin-top:45px;background:#eeefe7}.guide-caution h2{font-size:16px}.guide-caution p{font-size:12px;color:var(--muted);margin-top:10px}.guide-article,.policy-page{max-width:760px;padding-bottom:60px}.guide-article>h1{font-family:var(--serif);font-size:36px;font-weight:500;margin-top:16px}.article-lead{font-size:15px;color:var(--muted);margin-top:14px}.article-status{font-size:10px;border-block:1px solid var(--line);padding-block:14px;margin-top:28px;color:var(--muted)}.guide-article>section{margin-top:38px}.step-label{font-size:10px;letter-spacing:.16em;color:var(--green)}.guide-article section h2,.policy-page section h2{font-family:var(--serif);font-size:23px;font-weight:500;margin-block:9px 15px}.guide-article section p,.policy-page section p{font-size:14px;line-height:2.1;color:#546250}.guide-article>.button{margin-top:40px}.policy-page section{margin-top:28px}.comparison-tray{position:fixed;bottom:0;left:0;right:0;background:#fffef7f5;backdrop-filter:blur(10px);border-top:1px solid #b4c1ab;z-index:20;box-shadow:0 -5px 25px #33462f10;padding:12px 0}.tray-inner{display:flex;align-items:center;gap:24px}.tray-inner>div:first-child{display:flex;align-items:center;gap:17px;white-space:nowrap}.tray-label{font-size:12px;display:flex;gap:7px;align-items:center}.tray-label .icon{width:16px}.tray-inner strong{font-family:Georgia,serif;font-size:26px;font-weight:400}.tray-inner strong small{font-family:var(--sans);font-size:11px}.tray-items{display:flex;gap:9px;flex:1;min-width:0;flex-wrap:wrap}.tray-items>span{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:25px;padding-left:11px;font-size:10px;background:#f1f3eb}.tray-items .icon-button{min-width:38px;min-height:38px}.tray-items .icon{width:13px}.tray-inner>.button{margin-left:auto;white-space:nowrap}.has-comparison{padding-bottom:95px}.toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%) translateY(10px);max-width:min(500px,calc(100% - 40px));width:max-content;padding:12px 20px;line-height:1.8;background:#263b34;color:white;border-radius:8px;font-size:12px;z-index:40;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.loading{padding:80px;text-align:center;color:var(--muted)}noscript{display:block;padding:40px;text-align:center}
@media(min-width:1280px){.hero h1{font-size:48px}.desktop-break{display:block}.hero{grid-template-columns:1.06fr 1fr}.hero-description{margin-top:15px}.hero-search{margin-top:20px}.category-button{min-height:43px;padding-block:8px}.hero-preview{padding-top:43px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.hero{gap:40px}.hero h1{font-size:38px}.preview-paper{padding:22px}.preview-heading h2{font-size:18px}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero+.how-section .steps{gap:15px}.steps li{padding-right:15px}.steps .icon{display:none}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-column .compare-editorial{min-height:52px}.guide-feature{gap:35px}.detail-body{gap:28px;grid-template-columns:1fr 250px}.detail-hero{gap:30px}.tray-items>span{font-size:9px}.tray-inner{gap:15px}.tray-label{font-size:11px}}
@media(max-width:767px){body{font-size:16px}.shell{width:calc(100% - 36px)}.demo-banner{font-size:9px;gap:6px;padding:6px 12px;align-items:flex-start}.demo-banner strong{font-size:9px;white-space:nowrap}.demo-dot{margin-top:5px;flex-shrink:0}.demo-banner>span:last-child{max-width:260px}.header-inner{min-height:80px;gap:10px;flex-wrap:wrap;padding-block:15px}.brand{font-size:23px;gap:8px}.brand small{font-size:8px}.brand-symbol{width:28px;gap:3px}.brand-symbol i{width:3px}.site-header nav{width:100%;gap:0;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:5px}.site-header nav>a{min-height:40px}.nav-favorites .icon{width:15px}.nav-favorites b{min-width:18px;font-size:9px}.hero{display:flex;flex-direction:column;gap:35px;padding-block:30px 38px}.hero-copy{width:100%}.hero .eyebrow{font-size:9px}.hero h1{font-size:36px;line-height:1.6;margin-top:12px}.hero h1 br:first-child{display:none}.desktop-break{display:none}.hero-description{font-size:12px;line-height:2;margin-top:14px}.hero-search{margin-top:23px}.hero-search h2{font-size:12px;margin-bottom:9px}.category-grid{gap:8px}.category-button{font-size:10px;min-height:46px;gap:6px;padding:9px}.category-button .icon{width:15px}.secondary-category{display:none}.category-grid.expanded .secondary-category{display:flex}.more-categories{display:block;margin-left:auto;font-size:10px}.search-cta{margin-top:5px}.hero-preview{width:100%;padding:0 8px 0 0}.preview-paper{padding:22px;box-shadow:8px 8px 0 #e5e8dc}.preview-heading h2{font-size:20px}.mini-voice-heading p{font-size:10px}.mini-voice{padding-block:16px}.preview-note{font-size:9px}.floating-note{margin-top:19px;font-size:11px}.how-section{padding-block:28px}.how-section .section-heading{display:block}.how-section .section-heading h2{font-size:21px;margin-top:8px}.steps{grid-template-columns:1fr;gap:19px;margin-top:23px}.steps li{border:0;padding:0}.steps li>span{font-size:23px;width:32px}.steps h3{font-size:13px}.steps p{font-size:11px;margin-top:4px}.section{padding-block:35px}.section-heading.inline{display:block;margin-bottom:18px}.section-heading h2{font-size:24px}.section-heading.inline>.text-link{margin-top:8px}.voice-grid{grid-template-columns:1fr;gap:16px}.voice-card{padding:22px}.voice-card h3{min-height:0;font-size:22px}.card-top{margin-bottom:14px}.editorial-label{font-size:10px}.voice-name{font-size:18px}.voice-name>span{font-size:10px}.tags span{font-size:11px}.category-caption{font-size:11px}.player-caption{font-size:10px}.voice-card .player{padding-top:19px}.card-actions{margin-top:16px}.button.small,.detail-link{font-size:12px}.guide-feature{grid-template-columns:1fr;gap:23px;padding-block:30px}.guide-cover{aspect-ratio:2.3}.guide-cover>span{font-size:23px}.guide-feature h2{font-size:23px}.faq{grid-template-columns:1fr;gap:15px}.faq h2{font-size:23px}.faq details summary{font-size:12px}.faq details p{font-size:12px}.footer-top,.footer-bottom{display:block}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:10px}.footer-bottom{font-size:9px;line-height:2}.footer-bottom>span{display:block;margin-top:10px}.site-footer{padding-block:28px}.page-intro{padding-block:29px 23px}.page-intro h1{font-size:28px}.page-intro>p:last-child{font-size:12px}.filters{padding:19px 16px}.search-field input{font-size:16px}.search-field>div{gap:7px;padding-left:10px}.search-field>div>.icon{width:16px}.search-field .button{min-width:55px;padding:8px;font-size:12px}.filter-row{grid-template-columns:1fr 1fr;gap:12px}.filter-row>label:first-child{grid-column:1/-1}.filter-row>label,.search-field>label,.advanced>label{font-size:11px}.filter-row select,.advanced select{font-size:16px;padding-right:20px}.filter-row .reset{grid-column:1/-1;text-align:right;min-height:32px;padding-bottom:0;font-size:11px}.advanced summary{font-size:11px}.result-toolbar{margin-top:20px;gap:10px;flex-wrap:wrap}.result-options{gap:7px}.result-toolbar p{font-size:11px}.result-options select{font-size:10px;min-width:110px;padding-inline:7px}.view-switch{display:none}.sort-note{font-size:10px;margin-block:9px 17px}.list-view .voice-card{display:flex}.list-view h3{font-size:22px}.list-view .card-top{flex-wrap:nowrap}.list-view .card-top .favorite{margin-left:auto}.list-view .player{margin-top:0;padding-top:19px}.list-view .card-actions{align-self:stretch}.empty{padding:40px 20px}.empty h2{font-size:21px}.empty p{font-size:12px}.breadcrumbs{font-size:10px;padding-block:20px}.detail-hero{grid-template-columns:1fr;gap:23px;padding-top:0}.detail-portrait{width:100%;height:180px;aspect-ratio:auto;flex-direction:row;gap:20px}.detail-portrait .avatar.large{width:100px;height:100px}.detail-portrait .avatar.large>span{font-size:50px}.detail-portrait>span:last-child{max-width:80px}.detail-hero h1{font-size:29px}.detail-name{font-size:24px}.detail-name span{font-size:10px;display:block;margin-left:0}.button-row .button{font-size:11px;flex:1;padding-inline:10px}.detail-body{display:flex;flex-direction:column;gap:25px;padding-bottom:35px}.category-tabs{gap:7px}.category-tabs button{font-size:11px}.sample-section{padding:19px}.sample-heading h3{font-size:15px}.sample-heading p{font-size:10px}.sample-number{font-size:22px}.sample-heading{gap:10px}.sample-note{font-size:11px}.profile-sidebar{margin-top:0;padding:23px}.profile-sidebar .button{font-size:13px}.profile-sidebar dt{font-size:11px}.profile-sidebar dd{font-size:13px}.profile-sidebar h2{font-size:22px}.compare-toolbar{font-size:11px;gap:10px}.compare-toolbar>div{gap:8px}.compare-toolbar .button{padding:8px 12px;font-size:11px}.compare-toolbar .text-button{font-size:10px}.compare-grid{grid-template-columns:1fr}.comparison-column{padding:22px}.comparison-column .compare-editorial{min-height:0;font-size:19px}.comparison-column .category-caption{min-height:0}.comparison-column .wave i:nth-child(even){display:block}.comparison-column .expanded .play{width:44px;height:44px;min-width:44px}.comparison-traits{display:grid;grid-template-columns:1fr 1fr;padding-top:0;gap:3px 16px}.comparison-traits dt{font-size:11px;grid-column:1}.comparison-traits dd{font-size:12px;grid-column:2;align-self:end}.reorder button{font-size:12px;padding-inline:15px}.guide-grid{grid-template-columns:1fr;gap:30px}.guide-card-art{aspect-ratio:2.3;margin-bottom:18px}.guide-card h2{font-size:23px}.guide-card>p:not(.eyebrow){font-size:12px}.guide-caution{padding:22px;margin-top:30px}.guide-caution h2{font-size:16px}.guide-article>h1{font-size:29px}.guide-article .eyebrow{font-size:9px}.article-lead{font-size:13px}.article-status{font-size:10px}.guide-article section h2,.policy-page section h2{font-size:22px}.guide-article section p,.policy-page section p{font-size:14px}.comparison-tray{padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.tray-inner{gap:10px}.tray-inner>div:first-child{display:block}.tray-label{font-size:10px;gap:5px}.tray-label .icon{width:13px}.tray-inner strong{font-size:22px}.tray-items{display:none}.tray-inner>.button{font-size:12px;padding-inline:17px}.has-comparison{padding-bottom:100px}.toast{bottom:110px;font-size:11px}.loading{padding:70px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Compact mobile first view: keep both the use-case choices and first sample visible. */
.guide-short{display:none}.hero-search-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media(max-width:767px){
 .header-inner{min-height:76px;flex-wrap:nowrap;padding-block:10px;gap:12px}.site-header .brand{font-size:20px;gap:7px;letter-spacing:.06em}.site-header .brand small{font-size:7px;letter-spacing:.03em}.site-header .brand-symbol{width:24px}.site-header nav{width:auto;gap:12px;border:0;padding:0;font-size:10px;flex:1;justify-content:flex-end}.site-header nav>a{min-height:44px;white-space:nowrap}.guide-long{display:none}.guide-short{display:inline}.nav-favorites>span{display:none}.nav-favorites .icon{width:17px}.site-header .nav-favorites{gap:4px}
 .hero{padding-top:22px;gap:22px}.hero h1{font-size:32px;line-height:1.55}.hero-description{font-size:11px;line-height:1.9;margin-top:12px}.hero-search{margin-top:15px}.hero-search h2{font-size:11px;margin:0}.hero-search-heading{min-height:44px}.hero-search-heading .more-categories{font-size:9px;padding:6px 0 6px 10px;white-space:nowrap}.search-cta{margin-top:12px}.preview-paper{padding:18px}.preview-category{margin-top:12px}.preview-heading h2{font-size:19px}.mini-voice{padding-block:13px}.mini-voice .player{margin-top:13px}
}

/* Voisearch redesign: color fields, character collage, bold type, wave rhythm. */
:root{--hero-blue:#89bcf3;--electric:#344be9;--pink:#f68bb0;--yellow:#ffe259;--black:#111;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
body{background:white;color:var(--black)}
h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-.025em}
.eyebrow{color:var(--black);font-family:Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.13em}
.demo-banner{background:#111;color:white;font-size:10px;min-height:28px;padding-block:4px}.demo-banner strong{font-size:10px}.demo-dot{background:#ffe259}
.site-header{background:var(--hero-blue);border:0}.header-inner{min-height:104px}
.brand{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.07em;font-weight:900;font-style:italic;font-size:42px;line-height:.95;display:inline-flex;gap:0}
.brand-word{position:relative}.brand-star{display:inline-block;font-style:normal;margin-left:6px;transform:rotate(15deg);font-size:27px;vertical-align:top}.brand small{font-family:var(--sans);font-style:normal;font-size:9px;font-weight:800;letter-spacing:.14em;margin-top:9px}
.site-header nav{font-size:12px;font-weight:800;gap:26px}.site-header nav>a{border:0;position:relative}.site-header nav>a[aria-current]:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:3px;background:var(--black)}.nav-favorites b{background:var(--black);color:white}.site-header .nav-favorites{border-radius:30px;background:var(--black);color:white;padding:3px 13px}.site-header .nav-favorites[aria-current]:after{display:none}
.button{font-weight:800;border-radius:999px;border:1.5px solid var(--black);background:white;min-height:46px;padding:11px 20px;transition:transform .18s,background .18s}
.button:hover:not(:disabled){border-color:var(--black);background:var(--yellow);transform:translateY(-2px)}
.button.primary{background:var(--black);color:white;border-color:var(--black)}.button.primary:hover{background:var(--electric);border-color:var(--electric)}
.button:disabled{background:#ebebef;color:#696971;border-color:#c9c9d0}.text-link{font-weight:800}.icon-button:hover{background:#e5e9ff}.icon-button.selected .icon{fill:#ed66a0;stroke:#111}.is-added{background:var(--yellow)!important;color:#111!important;border-color:#111!important}.tags span{background:#f3f3f6;border:0;color:#414148;border-radius:3px;font-weight:600}.category-caption{color:#303038}.voice-name>span{color:#666}.demo-label{color:#5b5b63;font-weight:800}.editorial-label{color:#62626a}.helper{color:#62626a}
.festival-hero{background:var(--hero-blue);position:relative;padding-bottom:56px;isolation:isolate;overflow:hidden}
.hero{grid-template-columns:.96fr 1.04fr;gap:45px;padding-block:28px 35px;align-items:center;position:relative}
.hero h1{font-family:var(--sans);font-size:clamp(46px,4.5vw,66px);line-height:1.18;letter-spacing:-.055em;font-weight:900;margin-top:17px;position:relative;z-index:2}
.hero h1 em{font-style:normal;color:white;-webkit-text-stroke:1px #111;text-shadow:3px 3px 0 #111}
.hero-description{font-size:12px;color:#172638;line-height:1.9;margin-top:20px;font-weight:600}
.hero-search{margin-top:25px;position:relative;z-index:3}.hero-search-heading{min-height:32px;margin-bottom:8px}.hero-search h2{font-size:13px;font-weight:900;margin:0}.category-grid{display:flex;flex-wrap:wrap;gap:7px}
.category-button{border:1.5px solid #111;border-radius:999px;color:white;background:#111;font-size:10px;min-height:44px;padding:7px 11px;gap:6px;font-weight:700}.category-button .icon{width:15px;height:15px}.category-button:hover{background:white;color:#111}.category-button[aria-pressed=true]{background:var(--yellow);border-color:#111;color:#111;box-shadow:none}
.search-cta{width:auto;min-width:280px;justify-content:space-between;margin-top:16px;font-size:12px;background:white!important;color:#111!important;border-color:#111!important}.search-cta:hover{background:var(--yellow)!important}
.hero-art{height:535px;position:relative;align-self:start;margin-top:20px;min-width:0;z-index:1}
.art-outline{position:absolute;inset:35px 0 auto 0;font-family:Impact,Arial,sans-serif;font-size:190px;line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #111;transform:rotate(-9deg);opacity:.6;z-index:-1}
.art-tile{background-image:url('/assets/world/character-world.png');background-repeat:no-repeat;background-size:400% 200%;position:absolute;border:6px solid var(--hero-blue);box-shadow:0 0 0 1px transparent}
.tile-one{left:0;top:45px;width:49%;height:425px;background-position:0% 0%;border-radius:110px 30px 100px 30px;transform:rotate(-8deg);z-index:2}
.tile-two{right:0;top:0;width:49%;height:288px;background-position:33.3333% 0%;border-radius:85px 110px 35px 35px;transform:rotate(7deg);z-index:1}
.tile-three{right:-3%;bottom:8px;width:49%;height:252px;background-position:100% 100%;border-radius:40px 35px 120px 55px;transform:rotate(-5deg);z-index:3}
.art-sticker{position:absolute;left:23%;bottom:18px;border-radius:50%;width:135px;height:135px;background:var(--yellow);font-family:Arial,sans-serif;font-size:19px;font-weight:900;line-height:1.1;display:grid;align-content:center;text-align:center;transform:rotate(-15deg);z-index:4;border:2px solid #111;box-shadow:5px 5px 0 #111}
.art-orbit{position:absolute;width:90px;height:120px;border:23px solid var(--electric);border-radius:50%;right:-24px;top:40%;transform:rotate(35deg);z-index:5}.art-spark{position:absolute;font-size:100px;color:var(--pink);-webkit-text-stroke:1px #111;right:39%;top:-22px;line-height:1;transform:rotate(8deg);z-index:5}.art-caption{position:absolute;bottom:-20px;right:0;font:700 8px Arial,sans-serif;letter-spacing:.1em;color:#27394b;z-index:4}
.hero-bottom{position:relative;z-index:5}.preview-paper{background:#fff;border:0;border-radius:20px;padding:20px 26px;box-shadow:none}.preview-paper:before{display:none}.preview-heading{padding:0;align-items:center;gap:15px}.preview-heading h2{font-family:var(--sans);font-size:19px;font-weight:900;margin-top:4px;letter-spacing:-.02em}.preview-heading .eyebrow{font-size:9px;color:var(--electric)}.preview-category{font-size:10px;font-weight:700;color:#111;padding:5px 11px;border:1px solid #111;border-radius:30px;margin:0;white-space:nowrap}
#home-voices{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mini-voice{display:grid;grid-template-columns:.85fr 1fr;gap:12px;align-items:center;border:0;padding-block:17px 0}.mini-voice-heading{gap:9px}.mini-voice-heading h3{font-family:Arial,sans-serif;font-size:19px;font-weight:900}.mini-voice-heading p{font-size:9px;color:#56565e}.mini-voice .avatar{width:39px;height:39px}.mini-voice .icon-button{min-width:30px;width:30px}.mini-voice .player{margin:0}.mini-voice .player-caption{font-size:8px}.mini-voice-heading .demo-label{font-size:7px}.preview-note{display:block;font-size:8px;font-family:Arial,var(--sans);color:#777;letter-spacing:.02em;margin-top:12px}.hero-wave{display:block;position:absolute;bottom:-1px;left:0;width:100%;height:42px;color:white;z-index:0}
.player-controls{background:#f2f2f6;border-radius:11px;padding:10px}.play{background:#fff;border:1.5px solid #92929b;color:#85858d}.wave i{background:#9797ad}.player-caption{color:#64646e}.player-caption>span:last-child{color:#77717b}.player .duration{color:#65656f}.avatar{color:#111;border:0;border-radius:40% 60% 45% 55%}.avatar>span{font-family:Arial,sans-serif;font-weight:900;font-style:normal}.avatar>i{background:#ffffff55}.avatar:nth-child(2n){border-radius:55% 45% 60% 40%}
.intro-section{padding-block:90px 80px;display:grid;grid-template-columns:.65fr 1.35fr auto;gap:35px;align-items:start}.intro-section>.eyebrow{font-size:10px;max-width:170px;line-height:1.7}.intro-section h2{font-size:35px;line-height:1.45;font-weight:900}.intro-section p:not(.eyebrow){font-size:12px;color:#55555f;line-height:2;margin-top:20px}.intro-sticker{width:92px;height:92px;border-radius:50%;background:var(--pink);font-family:Arial,sans-serif;font-size:16px;line-height:1.1;font-weight:900;text-align:center;align-content:center;transform:rotate(12deg)}
.brand-ribbon{padding:7px 0;overflow:hidden;width:100%;border-block:1px solid #e3e3ec;transform:rotate(-2deg);background:#fdfdff}.brand-ribbon span{display:block;white-space:nowrap;font-family:Arial,sans-serif;font-weight:900;font-size:30px;line-height:1.1;letter-spacing:-.04em;color:var(--electric)}
.section{padding-block:64px}.section-heading h2{font-family:var(--sans);font-size:33px;line-height:1.4;letter-spacing:-.04em;font-weight:900}.section-heading>div>p:not(.eyebrow){color:#5d5d65;font-size:12px;margin-top:12px}.section-heading.inline{margin-bottom:28px}.section-heading.inline>.button{font-size:11px}.voice-card{border:1.5px solid #dfdfe7;border-radius:20px;padding:25px;box-shadow:none;position:relative;overflow:hidden}.voice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--electric)}.voice-card:has(.amber):before{background:var(--yellow)}.voice-card:has(.rose):before{background:var(--pink)}.voice-card:has(.lilac):before{background:#a999ff}.voice-card:has(.sage):before{background:#6ac8b8}.voice-card:hover{border-color:#111;box-shadow:5px 5px 0 #111}.voice-card h3{font-family:var(--sans);font-size:20px;line-height:1.6;font-weight:800;letter-spacing:-.025em}.voice-name{font-family:Arial,sans-serif;font-size:17px;font-weight:900}.voice-name>span{font-weight:400}.card-top{margin-bottom:17px}.card-actions{border-top:1px dashed #d2d2db}.button.small{border:1px solid #111;font-size:11px}.detail-link{font-weight:800}.card-actions .detail-link .icon{background:var(--black);color:white;border-radius:50%;padding:2px;width:23px;height:23px}.card-top .favorite{border:1px solid #e3e3e8}
.how-section{background:var(--pink);border:0;padding:45px 0 48px;position:relative;overflow:hidden}.how-section:before{content:"";position:absolute;right:-30px;top:-70px;width:230px;height:230px;border:45px solid #ffffff25;border-radius:50%}.how-section .section-heading{display:block}.how-section .section-heading h2{font-family:var(--sans);font-size:32px;font-weight:900;margin-top:7px}.steps{gap:18px;position:relative;margin-top:30px}.steps li{background:white;border:0;border-radius:15px;padding:24px;align-items:center;gap:15px}.steps li>span{font-family:Arial,sans-serif;font-size:32px;color:var(--electric);font-weight:900}.steps h3{font-size:15px;font-weight:900}.steps p{font-size:10px;color:#555;margin-top:6px}.steps .icon{color:#111}.guide-feature{margin-top:70px;padding:45px 50px;gap:50px;border:0;border-radius:30px;background:#eff0f6;grid-template-columns:1fr 1.25fr;overflow:hidden}.guide-feature h2{font-family:var(--sans);font-size:31px;font-weight:900;line-height:1.5;letter-spacing:-.04em}.guide-feature p:not(.eyebrow){font-size:12px;color:#555}.guide-cover{aspect-ratio:1.45;background:var(--electric);border-radius:36% 26% 38% 24%;gap:25px;transform:rotate(-5deg);overflow:visible}.guide-cover:before{display:none}.guide-cover .guide-bubble{background:white;color:#111;font-family:Arial,sans-serif;font-size:36px;line-height:.95;letter-spacing:-.05em;font-weight:900;padding:28px 22px;border-radius:40% 40% 4% 40%;transform:rotate(5deg);z-index:2}.guide-cover .icon{color:white;stroke-width:2;width:54px;height:54px}.guide-doodle{position:absolute;right:-10px;bottom:-35px;color:var(--yellow);font-family:Arial;font-size:110px;-webkit-text-stroke:2px #111;line-height:1;transform:rotate(15deg)}
.faq h2{font-family:var(--sans);font-size:29px;font-weight:900;line-height:1.5;letter-spacing:-.04em}.faq summary{font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px}.faq summary:after{content:"＋";font-weight:900;font-size:16px}.faq details[open] summary:after{content:"−"}.faq details{padding-block:15px}.faq details p{color:#555;line-height:2}.final-cta{position:relative;background:var(--electric);color:white;border-radius:28px;margin-block:20px 80px;text-align:center;padding:65px 25px;overflow:hidden;isolation:isolate}.final-cta .eyebrow{color:white;font-size:10px}.final-cta h2{font-size:34px;font-weight:900;line-height:1.5;margin-block:16px 26px}.final-cta .button{background:white;border:0;font-size:12px;color:#111;min-width:250px}.cta-star{position:absolute;color:var(--yellow);font-size:200px;line-height:1;left:-35px;top:-40px;transform:rotate(12deg);z-index:-1}.cta-orbit{position:absolute;width:200px;height:270px;border:48px solid var(--pink);border-radius:50%;right:-50px;bottom:-100px;transform:rotate(35deg);z-index:-1}
.site-footer{background:#f1f1f4;border:0;padding:40px 0 26px}.footer-brand{font-family:Arial,sans-serif;font-style:italic;letter-spacing:-.06em;font-size:38px;font-weight:900}.footer-top p{color:#4a4a53;font-weight:700;font-size:10px}.footer-links{font-weight:700}.footer-bottom{border-color:#d5d5de;color:#666;font-size:9px}
.page-intro h1{font-family:var(--sans);font-size:41px;font-weight:900;letter-spacing:-.04em}.page-intro .eyebrow{color:var(--electric)}.page-intro>p:last-child{color:#5f5f68}.filters{background:#f0f2fd;border:0;border-radius:20px;padding:27px 30px}.search-field>div{border-color:#c9c9d6;border-radius:40px;padding-left:18px}.search-field .button{border-radius:40px}.filter-row select{border-color:#c9c9d6}.result-toolbar p>strong{font-family:Arial,sans-serif;font-weight:900;color:var(--electric)}.result-options select{border-color:#d5d5de;border-radius:999px}.view-switch{border-color:#d5d5de;border-radius:999px}.view-switch button{border-radius:999px}.view-switch button[aria-pressed=true]{background:var(--electric);color:white}.sort-note{color:#6b6b73}.empty{border-color:#bbbbcf;background:#f4f4fa;border-radius:20px}.empty h2{font-family:var(--sans);font-weight:800}.empty-symbol{background:#e3e7ff;color:var(--electric)}
.detail-hero h1{font-family:var(--sans);font-size:37px;font-weight:900}.detail-name{font-family:Arial,sans-serif;font-weight:900}.detail-name span{font-weight:400}.detail-portrait{border-radius:28% 18% 35% 17%;transform:rotate(-3deg)}.detail-portrait>span{transform:rotate(3deg)}.category-tabs button{border-radius:999px;border-color:#111;font-weight:800}.category-tabs button[aria-pressed=true]{background:#111;color:white;border-color:#111}.sample-section{border-radius:18px;border-color:#dedee8}.sample-number{font-family:Arial,sans-serif;font-weight:900;color:var(--electric)}.tag-outline{background:#e9edff;border:0;color:#263cc9;font-weight:800}.profile-sidebar{background:#f0f2fd;border:0;border-radius:20px}.profile-sidebar h2{font-family:var(--sans);font-weight:800}.profile-sidebar dt,.comparison-traits dt{color:#686870}.comparison-column{border-radius:20px;border:1.5px solid #dedee8}.comparison-column h2{font-family:Arial,sans-serif;font-weight:900}.compare-editorial{font-family:var(--sans);font-weight:800}.comparison-top{color:#63636b}.comparison-notice{background:#edf0ff;border-color:#d1d8fa;color:#33334a}.comparison-notice.mixed{background:#fff6d9;border-color:#e5d598;color:#695415}.comparison-traits{border-color:#dedee8}.reorder button{border-radius:999px;border-color:#aaaaba;font-weight:700}.reorder button:disabled{background:#f4f4f8;color:#92929d}.compare-storage{color:#666}
.guide-card-art{border-radius:36% 24% 40% 20%;background:var(--hero-blue);transform:rotate(-3deg)}.guide-card-art>span{font-family:Arial,sans-serif;color:#111;font-weight:900}.guide-card-art .icon{color:#111;stroke-width:1.6}.art-1{background:var(--pink);transform:rotate(3deg)}.art-2{background:var(--yellow);transform:rotate(-3deg)}.guide-card h2{font-family:var(--sans);font-weight:900}.guide-card .eyebrow{color:var(--electric)}.guide-caution{background:#f1f2fa;border:0;border-radius:18px}.guide-article>h1,.guide-article section h2,.policy-page section h2{font-family:var(--sans);font-weight:900;letter-spacing:-.035em}.guide-article section p,.policy-page section p{color:#4e4e59}.article-status{color:#676772;border-color:#dedee8}.step-label{color:var(--electric);font-weight:900}.comparison-tray{background:#111;color:white;border-top:0}.tray-inner strong{font-family:Arial,sans-serif;font-weight:900}.tray-inner>.button{background:var(--yellow);color:#111;border-color:var(--yellow)}.tray-items>span{background:#303038;border-color:#50505b}.tray-items .icon-button:hover{background:#44444c}.toast{background:var(--electric);color:white;border-radius:12px;box-shadow:4px 4px 0 #111}.loading{color:#111}
@media(min-width:1280px){.hero{grid-template-columns:.96fr 1.04fr}.hero h1{font-size:62px}.hero-search{margin-top:22px}.category-button{min-height:44px}.hero-art{height:535px}}
@media(max-width:1100px) and (min-width:768px){.hero{gap:30px}.hero h1{font-size:49px}.hero-art{height:510px}.tile-one{height:385px}.tile-two{height:260px}.tile-three{height:230px}.art-sticker{width:110px;height:110px;font-size:16px}.art-orbit{width:70px;height:100px;border-width:18px;right:-10px}.mini-voice{grid-template-columns:1fr}.mini-voice .player-caption{font-size:9px}.intro-section{grid-template-columns:.7fr 1.3fr;gap:30px}.intro-sticker{display:none}.steps li{padding:20px 16px}.steps p{font-size:10px}.guide-cover .guide-bubble{font-size:26px;padding:24px 15px}.guide-cover .icon{width:37px}.guide-feature{padding:35px}.guide-feature h2{font-size:26px}}
@media(max-width:767px){
 .demo-banner{font-size:8px;min-height:25px;line-height:1.5}.demo-banner strong{font-size:8px}.demo-banner>span:last-child{max-width:250px}.header-inner{min-height:75px;padding-block:13px;gap:10px}.site-header .brand{font-family:Arial,sans-serif;font-size:29px;letter-spacing:-.075em}.brand-star{font-size:18px;margin-left:3px}.site-header .brand small{font-size:7px;letter-spacing:.08em;margin-top:6px}.site-header nav{font-size:10px;gap:11px}.site-header .nav-favorites{padding:0 7px;gap:2px}.nav-favorites b{font-size:8px;min-width:12px}.nav-favorites .icon{width:15px}.guide-short{display:inline}.guide-long{display:none}.site-header nav>a[aria-current]:after{height:2px;bottom:1px}
 .festival-hero{padding-bottom:38px}.hero{display:block;padding-block:20px 21px;position:relative;isolation:isolate}.hero h1{font-size:30px;line-height:1.25;letter-spacing:-.06em;width:65%;margin-top:12px}.hero h1 em{text-shadow:2px 2px 0 #111;-webkit-text-stroke:.7px #111}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero-description{font-size:10px;line-height:1.8;margin-top:16px;width:61%;font-weight:500}.hero-art{position:absolute;top:20px;right:0;width:37%;height:200px;margin:0;z-index:0}.art-outline{font-size:61px;top:25px;left:-15px;-webkit-text-stroke:.8px #111;opacity:.6}.art-tile{border-width:2px}.tile-one{left:0;top:28px;width:70%;height:153px;border-radius:55px 10px 35px 10px;transform:rotate(-9deg)}.tile-two{right:-5%;top:0;width:65%;height:104px;border-radius:40px 40px 10px 10px;transform:rotate(8deg)}.tile-three{right:-5%;bottom:-4px;width:65%;height:95px;border-radius:20px 15px 40px 20px}.art-sticker{width:52px;height:52px;font-size:8px;left:-2%;bottom:-8px;border-width:1px;box-shadow:2px 2px 0 #111}.art-orbit{width:30px;height:45px;border-width:8px;right:-8px;top:70px}.art-spark{font-size:42px;right:35%;top:-14px;-webkit-text-stroke:.6px #111}.art-caption{font-size:5px;right:-4px;bottom:-24px;letter-spacing:0;white-space:nowrap}
 .hero-search{margin-top:25px}.hero-search-heading{margin-bottom:7px;min-height:30px}.hero-search h2{font-size:12px}.hero-search-heading .more-categories{font-size:9px;min-height:30px;padding:3px 0 3px 10px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.category-button{font-size:9px;padding:8px 10px;min-height:43px;justify-content:center;gap:5px}.category-button .icon{width:14px}.secondary-category{display:none}.category-grid.expanded .secondary-category{display:flex}.search-cta{min-width:0;width:100%;min-height:44px;margin-top:11px;font-size:11px}.hero-bottom{width:calc(100% - 36px)}.preview-paper{padding:15px 16px;border-radius:18px}.preview-heading{display:block}.preview-heading h2{font-size:14px;margin-top:4px;line-height:1.5}.preview-heading .eyebrow{font-size:8px}.preview-category{position:static;font-size:8px;margin-top:8px;display:inline-block;padding:2px 8px}.hero-bottom #home-voices{grid-template-columns:1fr;gap:0}.hero-bottom .mini-voice{display:grid;grid-template-columns:.9fr 1.1fr;gap:8px;padding-block:10px 0}.hero-bottom .mini-voice:nth-child(n+2){display:none}.mini-voice-heading{gap:7px}.mini-voice-heading .avatar{width:32px;height:32px}.mini-voice-heading .avatar>span{font-size:18px}.mini-voice-heading h3{font-size:15px}.mini-voice-heading p{font-size:8px;line-height:1.5}.mini-voice-heading .demo-label{font-size:6px;margin-left:3px}.mini-voice-heading .icon-button{display:none}.mini-voice .player{margin:0}.mini-voice .player-controls{gap:5px;padding:7px}.mini-voice .play{width:30px;height:30px;min-width:30px}.mini-voice .wave{height:25px;gap:2px}.mini-voice .wave i:nth-child(even){display:none}.mini-voice .duration{font-size:8px}.mini-voice .player-caption{font-size:7px;gap:4px;line-height:1.5}.preview-note{font-size:6px;line-height:1.7;margin-top:9px;max-width:100%}.hero-wave{height:25px}
 .intro-section{padding-block:40px;grid-template-columns:1fr;gap:15px;position:relative}.intro-section>.eyebrow{font-size:8px;max-width:none}.intro-section h2{font-size:27px;line-height:1.4;width:80%}.intro-section p:not(.eyebrow){font-size:10px;line-height:2;margin-top:15px}.intro-sticker{position:absolute;right:0;top:65px;width:64px;height:64px;font-size:11px}.brand-ribbon{padding-block:6px}.brand-ribbon span{font-size:23px}.section{padding-block:38px}.section-heading h2{font-size:26px}.section-heading.inline>.button{margin-top:17px;font-size:10px;min-height:44px}.section-heading>div>p:not(.eyebrow){font-size:10px;line-height:1.8}.voice-card{padding:23px;border-radius:19px}.voice-card h3{font-size:22px;font-weight:800}.voice-name{font-size:19px}.card-top{margin-bottom:14px}.card-actions .button{font-size:11px}.how-section{padding-block:32px}.how-section .section-heading h2{font-size:26px}.steps{gap:12px;margin-top:23px}.steps li{padding:20px;gap:20px}.steps li>span{font-size:31px;width:40px}.steps h3{font-size:17px}.steps p{font-size:10px;line-height:1.7}.guide-feature{margin-top:38px;padding:28px 24px;grid-template-columns:1fr;gap:32px;border-radius:22px}.guide-cover{aspect-ratio:1.8;width:92%;margin-inline:auto;gap:30px}.guide-cover .guide-bubble{font-size:32px;padding:23px 20px}.guide-cover .icon{width:45px;height:45px}.guide-doodle{font-size:86px;right:-10px;bottom:-25px}.guide-feature h2{font-size:26px;font-weight:900}.guide-feature p:not(.eyebrow){font-size:11px;line-height:1.9}.guide-feature .button{font-size:11px}.faq{gap:17px}.faq h2{font-size:26px}.faq details summary{font-size:12px;line-height:1.8;gap:10px}.faq details p{font-size:11px}.final-cta{padding:42px 20px;margin-block:5px 42px;border-radius:22px}.final-cta h2{font-size:23px;line-height:1.55;margin-block:16px 23px;position:relative}.final-cta .eyebrow{font-size:8px;position:relative}.final-cta .button{min-width:220px;font-size:11px}.cta-star{font-size:120px;left:-30px;top:-25px}.cta-orbit{width:120px;height:170px;border-width:28px;right:-37px;bottom:-70px}.footer-brand{font-family:Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:-.06em}.site-footer{padding-block:30px}.footer-top p{font-size:9px}.footer-links{font-size:10px}.footer-bottom{font-size:8px}.footer-bottom>span{font-size:7px}
 .page-intro h1{font-size:30px;font-weight:900}.page-intro>p:last-child{font-size:12px}.filters{padding:20px 16px;border-radius:18px}.search-field input{font-size:16px}.search-field .button{min-width:58px;font-size:12px}.filter-row select,.advanced select{font-size:16px;border-radius:8px}.result-toolbar p>strong{font-size:24px}.empty h2{font-size:22px;font-weight:800}.detail-hero h1{font-size:30px;font-weight:900}.detail-portrait{height:180px;border-radius:38px 70px 38px 70px;transform:none}.detail-portrait>span{transform:none}.detail-name{font-size:27px}.category-tabs button{font-size:11px}.sample-section{padding:20px}.profile-sidebar h2{font-family:var(--sans);font-weight:800}.comparison-column{padding:23px;border-radius:20px}.comparison-column .compare-editorial{font-weight:800;font-size:19px}.guide-card-art{aspect-ratio:2.1}.guide-card h2{font-weight:900;font-size:24px}.guide-article>h1{font-size:31px}.guide-article section h2,.policy-page section h2{font-size:24px}.guide-article section p,.policy-page section p{font-size:14px}.tray-inner>.button{background:var(--yellow);color:#111;font-size:12px}.toast{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover:not(:disabled){transform:none}}
/* Preserve the three-line concept on phones; the paper mock hid its first line break. */
@media(max-width:767px){.hero h1 br:first-child{display:initial}.hero h1{width:65%}}
.guide-cover .guide-doodle{font-family:Arial,sans-serif;font-size:110px;letter-spacing:0;line-height:1}
@media(max-width:767px){.guide-cover .guide-doodle{font-size:86px}}

/* Motion: a fast one-shot entrance, then gentle continuous motion and scroll reveals. */
body{overflow-x:clip}
.hero-line{display:block;white-space:nowrap}.hero-glyph{display:inline-block;transform-origin:50% 75%;will-change:auto}
.motion-controls{display:flex;align-items:center;gap:16px;margin-top:5px;position:relative;z-index:6}
.motion-controls button{appearance:none;background:none;border:0;padding:8px 0;min-height:36px;font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.motion-controls button:disabled{color:#283f5a;opacity:.8;text-decoration:none;cursor:default}
.motion-enabled .motion-reveal{opacity:0}
.motion-enabled .hero-art{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .2s ease-out}
.motion-enabled .tile-one{animation:voice-drift-one 5.2s ease-in-out infinite}
.motion-enabled .tile-two{animation:voice-drift-two 4.4s ease-in-out infinite}
.motion-enabled .tile-three{animation:voice-drift-one 5.8s ease-in-out infinite reverse}
.motion-enabled .art-sticker{animation:voice-sticker 3.4s ease-in-out infinite}
.motion-enabled .art-orbit{animation:voice-orbit 9s linear infinite}
.motion-enabled .art-spark{animation:voice-spark 7s ease-in-out infinite}
.motion-enabled .hero-wave{animation:voice-wave 5.8s ease-in-out infinite;transform-origin:50% 100%}
.brand-ribbon{display:flex;gap:0}.brand-ribbon span{flex:none;width:max-content;padding-right:1.2em}
.motion-enabled .brand-ribbon span{animation:voice-marquee 19s linear infinite}
.motion-enabled .guide-cover .guide-doodle{animation:voice-orbit 14s linear infinite}
.motion-enabled .intro-sticker{animation:voice-sticker 4.4s ease-in-out infinite}
.motion-enabled .cta-star{animation:voice-orbit 18s linear infinite}
.motion-enabled .cta-orbit{animation:voice-drift-two 6s ease-in-out infinite}
.motion-enabled .brand-star{transition:rotate .35s cubic-bezier(.2,1.5,.4,1)}
.motion-enabled .brand:hover .brand-star{rotate:90deg}
.motion-enabled .category-button{transition:scale .18s cubic-bezier(.2,1.7,.4,1),rotate .18s,background .18s}
.motion-enabled .category-button:hover{scale:1.045;rotate:-2deg}
.motion-enabled .category-button:nth-child(even):hover{rotate:2deg}
.motion-enabled .voice-card{transition:translate .22s cubic-bezier(.2,1.6,.4,1),box-shadow .18s,border-color .18s}
.motion-enabled .voice-card:hover{translate:0 -6px}
.motion-background .festival-hero *,.motion-background .brand-ribbon *,.motion-background .guide-doodle,.motion-background .intro-sticker,.motion-background .cta-star,.motion-background .cta-orbit{animation-play-state:paused!important}
@keyframes voice-drift-one{0%,100%{translate:0 0}50%{translate:-3px -9px}}
@keyframes voice-drift-two{0%,100%{translate:0 0;rotate:0deg}50%{translate:4px 8px;rotate:2deg}}
@keyframes voice-sticker{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:5deg}}
@keyframes voice-orbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes voice-spark{0%,100%{rotate:0deg;scale:1}50%{rotate:40deg;scale:1.08}}
@keyframes voice-wave{0%,100%{scale:1.04 1;translate:0 0}50%{scale:1.09 1.14;translate:0 2px}}
@keyframes voice-marquee{from{translate:0 0}to{translate:-100% 0}}
@media(max-width:767px){.motion-controls{gap:13px;margin-top:4px}.motion-controls button{font-size:8px;min-height:32px}.motion-enabled .hero-art{translate:0 0;transition:none}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1!important}.hero-art{translate:0 0!important}.hero-glyph{opacity:1!important;translate:none!important;rotate:none!important;scale:1!important}}

/* Three solid concept colors; the glyph timeline supplies the kinetic type. */
.hero h1 .hero-line:nth-child(1){color:#242b9b}
.hero h1 .hero-line:nth-child(2){color:#a71954}
.hero h1 .hero-line:nth-child(3),.hero h1 .hero-line em{color:#983900;-webkit-text-stroke:0;text-shadow:none}
.character-avatar img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}
.voice-card.flip-card{display:block;padding:0;height:550px;min-width:0;perspective:1200px;overflow:visible;background:transparent;border:0;box-shadow:none}
.voice-card.flip-card:before{display:none}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.18,1)}
.is-flipped .flip-inner{transform:rotateY(180deg)}
.card-face{position:absolute;inset:0;width:100%;height:100%;border:2px solid #111;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff;box-shadow:5px 6px 0 #111}
.card-front{padding:0;text-align:left;color:#111;display:flex;flex-direction:column;cursor:pointer;transform:rotateY(0deg)}
.card-front>img{width:100%;height:74%;min-height:0;object-fit:cover;object-position:center 28%;display:block}
.front-copy{display:flex;flex:1;flex-direction:column;justify-content:center;gap:8px;padding:18px 22px;background:#ffe259;border-top:2px solid #111}
.front-copy strong{font-size:20px;line-height:1.4;font-weight:900;letter-spacing:-.04em}
.front-copy>span{font:bold 27px/1 Arial,sans-serif;letter-spacing:-.03em}
.flip-card:nth-child(3n+2) .front-copy{background:#f7a6c2}
.flip-card:nth-child(3n) .front-copy{background:#acc8ff}
.card-back{transform:rotateY(180deg);padding:22px;display:flex;flex-direction:column;gap:0}
.card-back .card-top{padding-top:22px}.card-back .player{margin-top:auto}
.flip-return{position:absolute;right:17px;top:10px;min-height:32px;padding:3px 10px;background:#eef0ff;color:#252a7a;border:0;border-radius:20px;font-size:11px;font-weight:800;cursor:pointer}
.list-view .voice-card.flip-card{display:block;grid-template-columns:none;height:550px;max-width:640px;width:100%;margin-inline:auto}
.list-view .card-back{display:flex}.list-view .card-back .card-top{display:flex}.list-view .card-back .player{width:100%}
.floating-navigation{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.has-comparison .floating-navigation{bottom:calc(116px + env(safe-area-inset-bottom))}
.mic-menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:84px;height:98px;border:2px solid #111;border-radius:45px 45px 25px 25px;background:#f795bb;box-shadow:4px 5px 0 #111;cursor:pointer;transition:rotate .2s,translate .2s}
.mic-menu-button:hover{rotate:-6deg;translate:0 -3px}.mic-menu-button span{font:bold 10px/1.3 Arial,sans-serif;letter-spacing:.12em}.mic-menu-button img{width:44px;height:59px}
#mic-menu{width:min(300px,calc(100vw - 44px));max-height:calc(100dvh - 240px);overflow:auto;padding:20px;border:2px solid #111;border-radius:22px;background:#fff;box-shadow:5px 6px 0 #111}
#mic-menu[hidden]{display:none}#mic-menu>p{font:bold 10px Arial,sans-serif;letter-spacing:.12em;color:#344be9;margin:0 0 12px}
#mic-menu>a,#mic-menu>button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:48px;border:0;border-top:1px solid #dedee8;padding:10px 4px;background:none;color:#111;text-decoration:none;font-size:14px;font-weight:800;cursor:pointer;text-align:left}
#mic-menu>a:hover,#mic-menu>button:hover{color:#344be9}#mic-menu b,[data-sound-label]{background:#ffe259;padding:2px 8px;border-radius:20px;color:#111;font-size:11px}
.sound-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(470px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;border:2px solid #111;border-radius:28px;background:#fff;box-shadow:8px 9px 0 #111;color:#111}
.sound-dialog::backdrop{background:#18294c99;backdrop-filter:blur(7px)}
.sound-dialog form{padding:32px;text-align:center}.sound-eyebrow{font:bold 11px Arial,sans-serif;letter-spacing:.11em;color:#344be9;margin:0 0 19px}.sound-mic{margin:auto;background:#f7a6c2;border-radius:40%;padding:8px;width:80px;height:90px;box-sizing:content-box;rotate:-8deg}
.sound-dialog h2{font-size:32px;font-weight:900;margin:22px 0 10px;letter-spacing:-.05em}.sound-dialog #sound-description{font-size:14px;margin:0 0 22px}
.sound-dialog fieldset{padding:0;margin:0;display:flex;gap:12px;border:0}.sound-dialog legend{font-size:12px;font-weight:700;margin-bottom:10px;text-align:left}.sound-dialog label{flex:1;position:relative;cursor:pointer}.sound-dialog input{position:absolute;left:16px;top:16px;width:18px;height:18px;accent-color:#344be9}.sound-dialog label>span{display:flex;align-items:center;flex-direction:column;gap:4px;border:2px solid #d3d5e2;border-radius:15px;padding:17px 8px;font:bold 28px Arial,sans-serif}.sound-dialog label small{font:12px system-ui,sans-serif}.sound-dialog input:checked+span{border-color:#344be9;background:#edf0ff;color:#253bd0;box-shadow:2px 3px 0 #344be9}.sound-dialog input:focus-visible+span{outline:3px solid #111;outline-offset:4px}.sound-note{font-size:11px;line-height:1.8;margin:18px 0;color:#555768}.sound-confirm{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 24px;border:2px solid #111;border-radius:40px;background:#ffe259;color:#111;font-size:15px;font-weight:900;cursor:pointer}.sound-confirm:hover{background:#ffed91}.sound-later{font-size:10px;margin:16px 0 0;color:#555768}
@media(max-width:767px){.voice-card.flip-card,.list-view .voice-card.flip-card{height:540px}.card-back{padding:22px}.front-copy strong{font-size:22px}.floating-navigation{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.mic-menu-button{width:68px;height:82px}.mic-menu-button img{width:36px;height:49px}.has-comparison .floating-navigation{bottom:calc(104px + env(safe-area-inset-bottom))}.sound-dialog form{padding:25px 22px}.sound-mic{width:48px;height:58px}.sound-dialog h2{font-size:28px;margin-top:16px}.sound-dialog label>span{font-size:24px}.sound-dialog input{left:10px;top:12px}}
@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}.mic-menu-button:hover{rotate:none;translate:none}}
html[data-motion=off] .flip-inner,html[data-motion=off] .mic-menu-button{transition:none}
html[data-motion=off] .mic-menu-button:hover{rotate:none;translate:none}
#mic-menu{transform-origin:calc(100% - 35px) 100%}
.motion-enabled #mic-menu.is-opening{animation:menu-pop-in .42s cubic-bezier(.2,.8,.25,1) both}
.motion-enabled #mic-menu.is-opening>a,.motion-enabled #mic-menu.is-opening>button{animation:menu-item-in .28s ease-out both;animation-delay:.09s}
.motion-enabled #mic-menu.is-opening>:nth-child(3){animation-delay:.12s}
.motion-enabled #mic-menu.is-opening>:nth-child(4){animation-delay:.15s}
.motion-enabled #mic-menu.is-opening>:nth-child(5){animation-delay:.18s}
.motion-enabled #mic-menu.is-opening>:nth-child(6){animation-delay:.21s}
.motion-enabled #mic-menu.is-opening>:nth-child(7){animation-delay:.24s}
@keyframes menu-pop-in{0%{opacity:0;transform:translateY(24px) scale(.55) rotate(5deg)}65%{opacity:1;transform:translateY(-5px) scale(1.035) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes menu-item-in{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}

/* VOISEARCH PLAYGROUND: the stage stays alive after the entrance. */
main{overflow-x:clip}
.festival-hero{overflow:visible;isolation:isolate}.hero-copy,.hero-art{overflow:visible}
.kinetic-title{position:relative;z-index:3}.hero-line{width:max-content;transform-origin:left center}
.hero-line:nth-child(1){transform:rotate(-4deg)}.hero-line:nth-child(2){transform:rotate(2deg) translateX(12px)}.hero-line:nth-child(3){transform:rotate(-2deg) translateX(-5px)}
.motion-enabled .hero-glyph{animation:type-jump 1.15s var(--beat,0s) cubic-bezier(.4,0,.25,1) infinite}
.motion-enabled .hero-line:nth-child(2) .hero-glyph{animation-name:type-kick}
.hero-description{position:relative;z-index:3}.motion-enabled .art-sticker{animation:sticker-freak 2s ease-in-out infinite}
.motion-enabled .tile-one{animation:character-rock 2.2s ease-in-out infinite}
.motion-enabled .tile-two{animation:character-rock 2.6s -.8s ease-in-out infinite reverse}
.motion-enabled .tile-three{animation:character-rock 2.4s -1.4s ease-in-out infinite}
.hero-art:after{content:'HEY!';position:absolute;right:-8px;top:46%;font:900 italic 35px/1 Arial,sans-serif;color:#111;background:#ffe259;border:3px solid #111;border-radius:50%;padding:16px 22px;rotate:14deg;z-index:4;box-shadow:5px 5px 0 #111;pointer-events:none}
.motion-enabled .hero-art:after{animation:shout-bubble 2.1s ease-in-out infinite}
.intro-section,.section-heading,.guide-feature,.final-cta{overflow:visible}
.jump-letter{display:inline-block;transform-origin:50% 90%}
.motion-enabled .in-play>.jump-letter{animation:heading-hop 1.8s var(--beat,0s) ease-in-out infinite}
.section-heading h2{rotate:-2deg}.section-heading.inline{position:relative}.section-heading.inline:after{content:'PICK ME! ↙';position:absolute;top:-25px;right:28%;padding:10px 15px;border:2px solid #111;border-radius:55% 45% 45% 10%;background:#ffe259;font:900 italic 15px Arial,sans-serif;rotate:9deg;box-shadow:3px 3px 0 #111;pointer-events:none}
.motion-enabled .section-heading.inline:after{animation:sticker-freak 2.3s ease-in-out infinite}
.voice-grid{gap:32px;padding:15px 8px 22px}
.flip-inner{rotate:var(--lean,-2deg);transition:transform .7s cubic-bezier(.34,1.5,.45,1),rotate .3s}
.motion-enabled .flip-card.in-play:not(:hover):not(:focus-within) .flip-inner{animation:card-float 2.8s var(--beat,0s) ease-in-out infinite}
.flip-card.is-flipped .flip-inner,.flip-card:hover .flip-inner,.flip-card:focus-within .flip-inner{rotate:0deg}
.motion-enabled .flip-card.in-play .card-front>img{animation:portrait-dance 4.2s var(--beat,0s) ease-in-out infinite}
.motion-enabled .flip-card:hover .card-front>img{animation-play-state:paused}
.card-front .front-copy{position:relative;overflow:visible}.front-copy strong{rotate:-1deg}.front-copy>span{rotate:2deg}
.card-back .character-avatar{overflow:visible;isolation:isolate}.card-back .character-avatar img{border-radius:50%}
.motion-enabled .is-flipped .card-back .character-avatar:after{content:'✳';position:absolute;right:-9px;top:-13px;font-size:24px;color:#344be9;z-index:3;animation:voice-orbit 3s linear infinite}
.motion-enabled .in-play.steps,.motion-enabled .steps li.in-play{animation:step-sway 2.5s var(--beat,0s) ease-in-out infinite}
.motion-enabled .category-button[aria-pressed=true]{animation:button-boogie 1.6s ease-in-out infinite}
.motion-enabled .category-button:hover,.motion-enabled .category-button:focus-visible{animation:none;scale:1.09;rotate:-5deg}
.motion-enabled .brand-star{display:inline-block;animation:voice-orbit 3.5s linear infinite}
.brand-ribbon{rotate:-2deg;scale:1.02;margin-block:22px;outline:3px solid #111;outline-offset:5px}
.motion-enabled .brand-ribbon span{animation-duration:11s}
.guide-cover{rotate:-4deg}.motion-enabled .guide-cover.in-play{animation:card-float 3s ease-in-out infinite}
.floating-navigation{isolation:isolate}
.mic-menu-button{position:relative;z-index:3;transform-origin:50% 85%}
.motion-enabled .mic-menu-button{animation:mic-dance 1.7s ease-in-out infinite}
.mic-menu-button[aria-expanded=true]{background:#ffe259;rotate:-7deg}
.motion-enabled .mic-menu-button[aria-expanded=true]{animation:mic-open-dance 1.2s ease-in-out infinite}
#mic-menu{position:relative;z-index:2;border-radius:26px 34px 17px 35px;box-shadow:7px 8px 0 #111;background:#fffdf4}
.motion-enabled #mic-menu.is-opening{animation:menu-pop-in .7s cubic-bezier(.18,.8,.23,1) both,menu-breathe 2.8s .7s ease-in-out infinite}
.motion-enabled #mic-menu.is-opening>a,.motion-enabled #mic-menu.is-opening>button{animation:menu-item-in .45s ease-out both,menu-row-dance 1.8s var(--beat,.5s) ease-in-out infinite}
#mic-menu>:nth-child(2n){--beat:-.6s;--row-turn:-1.4deg}#mic-menu>:nth-child(2n+1){--beat:-1.3s;--row-turn:1.4deg}
#mic-menu>a:hover,#mic-menu>button:hover,#mic-menu>a:focus-visible,#mic-menu>button:focus-visible{animation-play-state:paused!important;background:#ffe259;border-radius:12px;scale:1.035;color:#111}
#mic-menu>[data-party]{background:#344be9;color:white;justify-content:center;border:2px solid #111;border-radius:99px;font-style:italic;margin-top:10px}
.secret-hint{display:block;font-size:9px;text-align:center;margin-top:14px;color:#5d5d65}
.menu-planet,.menu-callout,.menu-bolt{position:absolute;z-index:4;pointer-events:none;display:none}
.floating-navigation:has(#mic-menu:not([hidden])) :is(.menu-planet,.menu-callout,.menu-bolt){display:block}
.menu-planet{top:-24px;left:-24px;font:900 66px/1 Arial,sans-serif;color:#ff4e99;-webkit-text-stroke:2px #111}
.menu-callout{top:-24px;right:20px;padding:9px 15px;border:2px solid #111;border-radius:50%;background:#ffe259;color:#111;font:900 italic 14px Arial,sans-serif;rotate:10deg}
.menu-bolt{top:42%;left:-23px;font:900 50px/1 Arial,sans-serif;color:#344be9;-webkit-text-stroke:1px #111}
.motion-enabled .menu-planet{animation:voice-orbit 3s linear infinite}
.motion-enabled .menu-callout{animation:shout-bubble 1.2s ease-in-out infinite}
.motion-enabled .menu-bolt{animation:heading-hop .8s ease-in-out infinite}
.menu-echo{position:fixed;display:flex;align-items:center;justify-content:center;z-index:91;pointer-events:none;font:900 italic 28px Arial,sans-serif;background:#ffe259;border:3px solid #111;border-radius:30px;transform-origin:100% 100%;visibility:hidden}
.motion-enabled .menu-echo{visibility:visible;animation:menu-vanish .3s ease-in both}
.confetti-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:150;pointer-events:none}
.cursor-companion{position:fixed;left:0;top:0;z-index:160;pointer-events:none;display:none;color:#ff4e99;font:900 31px/1 Arial,sans-serif;-webkit-text-stroke:1px #111;transform:rotate(-15deg)}
.cursor-companion small{display:block;font:900 italic 9px Arial,sans-serif;-webkit-text-stroke:0;color:#111;background:#ffe259;border:1px solid #111;border-radius:9px;padding:2px 4px;white-space:nowrap}
.cursor-companion.is-hot{color:#ffe259;scale:1.2}
@media(hover:hover) and (pointer:fine){.motion-enabled,.motion-enabled a,.motion-enabled button,.motion-enabled summary{cursor:url('/assets/party-cursor.svg') 4 3,auto}.motion-enabled .cursor-companion.is-visible{display:block}}
.party-status{position:fixed;z-index:155;top:28px;left:50%;translate:-50% 0;max-width:calc(100% - 36px);width:max-content;background:#ffe259;color:#111;font-size:13px;font-weight:900;padding:15px 22px;border:3px solid #111;border-radius:50px;box-shadow:4px 4px 0 #111;display:none;pointer-events:none}
.party-status.is-visible{display:block}
.motion-enabled.party-mode .party-status{animation:heading-hop .7s ease-in-out infinite}
.party-mode .festival-hero,.party-mode .site-header,.party-mode .how-section{background-color:#f9a5ce}
.party-mode .card-face{box-shadow:7px 8px 0 #344be9;border-color:#344be9}
.party-mode .brand-ribbon{background:#ffe259;color:#111}
.party-mode #mic-menu{background:#ffe259}
.motion-enabled.party-mode .hero-glyph{animation-duration:.65s}
.motion-enabled.party-mode .in-play>.jump-letter{animation-duration:.9s}
#festival-loader{position:fixed;inset:0;z-index:180;display:grid;place-items:center;background:#344be9;color:#ffe259;pointer-events:none;overflow:hidden;transition:opacity .3s,transform .5s cubic-bezier(.6,0,.6,1)}
#festival-loader.is-finished{opacity:0;transform:translateY(-110%)}
.boot-stage{text-align:center;position:relative;width:min(90%,600px)}
.boot-star{display:block;font:900 120px/1 Arial,sans-serif}.boot-letters{display:flex;justify-content:center;margin-top:16px;font:900 italic clamp(25px,6vw,64px)/1.3 Arial,sans-serif;letter-spacing:-.055em}.boot-letters span{display:inline-block}
.boot-letters span:nth-child(3n+1){--beat:-.2s}.boot-letters span:nth-child(3n+2){--beat:-.4s}.boot-letters span:nth-child(3n){--beat:-.6s}
html:not([data-motion=off]) .boot-letters span{animation:type-jump .7s var(--beat,0s) ease-in-out infinite}
html:not([data-motion=off]) .boot-star{animation:voice-orbit 3s linear infinite}
.boot-bars{display:flex;gap:8px;justify-content:center;align-items:center;height:70px;margin-top:25px}.boot-bars i{width:12px;height:45px;border-radius:12px;background:#ff8abd;transform:scaleY(.3)}
html:not([data-motion=off]) .boot-bars i{animation:boot-equalizer .5s ease-in-out infinite alternate}.boot-bars i:nth-child(even){animation-delay:-.3s!important}.boot-bars i:nth-child(3){animation-delay:-.15s!important}
.boot-stage p{font-size:12px;letter-spacing:.1em}
@keyframes type-jump{0%,55%,100%{transform:translateY(0) rotate(0) scale(1)}15%{transform:translateY(-13px) rotate(-8deg) scale(.95,1.13)}30%{transform:translateY(3px) rotate(5deg) scale(1.13,.88)}40%{transform:translateY(-4px) rotate(-2deg)}}
@keyframes type-kick{0%,60%,100%{transform:translateY(0) rotate(0)}18%{transform:translateY(-17px) rotate(11deg)}32%{transform:translateY(3px) rotate(-5deg) scale(1.15,.85)}44%{transform:translateY(-5px) rotate(3deg)}}
@keyframes heading-hop{0%,50%,100%{transform:translateY(0) rotate(0)}17%{transform:translateY(-6px) rotate(-6deg)}28%{transform:translateY(2px) rotate(3deg) scale(1.05,.9)}}
@keyframes character-rock{0%,100%{translate:0 0;rotate:-2deg;scale:1}35%{translate:-8px -18px;rotate:3deg;scale:1.03}70%{translate:5px 6px;rotate:-4deg;scale:.98}}
@keyframes sticker-freak{0%,100%{translate:0 0;rotate:-7deg;scale:1}40%{translate:0 -14px;rotate:12deg;scale:1.12}65%{translate:0 3px;rotate:-10deg;scale:.95 1.05}}
@keyframes shout-bubble{0%,100%{transform:scale(1) rotate(-3deg)}35%{transform:scale(1.16) rotate(5deg)}55%{transform:scale(.96) rotate(-3deg)}}
@keyframes card-float{0%,100%{translate:0 0}45%{translate:0 -9px}65%{translate:0 -4px}}
@keyframes portrait-dance{0%,100%{transform:scale(1.03) rotate(-1deg)}50%{transform:scale(1.08) rotate(1deg)}}
@keyframes step-sway{0%,100%{rotate:-1deg}50%{rotate:1deg}}
@keyframes button-boogie{0%,70%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-5px) rotate(2deg)}40%{transform:translateY(2px) scale(1.02,.96)}}
@keyframes mic-dance{0%,65%,100%{transform:translateY(0) rotate(-5deg)}20%{transform:translateY(-10px) rotate(8deg)}35%{transform:translateY(2px) rotate(-7deg) scale(1.08,.93)}48%{transform:translateY(-3px) rotate(3deg)}}
@keyframes mic-open-dance{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}
@keyframes menu-breathe{0%,100%{translate:0 0;rotate:-1deg}45%{translate:-3px -7px;rotate:1deg}}
@keyframes menu-row-dance{0%,100%{rotate:var(--row-turn,-1deg);translate:0 0}45%{rotate:0deg;translate:0 -3px}}
@keyframes menu-pop-in{0%{opacity:0;transform:translate(25px,65px) scale(.06,.12) rotate(24deg)}45%{opacity:1;transform:translate(-7px,-18px) scale(1.12,1.09) rotate(-5deg)}65%{transform:translate(2px,8px) scale(.96,.94) rotate(3deg)}82%{transform:translate(-1px,-5px) scale(1.03) rotate(-1deg)}100%{opacity:1;transform:translate(0) scale(1) rotate(0)}}
@keyframes menu-vanish{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.08) rotate(-5deg)}100%{opacity:0;transform:translateY(80px) scale(.02) rotate(18deg)}}
@keyframes boot-equalizer{from{transform:scaleY(.25)}to{transform:scaleY(1.25)}}
@media(max-width:767px){.hero-art:after{font-size:16px;padding:9px 12px;right:-3px;top:50%;border-width:2px}.hero-line:nth-child(2){transform:rotate(2deg) translateX(5px)}.hero-line:nth-child(3){transform:rotate(-2deg)}.section-heading.inline:after{top:-22px;right:0;font-size:10px;padding:7px 10px}.voice-grid{padding-inline:6px;gap:32px}.floating-navigation{right:24px}.menu-planet{font-size:49px;left:-15px;top:-20px}.menu-bolt{left:-15px;font-size:40px}.menu-callout{font-size:11px}.secret-hint{font-size:8px}.party-status{font-size:10px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){#festival-loader{transition:none}.hero-line,.hero-line:nth-child(2),.hero-line:nth-child(3){transform:none}.cursor-companion{display:none!important}}
.motion-background .jump-letter,.motion-background .hero-glyph,.motion-background .flip-inner,.motion-background .card-front>img,.motion-background #mic-menu,.motion-background #mic-menu>*,.motion-background .mic-menu-button,.motion-background .menu-planet,.motion-background .menu-callout,.motion-background .menu-bolt{animation-play-state:paused!important}
.art-sticker{white-space:pre-line}
.motion-enabled .hero-art .art-tile.is-remixing{animation:character-remix .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes character-remix{0%{transform:scale(.3) rotate(-18deg);opacity:.3}45%{transform:scale(1.14) rotate(7deg);opacity:1}70%{transform:scale(.95) rotate(-3deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.motion-enabled .is-flipped .card-back .character-avatar:before{content:'';position:absolute;inset:-7px;z-index:-1;border:2px dashed #ff4e99;border-radius:38%;animation:voice-orbit 4s linear infinite}

/* Hero art direction: ink-blue stage / lemon, pop pink and ice mint. */
@font-face{font-family:'Dela Gothic One';src:url('/assets/fonts/DelaGothicOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--stage-ink:#171c3b;--voice-lemon:#ffe568;--voice-pink:#ff8bc5;--voice-mint:#91e8dc}
body:has(.festival-hero) .site-header{background:var(--stage-ink);border:0;color:white}
body:has(.festival-hero) .site-header .brand{color:#fff9ed}
body:has(.festival-hero) .site-header .brand-star{color:var(--voice-lemon)}
body:has(.festival-hero) .header-inner{min-height:84px}
.festival-hero{--hero-blue:var(--stage-ink);background:var(--stage-ink);padding-bottom:38px;color:#fff9ed}
.hero{gap:28px;padding-block:12px 22px;grid-template-columns:1.04fr .96fr;z-index:2}
.hero h1{font-family:'Dela Gothic One','Hiragino Sans',sans-serif;font-weight:400;font-synthesis:none;font-size:clamp(40px,4.45vw,68px);line-height:1.25;letter-spacing:-.065em;margin-top:12px}
.hero h1 .hero-line:nth-child(1){color:var(--voice-lemon)}
.hero h1 .hero-line:nth-child(2){color:var(--voice-pink)}
.hero h1 .hero-line:nth-child(3),.hero h1 .hero-line em{color:var(--voice-mint);-webkit-text-stroke:0;text-shadow:none}
.hero-line:nth-child(1){transform:rotate(-3deg)}.hero-line:nth-child(2){transform:rotate(1.5deg) translateX(14px)}.hero-line:nth-child(3){transform:rotate(-1.5deg)}
.hero .eyebrow,.hero-description,.hero-search h2{color:#fff9ed}
.hero-description{font-size:13px;line-height:1.8;margin-top:15px}
.hero-search{margin-top:16px}.hero-search-heading{min-height:28px;margin-bottom:6px}
.hero .category-button{background:#252d50;border-color:#73809b;color:white}
.hero .category-button[aria-pressed=true]{background:var(--voice-lemon);border-color:var(--voice-lemon);color:#171c3b}
.hero .category-button:hover{background:var(--voice-pink);color:#171c3b}
.hero .more-categories,.hero .motion-controls button{color:#f4efff}
.hero .motion-controls button:disabled{color:#c5c7da}
.hero-art{height:465px;margin-top:0;align-self:center}
.art-outline{color:transparent;-webkit-text-stroke:1px #e7dcff;opacity:.3}
.art-caption{color:#d4d8ee}.hero-art .art-tile{border-color:var(--stage-ink)}
.hero-art .art-sticker{color:#111}
.tile-one{top:25px;height:365px}.tile-two{height:235px}.tile-three{height:220px}
.hero-bottom{position:relative;z-index:2}.preview-paper{color:#111}
.festival-hero .hero-wave{color:#fff;z-index:2;pointer-events:none}
.hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.atmosphere-cast,.barrage{position:absolute;inset:0;pointer-events:none}
.atmosphere-portrait{position:absolute;width:min(70%,850px);height:100%;right:-3%;top:-4%;object-fit:contain;opacity:.12;filter:saturate(.55);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);transform:translateX(0)}
.atmosphere-portrait.portrait-1{opacity:0;right:24%;top:5%}
.motion-enabled .hero-atmosphere.is-playing .atmosphere-portrait{animation:atmosphere-slide 16s linear infinite both}
.motion-enabled .hero-atmosphere.is-playing .portrait-1{animation-delay:8s}
.barrage{z-index:1;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.barrage-line{position:absolute;left:0;white-space:nowrap;width:max-content;max-width:none;font-family:'Hiragino Sans','Yu Gothic',sans-serif;font-weight:800;letter-spacing:.04em;color:#eeeaff;opacity:0;line-height:1.3;user-select:none}
.barrage-line:nth-child(3n+1){color:var(--voice-lemon)}.barrage-line:nth-child(3n+2){color:var(--voice-mint)}
.motion-enabled .hero-atmosphere.is-playing .barrage-line{opacity:.17;animation:barrage-cross var(--flow-time,20s) linear both}
@keyframes atmosphere-slide{0%{opacity:0;transform:translateX(100px) scale(1.04)}18%{opacity:.16}60%{opacity:.13}100%{opacity:0;transform:translateX(-110px) scale(1)}}
@keyframes barrage-cross{from{transform:translateX(var(--crossing,1400px))}to{transform:translateX(-110%)}}
.party-mode .festival-hero,.party-mode .site-header{background-color:var(--stage-ink)}
@media(min-width:768px) and (max-width:1100px){.hero h1{font-size:clamp(32px,4.4vw,48px)}.hero-art{height:400px}.tile-one{height:305px}.tile-two{height:190px}.tile-three{height:185px}}
@media(max-width:767px){body:has(.festival-hero) .header-inner{min-height:70px}.festival-hero{padding-bottom:24px}.hero{display:block;padding-block:12px 16px}.hero h1{font-size:clamp(25px,7.5vw,38px);line-height:1.4;width:65%;letter-spacing:-.075em;margin-top:8px}.hero-line:nth-child(2){transform:rotate(1.5deg) translateX(5px)}.hero-line:nth-child(3){transform:rotate(-1.5deg)}.hero .eyebrow{font-size:8px}.hero-description{font-size:11px;line-height:1.8;margin-top:13px;width:64%}.hero-art{height:205px;width:37%;top:9px;right:-1px;margin:0}.tile-one{height:148px;top:24px}.tile-two{height:101px}.tile-three{height:94px}.hero-search{margin-top:15px}.hero-search-heading{min-height:28px}.hero .category-button{min-height:44px}.hero .motion-controls button{font-size:9px}.hero-bottom .preview-paper{padding:16px}.atmosphere-portrait{width:110%;height:90%;right:-28%;top:5%}.atmosphere-portrait.portrait-1{right:12%;top:15%}.barrage-line{font-size:var(--barrage-size,17px)}.motion-enabled .hero-atmosphere.is-playing .barrage-line{opacity:.15}}
@media(prefers-reduced-motion:reduce){.atmosphere-portrait{animation:none!important}.barrage-line{display:none}.hero-line,.hero-line:nth-child(2),.hero-line:nth-child(3){transform:none}}
.hero-wordmark{position:absolute;top:-73px;right:max(28px,calc((100% - 1184px)/2));z-index:3;font:900 italic 64px/1 Impact,'Arial Black',sans-serif;letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #e7dcff;opacity:.38;rotate:-4deg;pointer-events:none}
.gender-note{margin-top:14px}
@media(max-width:767px){.hero-wordmark{top:-57px;right:22px;font-size:34px;opacity:.45}}
/* Real-audio controls: stable touch targets and scrollable card backs. */
.avatar-link{display:inline-flex;flex-shrink:0;align-items:center;min-width:44px;min-height:44px}
.avatar-link:focus-visible,.voice-name a:focus-visible{outline-offset:3px}
.front-portrait-link{display:block;width:100%;height:68%;min-height:0;flex-shrink:0;overflow:hidden}
.front-portrait-link img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.front-listen{align-self:flex-start;border:1px solid #111;border-radius:20px;background:#fff;padding:6px 12px;min-height:44px;font-size:12px}
.card-back{overflow-y:auto;overscroll-behavior-y:auto;touch-action:pan-y;scrollbar-width:thin;scroll-padding-block:20px}
.card-back>*{flex-shrink:0}.card-back .card-actions{margin-top:12px;padding-bottom:12px}
.card-back .player{margin-top:14px}
.player-transcript{margin:8px 0;font-size:12px}.player-transcript summary{min-height:32px;display:flex;align-items:center;cursor:pointer}
.player-transcript p{max-height:130px;overflow:auto}
.audio-stop,.player .play{min-width:44px;min-height:44px;width:44px;height:44px;flex-shrink:0}
.audio-stop{border:1px solid #9194a6;border-radius:50%;background:#fff;color:#262a43}
.audio-seek{display:block;width:100%;min-height:32px;accent-color:#344be9}
.audio-status{font-size:12px;color:#575b70}.player-controls .wave{min-width:0;flex:1}
.comparison-empty-slot{border:2px dashed #a3a8bf;border-radius:22px;min-height:180px;padding:24px;display:grid;align-content:center;justify-items:center;gap:16px;background:#fff8}
.hero-bottom .mini-voice:nth-child(n+2){display:grid}
@media(max-width:767px){.hero-bottom .mini-voice{display:block;padding-block:14px}.mini-voice-heading{gap:10px}.mini-voice-heading h3{font-size:16px}.mini-voice-heading p{font-size:12px}.mini-voice .player{margin-top:10px}.mini-voice .play,.mini-voice .audio-stop{width:44px;height:44px;min-width:44px}.mini-voice .player-caption{font-size:11px}.mini-voice .duration{font-size:11px}.front-copy>span{font-size:20px}.front-copy{padding:12px 18px;gap:6px}.front-copy strong{font-size:18px}}
.mini-voice-heading{min-width:0}.mini-voice-heading>div{min-width:0;flex:1}.mini-voice-heading h3{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.mini-voice-heading h3 a{display:inline}.mini-voice .player-controls{flex-wrap:nowrap;min-width:0}.mini-voice .duration{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-voice .wave{overflow:hidden;min-width:20px}
.card-front a:hover,.voice-name a:hover,.mini-voice-heading h3 a:hover,.comparison-column h2 a:hover{text-decoration:underline;text-underline-offset:4px}
/* Seven category stages, each with one complete voice player. */
#home-voices{grid-template-columns:1fr;gap:28px;margin-top:28px}
#home-voices .sample-showcase{display:block;position:relative;padding:24px;border:2px solid #171c3b;border-radius:24px;background:#fff;box-shadow:7px 8px 0 #171c3b;min-width:0}
.sample-showcase:nth-child(3n+1){--sample-accent:#ffe568}.sample-showcase:nth-child(3n+2){--sample-accent:#ffb3d6}.sample-showcase:nth-child(3n){--sample-accent:#91e8dc}
.sample-category{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:900;padding:10px 16px;background:var(--sample-accent);border:1.5px solid #171c3b;border-radius:12px;margin-bottom:20px}
.sample-category>span{font:bold 26px/1 Arial,sans-serif}
.sample-showcase .mini-voice-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.sample-showcase .mini-voice-heading .avatar{width:112px;height:112px;border:2px solid #171c3b;box-shadow:4px 4px 0 var(--sample-accent)}
.sample-showcase .mini-voice-heading .avatar img{width:100%;height:100%;object-fit:cover}
.sample-showcase .mini-voice-heading h3{font-size:22px}.sample-showcase .mini-voice-heading p{font-size:14px;margin-top:8px}
.sample-showcase .player{margin:0;padding:18px;border:1.5px solid #b8bbd4;border-radius:18px;background:#f2f3fc;display:grid;grid-template-columns:1fr;gap:10px}
.sample-showcase .player-controls{padding:0;background:none;gap:12px}
.sample-showcase .play{background:#344be9;color:#fff;border:2px solid #171c3b;width:54px;height:54px;min-width:54px;box-shadow:3px 3px 0 #171c3b}
.sample-showcase .play.is-playing{background:var(--sample-accent);color:#171c3b}
.sample-showcase .wave{height:44px}.sample-showcase .wave i{background:#6d71ac}.sample-showcase .duration{font-size:13px;max-width:none}
.sample-showcase .audio-seek{margin:0;min-height:36px;width:100%;accent-color:#344be9}
.sample-showcase .player-caption{font-size:12px;gap:12px;flex-wrap:wrap;justify-content:space-between}
.player-transcript{margin:0}.player-transcript summary{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;min-height:44px;border:1.5px solid #171c3b;border-radius:10px;background:#fff;color:#171c3b;font-weight:800;list-style:none}
.player-transcript summary::-webkit-details-marker{display:none}.player-transcript[open] summary{background:#ffe568}.player-transcript[open] .transcript-toggle{rotate:45deg}.transcript-toggle{font-size:20px;transition:rotate .2s}.player-transcript .helper{font-size:14px;line-height:1.9;padding:12px;max-height:210px;background:#fff;border-radius:10px;margin-top:8px}
.sample-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.sample-actions>.button{flex:1;min-height:48px}.sample-actions>.primary{background:#344be9;color:#fff;border-color:#171c3b;font-weight:800}
.voice-use-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:34px;border:2px solid #171c3b;border-radius:26px;color:#171c3b;background:#fff;box-shadow:9px 10px 0 #ffe568}
.voice-use-dialog::backdrop{background:#10152ac9;backdrop-filter:blur(4px)}.voice-use-dialog[open]{animation:gate-pop .4s cubic-bezier(.2,1.5,.4,1)}
.gate-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:none;font-size:30px}.voice-use-dialog h2{font-size:24px;margin-top:12px;line-height:1.6}.gate-voice{margin:12px 0 20px;font-weight:700}.gate-options{display:grid;gap:12px}.gate-options a{display:flex;justify-content:space-between;gap:12px;min-height:65px;font-size:22px;font-weight:900}.gate-options a span{font-size:12px}.voice-use-dialog #voice-use-note{font-size:11px;line-height:1.8;margin-top:14px;color:#565a6c}
@keyframes gate-pop{from{opacity:0;transform:scale(.65) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:767px){#home-voices .sample-showcase{padding:16px;box-shadow:4px 5px 0 #171c3b}.sample-showcase .mini-voice-heading{gap:14px}.sample-showcase .mini-voice-heading .avatar{width:86px;height:86px}.sample-showcase .mini-voice-heading h3{font-size:17px}.sample-category{font-size:13px;padding:8px 10px}.sample-showcase .player{padding:12px}.sample-showcase .player-controls{gap:9px}.sample-showcase .player-caption{font-size:11px}.sample-actions{flex-direction:column}.voice-use-dialog{padding:28px 22px}.voice-use-dialog h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.voice-use-dialog[open]{animation:none}}
html[data-motion=off] .voice-use-dialog[open]{animation:none}
/* One display face for every heading, including card and category titles. */
:root{--heading:'Dela Gothic One','Hiragino Sans',sans-serif}
:is(h1,h2,h3,h4,h5,h6,[role="heading"],.front-copy>strong,.sample-category){font-family:var(--heading)!important;font-weight:400!important;font-synthesis:none}
/* Keep sample cards at phone-like dimensions in a desktop grid. */
@media(min-width:768px){
 .hero-bottom.shell{width:min(1480px,calc(100% - 64px))}
 .hero-bottom #home-voices{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
 #home-voices .sample-showcase{padding:16px;box-shadow:4px 5px 0 #171c3b}
 .sample-showcase .mini-voice-heading{gap:14px}
 .sample-showcase .mini-voice-heading .avatar{width:86px;height:86px}
 .sample-showcase .mini-voice-heading h3{font-size:17px}
 .sample-showcase .mini-voice-heading .icon-button{display:none}
 .sample-showcase .sample-category{font-size:13px;padding:8px 10px}
 .sample-showcase .player{padding:12px;min-width:0}
 .sample-showcase .player-controls{gap:9px}
 .sample-showcase .player-caption{font-size:11px}
 .sample-showcase .sample-actions{flex-direction:column}
}
@media(min-width:1024px){.hero-bottom #home-voices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1500px){.hero-bottom #home-voices{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Original vector artwork: independent of platform emoji fonts. */
.voice-spark-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;object-fit:contain;-webkit-text-stroke:0}
.brand-star .voice-spark-icon{width:30px;height:30px}.art-spark .voice-spark-icon{width:100px;height:100px}.boot-star .voice-spark-icon{width:120px;height:120px}
.brand-ribbon .voice-spark-icon{width:32px;height:32px}.cursor-companion .voice-spark-icon{width:31px;height:31px}
.motion-enabled .is-flipped .card-back .character-avatar:after{content:'';width:24px;height:24px;background:url('/assets/voice-spark.svg') center/contain no-repeat}
.sound-confirm{position:relative;justify-content:center;text-align:center;padding-inline:42px;gap:0}.sound-confirm>span{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
.seo-voice-directory{padding-block:32px}.seo-voice-directory ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}.seo-voice-directory p{max-width:70ch}

/* Hero scenery stays within the actual hero, independently of the sample grid. */
.art-spark{right:auto;left:1%;top:-24px;font-size:54px;line-height:0}
.art-spark .voice-spark-icon{width:54px;height:54px}
.atmosphere-portrait{width:82%;height:110%;right:-12%;top:-5%;opacity:.16;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 73%)}
.atmosphere-portrait.portrait-1{right:28%;top:0}
.motion-enabled .hero-atmosphere.is-playing .atmosphere-portrait{animation:atmosphere-slide 14s linear infinite both;animation-delay:-4s}
.motion-enabled .hero-atmosphere.is-playing .portrait-1{animation-delay:3s}
.motion-enabled .hero-atmosphere.is-playing .barrage-line{opacity:.20}
@keyframes atmosphere-slide{0%{opacity:0;transform:translateX(110px) scale(1.02)}18%{opacity:.23}60%{opacity:.18}100%{opacity:0;transform:translateX(-100px) scale(1.08)}}
@media(max-width:767px){.art-spark{left:-6%;top:-16px;font-size:32px}.art-spark .voice-spark-icon{width:32px;height:32px}.atmosphere-portrait{width:135%;height:100%;right:-38%;top:0}.atmosphere-portrait.portrait-1{right:1%;top:8%}.motion-enabled .hero-atmosphere.is-playing .barrage-line{opacity:.17}}

/* One original star, moving in viewport coordinates; never intercepts input. */
.pinball-spark{position:fixed;left:0;top:0;width:54px;height:54px;z-index:45;pointer-events:none!important;user-select:none;will-change:transform;line-height:0}
.pinball-spark[hidden]{display:none}.pinball-spark .voice-spark-icon{width:100%;height:100%;filter:drop-shadow(2px 3px 0 #171c3b55)}
@media(max-width:767px){.pinball-spark{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.pinball-spark{display:none!important}}

/* Consistent feedback for real controls; decoration keeps pointer-events:none. */
:where(button:not(:disabled),a[href],summary,select,input[type=range]){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,scale .22s cubic-bezier(.2,1.6,.4,1),translate .22s cubic-bezier(.2,1.6,.4,1)}
:where(button:not(:disabled),a[href],summary,select):focus-visible{outline:3px solid #344be9;outline-offset:5px}
:where(.festival-hero,.site-header) :where(button:not(:disabled),a[href],summary):focus-visible{outline-color:#ffe65b}
.avatar-link .avatar,.avatar-link img,.front-portrait-link img,.guide-card-art{transition:scale .32s cubic-bezier(.2,1.7,.4,1),rotate .32s ease,filter .2s ease,box-shadow .2s ease}
:where(.play,.audio-stop):not(:disabled):is(:hover,:focus-visible){background:#ffe65b;color:#171c3b;border-color:#171c3b;box-shadow:3px 4px 0 #171c3b}
:where(.avatar-link,.front-portrait-link):focus-visible{border-radius:22px}
:where(.voice-name a,.mini-voice-heading h3 a,.comparison-column h2 a,.front-copy a,.detail-link,.text-link):is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
:where(.icon-button,.front-listen,.flip-return,.text-button,.player-transcript summary,.category-tabs button):not(:disabled):is(:hover,:focus-visible){background:#fff0a1;color:#171c3b;box-shadow:2px 3px 0 #171c3b}
.audio-seek:is(:hover,:focus-visible){accent-color:#ed65a6;filter:drop-shadow(0 2px 3px #344be944)}
.motion-enabled :where(.play,.audio-stop,.icon-button,.front-listen,.flip-return,.text-button,.player-transcript summary,.button,.sound-confirm,.category-tabs button):not(:disabled):is(:hover,:focus-visible){scale:1.055;translate:0 -3px}
.motion-enabled :where(.play,.audio-stop):not(:disabled):is(:hover,:focus-visible)>:is(svg,span){animation:control-wiggle .42s ease both}
.motion-enabled .avatar-link:is(:hover,:focus-visible) .avatar{scale:1.10;rotate:-5deg;box-shadow:4px 5px 0 #171c3b}
.motion-enabled .front-portrait-link:is(:hover,:focus-visible) img{scale:1.08;rotate:2deg;filter:saturate(1.12)}
.motion-enabled .guide-card:is(:hover,:focus-visible) .guide-card-art{scale:1.04;rotate:2deg}
.motion-enabled :where(button:not(:disabled),.button,.avatar-link,.front-portrait-link,summary):active:not(:disabled){scale:.94;translate:0 2px;transition-duration:.08s}
.motion-enabled .avatar-link:active .avatar{scale:.97;rotate:2deg}
@keyframes control-wiggle{0%,100%{rotate:0deg}30%{rotate:-16deg}65%{rotate:12deg}}
@media(hover:none){.motion-enabled :where(.play,.audio-stop,.icon-button,.front-listen,.flip-return,.text-button,.player-transcript summary,.button,.sound-confirm,.category-tabs button):hover:not(:active):not(:focus-visible){scale:1;translate:0 0}.motion-enabled .avatar-link:hover:not(:active):not(:focus-visible) .avatar{scale:1;rotate:0deg;box-shadow:none}.motion-enabled .front-portrait-link:hover:not(:active):not(:focus-visible) img{scale:1;rotate:0deg;filter:none}}
@media(prefers-reduced-motion:reduce){:where(button,a,summary,select,input[type=range]),.avatar-link .avatar,.avatar-link img,.front-portrait-link img,.guide-card-art{transition:none!important}}

.motion-enabled :where(button,a,summary).is-pointer-pressed:not(:disabled){scale:.94;translate:0 2px;transition-duration:.08s}
.motion-enabled .avatar-link.is-pointer-pressed .avatar{scale:.97;rotate:2deg}

/* Always-visible category choices, cross-category search and persistent directory. */
#home-categories .category-button{display:flex;min-width:0}
.home-keyword-search{margin:18px 0 8px;width:100%;max-width:650px;text-align:left}
.home-keyword-search label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}
.home-keyword-search>div{display:flex;gap:6px;border:2px solid #171c3b;background:#fff;border-radius:22px;padding:5px;color:#171c3b}
.home-keyword-search input{width:100%;min-width:0;min-height:48px;border:0;border-radius:16px;padding:10px 12px;background:#fff;color:#171c3b;font:16px var(--sans)}
.home-keyword-search .button{flex-shrink:0;min-height:48px;padding:8px 18px;background:#ffe65b;color:#171c3b;gap:6px}
.home-keyword-search>p{font-size:11px;line-height:1.7;margin-top:6px;color:#dce0f6}
.floating-all-voices{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:2px solid #111;border-radius:999px;background:#ffe65b;color:#171c3b;font-size:12px;font-weight:900;box-shadow:3px 4px 0 #111;text-decoration:none;white-space:nowrap}
.floating-all-voices:is(:hover,:focus-visible){background:#fff;outline-offset:4px}
.motion-enabled .floating-all-voices:is(:hover,:focus-visible){scale:1.05;translate:0 -3px}
@media(max-width:767px){.home-keyword-search{margin-top:14px}.home-keyword-search .button{padding-inline:12px}.floating-all-voices{font-size:11px;padding:8px 12px;min-height:44px}.floating-navigation{gap:10px}}
/* Leave room for the microphone's bounce so the two targets never overlap. */
.floating-navigation{gap:26px}
/* Compact category indexes and one open sample panel. */
.floating-all-voices{background:#171c3ba8;color:#fff;border-color:#ffffff70;backdrop-filter:blur(10px);box-shadow:0 3px 12px #0002;font-size:10px;gap:6px;padding:8px 10px}
.floating-all-voices:is(:hover,:focus-visible){background:#344be9d9;color:#fff}.floating-all-voices svg{flex-shrink:0}
#home-categories.index-tabs{display:flex;flex-wrap:wrap;gap:5px;align-items:stretch}
#home-categories .category-button{min-width:44px;min-height:48px;padding:10px;border-radius:16px 16px 4px 4px;flex:0 0 auto}
#home-categories [aria-selected=false] span{display:none}
#home-categories [aria-selected=true]{background:#ffe65b;color:#171c3b;flex:1 1 auto;gap:8px;animation:none;rotate:0deg;scale:1}
#home-categories [aria-selected=true] span{display:inline}
#home-voices{display:block!important}.sample-showcase[hidden]{display:none!important}
#home-voices .sample-showcase{max-width:760px;margin-inline:auto;width:100%}
.sample-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.sample-category-heading .sample-category{margin:0;flex:1;min-width:140px}
.sample-category-search{font-size:11px;min-height:44px;flex-shrink:0}
.home-keyword-search{margin-top:0;margin-bottom:22px}.hero-search-heading{margin-top:8px}
.submission-page{max-width:900px;padding-block:40px 100px}.submission-page h1{font-size:clamp(27px,4vw,42px);margin-bottom:18px}
.submission-notice{background:#fff1b1;border:2px solid #171c3b;border-radius:20px;padding:20px;margin-block:24px}
.submission-form{display:grid;gap:22px;background:white;border:2px solid #171c3b;border-radius:28px;padding:clamp(20px,4vw,38px)}
.submission-form>label{display:grid;gap:9px;font-weight:700}.submission-form :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;border:2px solid #888ba3;border-radius:12px;padding:12px;font:16px var(--sans);color:#171c3b;background:#fff;min-height:48px}
.submission-form .check-row{display:flex;align-items:flex-start;gap:12px;font-size:14px}.check-row input{width:22px;height:22px;flex-shrink:0;accent-color:#344be9}.submission-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submission-status{font-size:14px;white-space:pre-wrap}.gallery-items{display:grid;gap:24px;margin-top:32px}.gallery-card{border:2px solid #171c3b;border-radius:24px;padding:24px;background:#fff}.gallery-card a{margin:12px 12px 0 0;display:inline-flex}
@media(max-width:767px){.sample-category-heading{gap:8px}.sample-category-search{font-size:10px;padding:8px 10px}.sample-category-heading .sample-category{font-size:12px}.submission-page{padding-top:24px}}
.sample-category-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.sample-category-heading .sample-category{min-width:0}.sample-category-heading .sample-category-search{margin-left:auto}