@charset "UTF-8";
:root{color-scheme:dark;--bg:#07191f;--surface:#0d252d;--raised:#13323b;--border:#25424b;--text:#e8f4f7;--muted:#93b1bb;--accent:#22d3ee;--accent-bg:#0d3c48;--primary-text:#05252c;--danger:#ffa99e;--warning:#e9c681;--shadow:0 24px 70px #0003;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
:root[data-theme="light"]{color-scheme:light;--bg:#f2f7f8;--surface:#fff;--raised:#edf5f6;--border:#cedee2;--text:#12313c;--muted:#516c76;--accent:#087d96;--accent-bg:#e3f6fa;--primary-text:#fff;--danger:#ad372c;--warning:#866020;--shadow:0 24px 70px #1849590c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h2{font-size:1.45rem}h3{font-size:1.08rem}p{margin-bottom:1em}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:15px;background:var(--accent);color:var(--primary-text);padding:12px;z-index:10001}.skip-link:focus{top:15px}.accent{color:var(--accent)}
.appbar{max-width:1240px;margin:auto;min-height:88px;padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.brand-group,.brand,.toolbar,.action-row{display:flex;align-items:center;gap:14px}.brand-group{gap:24px;flex-wrap:wrap}.brand{font-size:23px;font-weight:800;letter-spacing:-.6px;white-space:nowrap;gap:10px}.brand>span{display:inline}.projects-link{font-size:.82rem;color:var(--muted);white-space:nowrap}.toolbar{justify-content:flex-end;gap:9px;flex-wrap:wrap}.soft-button,.icon-button,.language-picker,.primary-button,.danger-button{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 14px;font-size:.84rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;transition:border-color .15s,background .15s}.soft-button:hover,.icon-button:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--text)}.icon-button{width:40px;padding:6px;font-size:1.2rem}.language-picker{padding:0 8px;color:var(--muted);gap:2px}.language-picker select{color:var(--text);background:transparent;border:0;max-width:100px;font-size:.82rem;padding:9px 2px;cursor:pointer}.language-picker option{background:var(--surface);color:var(--text)}.primary-button{background:var(--accent);border-color:var(--accent);color:var(--primary-text);padding:13px 22px;font-size:.96rem;font-weight:750;min-height:48px;box-shadow:0 4px 28px #22d3ee14}.primary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-button span{font-size:1.3rem;margin-inline-start:12px}.danger-button{color:var(--danger);border-color:var(--danger)}
main{max-width:1032px;margin:0 auto;padding:0 28px}.hero{text-align:center;padding:66px 0 30px;max-width:810px;margin:auto}.eyebrow{font-size:.69rem;font-weight:700;letter-spacing:.18em;color:var(--accent);display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:18px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #22d3ee55}.hero h1{font-size:clamp(2.15rem,4.8vw,3.8rem);font-weight:800;letter-spacing:-.045em;line-height:1.09;margin:0 0 22px;text-wrap:balance}.lead{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:680px;margin:0 auto 28px;text-wrap:pretty}.feature-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.feature-links a{font-size:.75rem;font-weight:650;border:1px solid var(--border);border-radius:30px;padding:6px 13px;display:flex;gap:14px;background:var(--surface)}.feature-links a span{color:var(--accent)}
.analyzer{margin:6px 0 56px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.upload-zone{text-align:center;padding:42px 24px 25px;position:relative;outline-offset:-4px;background:radial-gradient(ellipse at top,#22d3ee09,transparent 70%);transition:background .15s}.upload-zone.dragover{background:var(--accent-bg);outline:3px dashed var(--accent)}.waveform{height:94px;display:flex;align-items:center;justify-content:center;gap:5px;margin:0 auto 23px;direction:ltr}.waveform i{width:4px;height:var(--h);border-radius:4px;background:var(--accent);opacity:.45}.waveform i:nth-child(3n){opacity:.85}.waveform i:nth-child(4n){opacity:.28}.upload-zone h2{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:20px}.formats{margin:19px 0 25px;color:var(--muted);font-size:.73rem}.privacy{margin:0 auto;border-top:1px solid var(--border);padding-top:19px;color:var(--muted);font-size:.73rem;max-width:680px}.progress-section{padding:36px}.progress-heading{display:flex;gap:20px;align-items:center;margin-bottom:18px}.progress-heading h2{font-size:1rem;word-break:break-word;margin-bottom:8px}.progress-heading p{color:var(--accent);font-size:.88rem;margin:0}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1.3s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}progress{width:100%;height:8px;border:none;border-radius:4px;overflow:hidden;background:var(--raised);color:var(--accent);appearance:none}progress::-webkit-progress-bar{background:var(--raised)}progress::-webkit-progress-value{background:var(--accent);transition:width .4s}progress::-moz-progress-bar{background:var(--accent)}.hint{font-size:.79rem;color:var(--muted);line-height:1.65;margin:12px 0 0}.error-panel{padding:30px}.error-panel h2{color:var(--danger)}.error-panel p{word-break:break-word}.action-row{flex-wrap:wrap;gap:9px}
.results{margin-top:-28px;margin-bottom:58px}.result-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.result-header .eyebrow{justify-content:flex-start;margin-bottom:9px}.result-header h2{font-size:1.35rem;margin:0;overflow-wrap:anywhere}.result-header>div:first-child{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:24px}.metric-label{font-size:.77rem;color:var(--muted);margin-bottom:9px}.metric-value{font-size:2rem;line-height:1.2;font-weight:750;letter-spacing:-.03em;color:var(--accent);overflow-wrap:anywhere}.metric-info{margin-top:13px;font-size:.73rem;color:var(--muted)}.quality-panel{border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:12px;padding:19px 22px;margin-bottom:18px}.quality-panel h3{margin-bottom:7px}.quality-panel p{font-size:.82rem;margin-bottom:0;color:var(--muted)}.quality-panel ul{padding-inline-start:19px;margin:10px 0 0;color:var(--warning);font-size:.8rem}.quality-panel ul:empty{display:none}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-card{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:23px;margin-bottom:18px;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.card-header h3{margin:0}.card-header>span{font-size:.66rem;color:var(--muted);text-align:end}.score-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:3px 12px;align-items:center;margin-bottom:16px;font-size:.86rem}.score-row:last-child{margin-bottom:0}.score-name{overflow-wrap:anywhere}.score-number{text-align:end;color:var(--muted);font-size:.73rem}.score-track{height:5px;background:var(--raised);border-radius:3px;grid-column:1/-1;overflow:hidden}.score-track span{display:block;height:100%;background:var(--accent);opacity:.65;border-radius:3px}.score-row:first-child .score-track span{opacity:1}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tags:empty{display:none}.tag{font-size:.71rem;padding:5px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted)}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 0}.char-grid dt{font-size:.73rem;color:var(--muted);margin-bottom:6px}.char-grid dd{font-size:.95rem;margin:0;overflow-wrap:anywhere}.prompt-card{background:linear-gradient(140deg,var(--surface),var(--accent-bg))}pre{font:.93rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;user-select:text}.empty-state{color:var(--muted);padding:18px 0;font-size:.88rem}
.guide{border-top:1px solid var(--border);margin-bottom:48px}.guide-card{display:flex;gap:25px;padding:30px 0;border-bottom:1px solid var(--border)}.section-number{font-size:.77rem;color:var(--accent);font-family:ui-monospace,monospace;padding-top:5px;min-width:23px}.guide-card h2{font-size:1.08rem;line-height:1.4;margin-bottom:10px}.guide-card p{font-size:.87rem;color:var(--muted);margin:0;max-width:840px;line-height:1.85}.faq{margin-bottom:65px}.faq>h2{font-size:1.35rem;margin-bottom:25px}.faq details{border-bottom:1px solid var(--border);padding:17px 0}.faq summary{cursor:pointer;font-size:.91rem;font-weight:650;line-height:1.55}.faq details p{color:var(--muted);font-size:.86rem;line-height:1.8;margin:14px 0 2px;padding-inline-end:20px}.no-js{color:var(--warning)}footer{text-align:center;border-top:1px solid var(--border);max-width:1184px;margin:auto;padding:30px 28px 95px}footer .brand{justify-content:center;font-size:18px;gap:0}footer p{font-size:.79rem;color:var(--muted);margin:12px 0 18px}.footer-languages{font-size:.7rem;max-width:800px;margin:auto;line-height:2.2;color:var(--muted)}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:25px;width:min(860px,calc(100vw - 28px));max-height:85dvh;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#011118bb;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px}.dialog-header h2{font-size:1.3rem;margin:0}.history-controls{display:flex;gap:10px;margin:20px 0;align-items:center;flex-wrap:wrap}.history-controls input{min-width:100px;flex:1;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:10px;font-size:.86rem}.history-item{padding:18px 0;border-bottom:1px solid var(--border);display:flex;gap:20px;align-items:center;justify-content:space-between}.history-item-info{min-width:0}.history-item h3{font-size:.91rem;overflow-wrap:anywhere;margin-bottom:7px}.history-item p{font-size:.72rem;color:var(--muted);margin:0;overflow-wrap:anywhere}.history-item .action-row{flex-shrink:0}.history-item .status-error{color:var(--danger)}.pagination{display:flex;justify-content:center;gap:12px;align-items:center;font-size:.8rem;margin-top:20px}.admin-summary{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;font-size:.83rem;color:var(--muted)}.admin-summary span{padding:9px 12px;border:1px solid var(--border);border-radius:8px}.admin-summary strong{color:var(--text);margin-inline-start:9px}#confirmDialog{max-width:440px;padding:28px}#confirmDialog h2{font-size:1.1rem;line-height:1.6;margin-bottom:25px}.toast{position:fixed;inset-inline:20px;bottom:78px;width:fit-content;max-width:calc(100% - 40px);margin:auto;padding:12px 18px;border:1px solid var(--accent);background:var(--raised);border-radius:12px;font-size:.84rem;box-shadow:var(--shadow);z-index:10002}.eco-bar{max-width:calc(100vw - 28px)}
@media(max-width:1000px){.appbar{align-items:flex-start}.projects-link{display:none}.brand-group{padding-top:3px}.toolbar{gap:7px}.toolbar .soft-button{padding:8px 10px;font-size:.76rem}}
@media(max-width:700px){.appbar{padding:16px 18px;flex-direction:column;gap:15px}.brand{font-size:22px}.brand-group{width:100%;justify-content:space-between}.projects-link{display:inline}.toolbar{justify-content:flex-start;width:100%}.hero{padding:43px 0 24px}.hero h1{font-size:2.5rem;letter-spacing:-.035em}.lead{font-size:.96rem;line-height:1.75}.feature-links{gap:7px}.feature-links a{font-size:.7rem;padding:6px 10px;gap:9px}main{padding:0 18px}.analyzer{border-radius:17px;margin-bottom:40px}.upload-zone{padding:25px 17px 20px}.waveform{transform:scale(.85);margin-bottom:12px}.upload-zone h2{font-size:1.05rem}.formats{font-size:.68rem;line-height:1.8;max-width:300px;margin:16px auto 20px}.privacy{font-size:.68rem}.metric-grid{gap:8px}.metric{padding:15px 12px;border-radius:12px}.metric-value{font-size:1.48rem}.metric-label{font-size:.68rem}.metric-info{font-size:.65rem}.result-header{align-items:flex-start;flex-direction:column;gap:16px}.result-columns{grid-template-columns:1fr;gap:0}.result-card{padding:20px}.char-grid{grid-template-columns:1fr 1fr;gap:20px}.quality-panel{padding:16px}.guide-card{gap:15px;padding:25px 0}.guide-card h2{font-size:1rem}.guide-card p{font-size:.83rem}.faq{margin-bottom:42px}.faq>h2{font-size:1.2rem}.faq summary{font-size:.86rem}.progress-section{padding:25px 19px}.history-item{align-items:flex-start;gap:12px;flex-direction:column}.history-item .action-row{width:100%}dialog{padding:20px}.toolbar #gsso-slot{margin-inline-start:auto}}
.genre-reliability{margin:-7px 0 20px;color:var(--warning)}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.metric{padding:20px}.metric-value{font-size:1.8rem}.metric-info{font-size:.78rem}.metric-label{font-size:.8rem}.result-header .action-row{width:100%}.result-header .soft-button{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.primary-button:hover{transform:none}}