:root{--pink: #ffb6d5;--pink-soft: #ffd9ea;--pink-bg: #fff0f7;--lav: #c9b6ff;--lav-soft: #e4dbff;--lav-bg: #f5f0ff;--mint: #b8ecd8;--butter: #ffe9a8;--ink: #6b5876;--ink-soft: #9d8ba8;--card: #fffafd;--shadow: 0 8px 24px rgba(186, 142, 196, .18);--radius: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Quicksand,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 15% -5%,var(--pink-soft),transparent 60%),radial-gradient(1100px 700px at 95% 0%,var(--lav-soft),transparent 55%),linear-gradient(160deg,var(--pink-bg),var(--lav-bg));background-attachment:fixed;min-height:100vh;line-height:1.5}.wrap{max-width:1040px;margin:0 auto;padding:32px 20px 80px}header.hero{text-align:center;margin-bottom:28px}header.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 6px;letter-spacing:.5px;color:#b06a96;text-shadow:0 2px 0 #fff}header.hero p{margin:0;color:var(--ink-soft);font-size:15px}.latest-banner{background:#ffffffb8;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1.5px solid rgba(255,255,255,.9);border-radius:999px;padding:9px 20px;display:inline-flex;gap:8px;align-items:center;margin-top:16px;box-shadow:0 6px 18px #ba8ec438;font-size:14px}section{margin-top:34px}.section-title{font-size:20px;margin:0 0 14px;color:#8a6aa8;display:flex;align-items:center;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.stat{background:var(--card);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);border:2px solid #fff}.stat .label{font-size:13px;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:baseline}.stat .value{font-size:30px;font-weight:700;color:#b06a96;margin:2px 0 4px}.stat .value small{font-size:14px;font-weight:600;color:var(--ink-soft)}.stat .sub{font-size:12px;color:var(--ink-soft);min-height:16px}.stat.resonance{grid-column:1 / -1}.res-desc{font-size:12.5px;color:var(--ink-soft);margin:2px 0 14px}.res-desc b{color:#b06a96}.fgauge{margin:14px 0}.fgauge.is-clickable{cursor:pointer;border-radius:14px;padding:8px 10px;margin:6px -10px;transition:background .15s ease,box-shadow .15s ease}.fgauge.is-clickable:hover,.fgauge.is-clickable:focus-visible{background:var(--pink-bg);box-shadow:0 4px 14px #ba8ec429;outline:none}.fgauge-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;gap:8px}.fgauge-head .fname b{color:#7a5a92;font-size:14px}.fgauge-head .fname span{color:var(--ink-soft);font-size:11.5px}.fgauge-head .fval{font-weight:700;color:#b06a96;white-space:nowrap}.fgauge-head .fval .pill{margin-left:6px}.fends{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft);margin-top:3px}.res-summary{margin-top:10px;font-size:13px;background:var(--pink-bg);border-radius:12px;padding:11px 13px;color:#7a5a92}.res-f1{font-size:12px;color:var(--ink-soft);margin-top:10px;background:var(--lav-bg);border-radius:11px;padding:9px 11px}.res-f1 b{color:#7a5a92}.zonebar{position:relative;height:12px;border-radius:8px;margin:12px 0 6px;overflow:hidden}.zonebar .seg{position:absolute;top:0;bottom:0}.zone-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft)}.marker{position:absolute;top:-4px;width:4px;height:20px;background:#5a4566;border-radius:3px;box-shadow:0 0 0 2px #fff;transform:translate(-2px)}.pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;font-weight:700}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.chart-card{background:var(--card);border-radius:var(--radius);padding:16px 16px 10px;box-shadow:var(--shadow);border:2px solid #fff}.chart-card h3{margin:0 0 2px;font-size:15px;color:#8a6aa8}.chart-card .cap{font-size:11px;color:var(--ink-soft);margin:0 0 8px}.rec-grid{display:grid;grid-template-columns:1fr;gap:14px}.rec{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border:2px solid #fff;display:grid;grid-template-columns:1fr;gap:10px}.rec .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.rec .num{background:#ffffffd9;color:#b06a96;border:2px solid var(--pink);font-weight:700;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 3px 8px #b06a9638}.rec .label-txt{font-weight:700;font-size:16px;color:#855}.rec .date{font-size:12px;color:var(--ink-soft)}.rec .metrics{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--lav-bg);border-radius:12px;padding:6px 11px;font-size:12px;display:flex;flex-direction:column;gap:1px;min-width:78px}.chip b{font-size:15px;color:#7a5a92}.chip span{color:var(--ink-soft);font-size:10px}.rec .note{font-size:13px;color:var(--ink-soft);font-style:italic}.player{display:flex;align-items:center;gap:12px;margin-top:4px;padding:9px 13px;background:var(--lav-bg);border-radius:16px;transition:box-shadow .18s ease,background .18s ease}.player:hover{background:#f1eaff;box-shadow:0 6px 18px #ba8ec429}.player .wave{cursor:pointer}.player .play{flex:0 0 auto;width:38px;height:38px;border:none;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--pink),var(--lav));box-shadow:0 3px 8px #b06a9659;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.player .play:hover{transform:scale(1.06)}.player .play:active{transform:scale(.95)}.player .wave{flex:1 1 auto;min-width:0}.player .time{flex:0 0 auto;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.player .time span{opacity:.65}.player .vol{flex:0 0 auto;display:flex;align-items:center;gap:6px}.player .vol input[type=range]{width:62px;accent-color:var(--pink);cursor:pointer}@media (max-width: 520px){.player .vol{display:none}}.player .dl{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b06a96;background:#ffffffb3;border:1.5px solid var(--pink-soft);text-decoration:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.player .dl:hover{background:#fff;border-color:var(--pink);transform:translateY(1px)}.player .dl:active{transform:scale(.94)}details.cheat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #fff;padding:4px 20px;margin-top:4px}details.cheat summary{cursor:pointer;list-style:none;font-size:18px;color:#8a6aa8;padding:12px 0;font-weight:700;-webkit-user-select:none;user-select:none}details.cheat summary::-webkit-details-marker{display:none}details.cheat summary:after{content:" ▾";color:var(--ink-soft);font-size:14px}details.cheat[open] summary:after{content:" ▴"}.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:6px 0 18px}.gloss-item{background:var(--lav-bg);border-radius:16px;padding:14px}.gloss-item h4{margin:0 0 4px;font-size:14px;color:#7a5a92;display:flex;gap:6px;align-items:center}.gloss-item p{margin:0 0 6px;font-size:12.5px;color:var(--ink)}.gloss-item .guide{font-size:12px;color:#7a5a92;background:#fff;border-radius:10px;padding:6px 9px;margin-bottom:6px}.gloss-item .tip{font-size:12px;color:var(--ink-soft)}.gloss-note{grid-column:1 / -1;font-size:12px;color:var(--ink-soft);font-style:italic;background:var(--pink-bg);border-radius:12px;padding:10px 12px}.empty{text-align:center;color:var(--ink-soft);padding:50px 20px}footer{text-align:center;color:var(--ink-soft);font-size:12px;margin-top:50px}a.legend-link{color:#b06a96}.picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}.picker .picker-label{font-size:12px;color:var(--ink-soft);margin-right:2px}.picker button{font-family:inherit;cursor:pointer;border:2px solid #fff;background:var(--card);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:13px;box-shadow:var(--shadow);transition:color .15s,background .15s}.picker button:hover{color:#b06a96}.picker button.active{background:linear-gradient(135deg,var(--pink-soft),var(--lav-soft));color:#b06a96;font-weight:700}.contour-card{background:var(--card);border-radius:var(--radius);padding:14px 16px 8px;box-shadow:var(--shadow);border:2px solid #fff}.contour{display:block}.posbars{display:flex;gap:18px;align-items:flex-end;height:130px;padding:0 6px}.posbar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.posbar-track{width:46px;height:100%;display:flex;align-items:flex-end;background:var(--lav-bg);border-radius:10px;overflow:hidden}.posbar-fill{width:100%;border-radius:10px 10px 0 0;transition:height .4s ease}.posbar-val{font-weight:700;color:#5e7fb8;font-size:14px;margin-top:6px}.posbar-lbl{font-size:11px;color:var(--ink-soft);text-align:center}.insight{background:var(--card);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);border:2px solid #fff}.insight h3{margin:0 0 4px;font-size:18px;color:#b06a96}.insight .insight-sub{font-size:13px;color:var(--ink-soft);margin:0 0 16px}.insight p{font-size:13.5px;color:var(--ink)}.insight .drill{background:var(--lav-bg);border-radius:14px;padding:12px 14px;font-size:13px;margin-top:10px}.insight .drill b{color:#7a5a92}.insight-placeholder{background:var(--card);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow);border:2px dashed #e7ddef;color:var(--ink-soft);font-size:13.5px;text-align:center}.insight-badges{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.insight-badge{font-size:12px;padding:4px 11px;border-radius:999px;font-weight:700;background:var(--pink-bg);color:#b06a96}.take-hint{margin:-6px 0 14px;font-size:12.5px;color:#b06a96;background:var(--pink-bg);border:1.5px solid #ffe3f0;border-radius:999px;padding:6px 14px;display:inline-block;font-weight:600}.stat.is-clickable{position:relative;cursor:pointer;border-color:#ffe3f1;background:linear-gradient(180deg,#fffafd,#fff4fa);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.stat.is-clickable:hover,.stat.is-clickable:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #ba8ec447;outline:none}.stat.is-clickable:focus-visible{border-color:var(--pink)}.stat-expand{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--pink-bg);color:#d784ac;font-size:.78em;box-shadow:inset 0 0 0 1.5px #ffdcec;transition:background .16s ease,color .16s ease,transform .16s ease;pointer-events:none}.stat.is-clickable .label{padding-right:30px}.stat.is-clickable:hover .stat-expand,.stat.is-clickable:focus-visible .stat-expand{background:var(--pink);color:#fff;transform:scale(1.08)}.stat-tap{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#cf86b0;text-transform:lowercase}.stat-tap:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink)}.fgauge-expand{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;width:20px;height:20px;border-radius:50%;background:var(--pink-bg);color:#d784ac;font-size:.72em;box-shadow:inset 0 0 0 1.5px #ffdcec;vertical-align:-.22em;transition:background .16s ease,color .16s ease,transform .16s ease}.fgauge.is-clickable:hover .fgauge-expand,.fgauge.is-clickable:focus-visible .fgauge-expand{background:var(--pink);color:#fff;transform:scale(1.08)}.mm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#78608a47;backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);animation:mm-fade .2s ease both}@keyframes mm-fade{0%{opacity:0}to{opacity:1}}.mm-card{position:relative;width:min(640px,100%);background:var(--card);border-radius:26px;border:2px solid #fff;box-shadow:0 24px 60px #966ea557;padding:26px 28px 22px;transform-origin:var(--ox, 50%) var(--oy, 50%);animation:mm-pop .34s cubic-bezier(.22,1.2,.36,1) both}@keyframes mm-pop{0%{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:none;border-radius:50%;background:var(--pink-bg);color:#b06a96;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.mm-close:hover{background:var(--pink-soft);transform:rotate(90deg)}.mm-head h3{margin:0 36px 4px 0;font-size:19px;color:#b06a96}.mm-head p{margin:0 0 22px;font-size:12.5px;color:var(--ink-soft)}.mm-scale-wrap{position:relative;margin:0 6px 8px}.mm-row{position:relative;height:30px}.mm-row-take{height:34px}.mm-band-wrap{position:relative;height:18px}.mm-band{position:relative;height:18px;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #966ea514}.mm-seg{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.mm-seg-name{font-size:9px;font-weight:700;letter-spacing:.02em;color:#5a4566;opacity:.7;text-transform:lowercase;white-space:nowrap;overflow:hidden}.mm-takes{position:relative}.mm-take{position:absolute;bottom:0;display:flex;align-items:center;gap:4px;white-space:nowrap;transform:translate(-6.5px)}.mm-take.is-active{transform:translate(-8.5px)}.mm-guide{position:absolute;left:6.5px;top:50%;width:2px;transform:translate(-50%);background-image:repeating-linear-gradient(to bottom,rgba(176,106,150,.6) 0 3px,transparent 3px 6px);pointer-events:none}.mm-take.is-active .mm-guide{left:8.5px;background-image:repeating-linear-gradient(to bottom,rgba(224,122,176,.85) 0 3px,transparent 3px 6px)}.mm-take-dot{width:13px;height:13px;border-radius:50%;background:#b06a96;border:2.5px solid #fff;box-shadow:0 2px 6px #966ea580;flex:none;z-index:2;display:flex;align-items:center;justify-content:center}.mm-spk{font-size:8px;color:#fff;opacity:.92}.mm-take-label{font-size:11px;font-weight:700;color:var(--ink-soft);z-index:2}.mm-take.is-active .mm-take-dot{width:17px;height:17px;background:var(--pink);box-shadow:0 0 0 3px var(--pink-soft),0 3px 8px #e07ab08c}.mm-take.is-active .mm-spk{font-size:10px}.mm-take.is-active .mm-take-label{color:#b06a96;font-size:12px}.mm-row-ref{height:20px;margin-top:-2.5px}.mm-ref{position:absolute;top:0;transform:translate(-50%)}.mm-ref-stem{display:block;width:3px;height:16px;border-radius:2px}.mm-ref-fem .mm-ref-stem{background:#ffb6d5;box-shadow:0 0 0 1px #fff}.mm-ref-masc .mm-ref-stem{background:#bcd3f0;box-shadow:0 0 0 1px #fff}.mm-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft);margin-top:4px}.mm-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:14px;border-top:1px dashed #f0dcea;font-size:11.5px;color:var(--ink-soft)}.mm-legend span{display:inline-flex;align-items:center;gap:5px}.mm-key{display:inline-block;width:11px;height:11px;border-radius:3px}.mm-key-take{border-radius:50%;background:#b06a96}.mm-legend-note{font-style:italic}.mm-take.is-clickable,.mm-ref.is-clickable{cursor:pointer}.mm-take.is-clickable .mm-take-dot{transition:transform .14s ease,box-shadow .14s ease}.mm-take.is-clickable:hover .mm-take-dot{transform:scale(1.18)}.mm-take.is-playing .mm-take-dot{background:var(--pink);box-shadow:0 0 0 4px var(--pink-soft),0 3px 8px #e07ab099}.mm-ref.is-clickable .mm-ref-stem{transition:transform .14s ease,filter .14s ease}.mm-ref.is-clickable:hover .mm-ref-stem,.mm-ref.is-clickable:focus-visible .mm-ref-stem{transform:scaleY(1.25);filter:brightness(.95)}.mm-ref.is-clickable:focus-visible{outline:none}.mm-ref.is-playing .mm-ref-stem{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #b06a9680}.mm-ref-spk{position:absolute;left:50%;top:-13px;transform:translate(-50%) scale(.6);transform-origin:center bottom;font-size:11px;color:#b06a96;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.mm-ref.is-clickable:hover .mm-ref-spk,.mm-ref.is-clickable:focus-visible .mm-ref-spk,.mm-ref.is-playing .mm-ref-spk{opacity:1;transform:translate(-50%) scale(1)}.mm-ref-masc .mm-ref-spk{color:#5e7fb8}.mm-hear{display:flex;align-items:center;gap:8px;margin-top:18px;padding:9px 14px;background:linear-gradient(180deg,#fff0f7,#fbeeff);border:1.5px solid #ffe3f0;border-radius:14px;font-size:12.5px;font-weight:600;color:#b06a96}.mm-hear b{color:#a25688}.mm-hear-icon{flex:none;font-size:16px;color:#d784ac}.mm-player{margin-top:16px;padding:12px 14px;background:var(--pink-bg);border-radius:18px;border:1.5px solid #ffe3f0;animation:mm-player-in .22s ease both}@keyframes mm-player-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mm-player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mm-player-title{font-size:12.5px;font-weight:700;color:#b06a96}.mm-player-close{border:none;background:transparent;color:var(--ink-soft);font-size:13px;cursor:pointer;padding:2px 6px;border-radius:8px;transition:background .15s ease,color .15s ease}.mm-player-close:hover{background:var(--pink-soft);color:#b06a96}@media (prefers-reduced-motion: reduce){.mm-backdrop,.mm-card{animation:none}}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff0f7,#f3e8ff)}.gate-box{background:#fff;border:1px solid #ffd0e6;border-radius:22px;padding:38px 40px;width:320px;text-align:center;box-shadow:0 18px 50px #d67ab02e}.gate-title{font-size:28px;font-weight:800;color:#c75a93}.gate-sub{color:#9d8ba8;margin:8px 0 20px;font-size:14px}.gate-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ffc4dd;font-size:16px;outline:none;box-sizing:border-box}.gate-input:focus{border-color:#e07ab0}.gate-wrong{color:#d96a6a;font-size:13px;margin-top:10px}.gate-btn{margin-top:16px;width:100%;padding:12px;border:none;border-radius:12px;background:#e07ab0;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.gate-btn:hover{background:#cf6aa0}.gate-btn:disabled{opacity:.6;cursor:default}.profile-switcher{position:absolute;top:16px;right:18px;display:flex;align-items:center;gap:8px;font-size:14px;color:#9d8ba8}.profile-select{padding:6px 10px;border-radius:10px;border:1px solid #ffc4dd;background:#fff;color:#c75a93;font-weight:700}.recorder{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin:18px 0 24px;box-shadow:var(--shadow)}.recorder-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rec-btn{border:none;border-radius:12px;background:#e07ab0;color:#fff;font-weight:700;font-size:.95rem;padding:10px 16px;cursor:pointer}.rec-btn:hover{background:#cf6aa0}.rec-btn:disabled{opacity:.55;cursor:default}.rec-btn.rec-ghost{background:#f0eef0;color:#9d8ba8}.rec-btn.rec-active{background:#d96a6a;animation:recpulse 1.4s infinite}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.7}}.rec-time{font-variant-numeric:tabular-nums;margin-left:6px}.rec-audio{height:38px;flex:1 1 200px;min-width:180px}.rec-label{flex:1 1 200px;min-width:160px;padding:9px 12px;border-radius:10px;border:1px solid #ffc4dd;font-size:.95rem;outline:none}.rec-label:focus{border-color:#e07ab0}.rec-status{color:#c75a93;font-weight:600}.rec-error{color:#d96a6a;font-size:.9rem;margin-top:8px}