:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f6fa;background:#061522;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#123a46 0%,transparent 42%),#061522}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit}.shell{max-width:1100px;margin:auto;padding-left:22px;padding-right:22px}.header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:27px;padding-bottom:20px}.logo{text-decoration:none;font-size:21px;font-weight:900;letter-spacing:1.3px}.logo-symbol{display:inline-flex;align-items:center;justify-content:center;background:#29d9bd;color:#07332e;border-radius:10px;width:36px;height:36px;margin-right:10px}.logo-accent{color:#30dbbe}.header-badge{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#a9c6ce;display:flex;align-items:center;gap:9px}.header-badge i{width:7px;height:7px;border-radius:50%;background:#25d6ac}.hero{padding:33px 0 33px}.eyebrow{font-size:11px;font-weight:900;color:#47dcbf;letter-spacing:2px}.hero h1{font-size:clamp(38px,6.5vw,68px);line-height:1.05;letter-spacing:-2.5px;margin:18px 0 16px;font-weight:800}.hero em{font-style:normal;color:#37dec0}.hero p{color:#9fbbc4;line-height:1.65;font-size:16px;max-width:650px;margin:0}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:18px}.live-card,.key-card,.stats-card,.training,.result-card{border:1px solid #24434f;border-radius:22px;background:#102736;box-shadow:0 17px 46px #03111a26}.live-card{padding:27px 30px 24px;min-height:600px;text-align:center}.live-header,.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a1bdc6;letter-spacing:1.4px;font-size:11px;font-weight:850;text-align:left}.mic-state{color:#f8b48c;margin-left:8px}.mic-state.on{color:#42e3b8}.timer{font-variant-numeric:tabular-nums;font-size:15px;color:white}.listen-indicator{display:flex;justify-content:center;margin:38px 0 23px}.pulse-ring{display:flex;align-items:center;justify-content:center;border:1px solid #357368;background:radial-gradient(circle,#247768,#143f42);border-radius:50%;width:89px;height:89px;box-shadow:0 0 0 12px #1a6c6150,0 0 0 25px #1a6c611c;transition:.25s}.listening .pulse-ring{box-shadow:0 0 0 13px #1d7e6c65,0 0 0 26px #1a6c6128;animation:breathe 1.5s infinite}.mic-icon{font-size:35px;color:#72f3d4}@keyframes breathe{50%{transform:scale(1.06)}}.reading-label{color:#9dbac5;font-size:11px;letter-spacing:1.5px;font-weight:900}.main-note{font-size:clamp(75px,10vw,120px);font-weight:900;letter-spacing:-5px;min-height:138px;line-height:1.3;color:#fff}.main-subtitle{min-height:23px;color:#9bdae0;font-size:14px;font-variant-numeric:tabular-nums}.tune{display:flex;align-items:center;gap:10px;font-size:9px;color:#88a8b5;margin-top:33px;letter-spacing:1px;font-weight:850}.tune-track{position:relative;height:9px;border-radius:20px;flex:1;background:linear-gradient(90deg,#4574ab,#4fd9ae 50%,#ed986c)}.tune-mid{position:absolute;left:50%;top:-6px;height:21px;width:2px;background:#fff8}.needle{position:absolute;top:-8px;left:50%;width:5px;height:25px;border-radius:7px;background:white;box-shadow:0 0 7px #fff9;transition:left .12s}.tune-feedback{color:#b5d1d8;font-size:13px;margin:15px 0 24px;min-height:20px}.actions{display:grid;gap:9px}.button{border:none;display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:53px;border-radius:12px;padding:12px 18px;font-weight:850;letter-spacing:.1px;transition:filter .14s}.button:not(:disabled):hover{filter:brightness(1.08)}.button-start{color:#052921;background:#3cdebc}.button-stop{background:#ec896f;color:#36170e}.button-ghost{border:1px solid #41616a;background:#183440;color:#e5f6f5}.record-dot{width:11px;height:11px;background:#093a31;border-radius:50%}.status{font-size:12px;color:#a4bdc7;line-height:1.5;margin:14px 0 0}.status.error{color:#ffb29c}.details-column{display:grid;grid-template-rows:auto 1fr;gap:18px}.key-card,.stats-card{padding:27px}.chip{font-size:10px;color:#accdd7;background:#2a4552;padding:9px 10px;border-radius:8px;white-space:nowrap}.chip.active{color:#05432b;background:#43d5ac}.big-key{font-size:clamp(37px,4vw,56px);font-weight:900;letter-spacing:-2px;margin:30px 0 8px;min-height:65px;color:#6ee8ce;word-break:break-word}.key-hint{color:#bed3d9;font-size:13px;line-height:1.5;min-height:41px}.key-other{border-top:1px solid #34515b;margin-top:22px;padding-top:20px;display:flex;gap:13px;align-items:center;justify-content:space-between;color:#84a5ad;letter-spacing:.8px;font-size:10px;font-weight:800}.key-other strong{color:#f1fcf9;letter-spacing:0;font-size:15px}.disclaimer{line-height:1.55;margin:16px 0 0;color:#89a7b1;font-size:11px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:27px}.stats>div{background:#193743;border:1px solid #294e57;border-radius:13px;padding:15px}.stats small,.result-grid small{display:block;color:#94b4bd;font-size:10px;letter-spacing:1px;font-weight:800}.stats strong{display:block;font-size:25px;margin-top:8px}.chart-label{margin:25px 0 10px;color:#9bb8c2;font-size:10px;font-weight:800;letter-spacing:1px}canvas{display:block;width:100%;height:auto;border-radius:10px;background:#0a1f2c}.mini-note{display:block;color:#849faa;font-size:11px;margin-top:10px}.training{margin-top:18px;overflow:hidden}.training summary{cursor:pointer;padding:21px 25px;font-weight:850;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.training summary::-webkit-details-marker{display:none}.training summary>span{color:#75dcc7;font-size:13px;font-weight:650}.training-body{padding:0 25px 24px;color:#a9c3cc;font-size:14px;line-height:1.6}.training-body p{margin:0 0 16px}.training-body label:not(.checkbox-row){display:block;margin:5px 0 7px;color:#e7f5f9;font-weight:700}.training-row{display:flex;gap:10px}.training select{min-width:0;flex:1;border-radius:12px;border:1px solid #41616a;background:#0a1f2c;color:white;padding:10px}.checkbox-row{display:flex;align-items:center;gap:9px;margin-top:17px}.checkbox-row input{width:18px;height:18px;accent-color:#3cdebc}.result-card{padding:32px;margin-top:18px}.result-card h2{font-size:33px;margin:13px 0 23px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-grid>div{padding:19px;border:1px solid #325662;background:#163440;border-radius:13px}.result-grid strong{display:block;color:#66e4c6;font-size:27px;margin-top:8px}.report-text{color:#dae8ec;line-height:1.7;margin-top:21px}.report-text p{margin:0 0 12px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.audio-area{display:grid;gap:12px;margin-top:24px;border-top:1px solid #34515b;padding-top:19px}.audio-area audio{width:100%}.audio-area a{font-weight:700;color:#4ee0be}.explanation{margin:23px 0 40px;color:#a6c0c8;font-size:13px;line-height:1.7}.explanation strong{color:white}.footer{border-top:1px solid #1d414d;padding-top:25px;padding-bottom:35px;color:#8daab3;font-size:11px;letter-spacing:1px}[hidden]{display:none!important}@media(max-width:780px){.dashboard{grid-template-columns:1fr}.details-column{grid-template-columns:1fr}.live-card{min-height:0}.hero{padding:23px 0 29px}.hero h1{letter-spacing:-1.5px}.header-badge{font-size:9px}.result-grid{grid-template-columns:1fr 1fr}.result-grid>div:first-child{grid-column:1/-1}.training summary{flex-wrap:wrap}.training-row{flex-wrap:wrap}.training-row select,.training-row button{flex-basis:100%}}@media(max-width:420px){.shell{padding-left:15px;padding-right:15px}.live-card,.key-card,.stats-card{padding:21px}.main-note{min-height:115px}.hero p{font-size:14px}.header-badge{letter-spacing:0}.result-grid strong{font-size:23px}.result-card{padding:22px}}