:root{
  color-scheme:light;
  --bg:#f7f8ff;--card:rgba(255,255,255,.92);--muted:#626b85;--text:#18203b;
  --line:#dfe3f3;--accent:#6557e8;--accent2:#3e36b6;--accent-rgb:101,87,232;
  --soft:#eeedff;--soft2:#e7f5ff;--good:#087d64;--warn:#a35f00;
  --shadow:0 18px 55px rgba(39,46,98,.10);--shadow-hover:0 22px 54px rgba(39,46,98,.15);
}
html{height:100%;scroll-behavior:smooth}
body{min-height:100%;color:var(--text);line-height:1.62;background:radial-gradient(circle at 5% 4%,rgba(var(--accent-rgb),.13),transparent 28rem),radial-gradient(circle at 94% 27%,rgba(72,190,255,.12),transparent 26rem),var(--bg);-webkit-font-smoothing:antialiased}
.wrap{max-width:1120px;padding:20px}
.site-header{border-bottom:1px solid rgba(223,227,243,.8);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-row{min-height:54px;gap:20px}.brand{gap:11px}.brand-mark{width:42px;height:42px;border:1px solid rgba(var(--accent-rgb),.20);border-radius:14px;background:linear-gradient(135deg,var(--soft),var(--soft2));box-shadow:0 8px 20px rgba(var(--accent-rgb),.15)}.brand-name{font-size:16px;font-weight:850;letter-spacing:-.025em}.brand-tag{color:var(--muted);font-size:13px}
.lang-select{min-height:44px;padding:9px 34px 9px 13px;border:1px solid #cbd1e3;border-radius:12px;color:var(--text);background-color:#fff}.lang-select:hover{border-color:rgba(var(--accent-rgb),.5)}.lang-select:focus{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14)}
.account-box span{color:var(--muted)}
.commerce-offer{border-color:rgba(var(--accent-rgb),.2);background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(8,125,100,.07));color:var(--text)}
.auth-dialog h2{color:#f3f5ff}
.hero{position:relative;padding-top:18px}.hero h1{max-width:820px;margin:24px 0 12px;font-size:clamp(2.25rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.055em}.hero p{max-width:72ch;margin-bottom:26px;color:#4f5873;font-size:1.07rem}
.app-card{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.18);border-radius:24px;background:var(--card);box-shadow:0 25px 70px rgba(var(--accent-rgb),.14)}.app-card::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--accent),#55c8ff)}
.panel{padding:clamp(20px,3vw,32px);border-color:var(--line)}.panel-head{margin-bottom:14px}.panel h2{font-size:17px;letter-spacing:-.015em}.hint{color:var(--muted);font-size:12.5px}
.dropzone{min-height:290px;border:1px dashed rgba(var(--accent-rgb),.48);border-radius:18px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.07),rgba(79,196,255,.06));transition:border-color .18s ease,background .18s ease,transform .18s ease}.dropzone:hover{border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),rgba(79,196,255,.09));transform:translateY(-1px)}.dropzone:focus{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14)}.dropzone.dragover{border-color:var(--good);background:rgba(8,125,100,.08)}.dz-icon{font-size:34px}.dz-title{font-size:16px;color:var(--text)}.dz-sub{color:var(--muted)}.preview{background:#eef0f8}
.status-row{margin-top:15px}.status{color:var(--muted);font-size:13px}.status.good{color:var(--good)}.status.warn{color:var(--warn)}
.btn{min-height:46px;padding:11px 17px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 24px rgba(var(--accent-rgb),.27);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 14px 30px rgba(var(--accent-rgb),.34)}.btn:disabled{opacity:.42}.privacy{color:#66708b;font-size:12.5px}
.results{min-height:340px;max-height:440px;border:1px solid var(--line);border-radius:17px;color:var(--text);background:linear-gradient(145deg,#fff,#f7f8ff);box-shadow:inset 0 1px 0 #fff}.results-empty .small,.tips{color:var(--muted)}.reading h3{color:var(--text)}.reading p{color:#4f5873}.badge{color:var(--accent2);border-color:rgba(var(--accent-rgb),.2);background:var(--soft)}.chip{color:var(--accent2);border-color:rgba(var(--accent-rgb),.2);background:var(--soft)}
.trait-name{color:#4f5873}.trait-track{background:#e7eaf3}.trait-fill{background:linear-gradient(90deg,var(--accent),#32bca8)}.trait-value{color:var(--muted)}
.quality-box{border-color:var(--line)!important;background:var(--soft)!important}.quality-warnings{color:var(--muted)}
.audio-preview-wrap{background:rgba(255,255,255,.7)}.waveform{filter:saturate(.8)}.audio-preview{color-scheme:light}
.ad-slot{border:1px dashed #bdc4d9;border-radius:16px;background:rgba(255,255,255,.55);box-shadow:0 8px 22px rgba(39,46,98,.04)}.ad-label{color:#7a8298;border-bottom-color:#e5e8f1}.ad-box{color:#7a8298}.ad-sticky{box-shadow:0 12px 35px rgba(39,46,98,.15);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.seo{margin-top:28px}.seo h2{margin:34px 0 12px;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.035em}.seo p{color:#4f5873;font-size:1rem}.seo-grid{gap:16px;margin:18px 0 25px}.seo-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 8px 25px rgba(39,46,98,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seo-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.35);box-shadow:var(--shadow-hover)}.seo-card h3{font-size:15px}.seo-card p{color:var(--muted);font-size:14px}
details{padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.86)}details[open]{border-color:rgba(var(--accent-rgb),.32)}summary{color:var(--text)}.footer-note{color:var(--muted);border-top-color:var(--line)}
.site-footer{border-top-color:var(--line);background:rgba(255,255,255,.66)}.footer-links a{color:#525b74}.footer-links a:hover{color:var(--accent2)}.footer-copy{color:var(--muted)}
.legal{max-width:800px;padding:38px 0}.legal h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}.legal h2{color:var(--text);font-size:19px}.legal .lede,.legal p,.legal ul{color:#4f5873}.legal a{color:var(--accent2)}.legal .updated{color:var(--muted)}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(var(--accent-rgb),.55);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:900px){.app-grid{grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--line)}.panel:last-child{border-bottom:none}.hero h1{font-size:clamp(2.05rem,9vw,3rem)}.seo-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start}.ad-sticky{left:10px;right:10px}}
@media(max-width:560px){.wrap{padding:14px}.header-row{align-items:flex-start;flex-direction:column}.lang-select-wrap,.lang-select{width:100%}.hero h1{margin-top:18px}.app-card{border-radius:19px}.panel{padding:19px}.dropzone{min-height:240px}.status-row{align-items:stretch;flex-direction:column}.btn{width:100%}.trait-row{grid-template-columns:92px 1fr 26px}}
:root{--accent:#4f62e9;--accent2:#2d3dac;--accent-rgb:79,98,233;--soft:#e9edff;--soft2:#e7f8ff}