:root{color:#172026;background:#f7fbff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input{font:inherit}.app-shell{background:linear-gradient(#d0ecffb8,#f7fbffe0 48%),#f7fbff;min-height:100vh}.lab-stage{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0}.eyebrow{color:#315f75;margin:0 0 8px;font-size:.9rem;font-weight:700}h1{color:#112029;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.intro{color:#3e5360;max-width:680px;font-size:1.05rem;line-height:1.65}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-cup{background:linear-gradient(#f8fcfff2,#e1f1fee0);border:1px solid #466e8733;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:min(190px,100%);padding:12px;display:flex;box-shadow:0 6px 16px #072c4914}.glass-cup--matched .glass-body{border-color:#10b981a6;box-shadow:inset 0 0 0 2px #10b98152,0 0 0 1px #10b98140,0 8px 18px #10b9811f}.strike-pad{color:#33414a;cursor:pointer;background:#fffdf5;border:1px solid #9cb4c1;border-radius:9999px;width:42px;height:42px;padding:0;font-size:1.15rem;font-weight:700;transition:transform .12s,filter .12s;box-shadow:0 8px 18px #2d4d601f}.strike-pad:hover{filter:brightness(1.04)}.strike-pad:active{transform:translateY(1px)}.strike-pad:focus-visible{outline-offset:2px;outline:3px solid #6366f1a6}.glass-body{touch-action:none;background:linear-gradient(#f3fbff 0%,#dbefff 65%,#bdd8ff 100%);border:3px solid #5f7c95b3;border-radius:0 0 28px 28px/0 0 48px 48px;width:100%;max-width:150px;height:clamp(150px,26vh,208px);min-height:180px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.glass-body:focus-visible{outline-offset:3px;outline:3px solid #0ea5e9b8}.water-fill{background:linear-gradient(#6db5ff 0%,#3a89f9 55%,#2a66d1 100%);border-top:2px solid #ffffff8c;width:100%;transition:height .15s;position:absolute;bottom:0;left:0}.water-fill:after{content:"";background:#ffffff8c;height:1px;display:block;position:absolute;bottom:20%;left:4%;right:4%}.glass-shine{pointer-events:none;background:linear-gradient(90deg,#ffffff8c,#fff0,#ffffff59);border-radius:999px;height:26px;position:absolute;top:8px;left:8px;right:8px}.cup-label{text-align:center;gap:2px;min-height:48px;display:grid}.cup-label strong{color:#233747;font-size:1rem}.cup-label span{color:#526b78;font-size:.8rem}.header{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.controls{margin-top:8px}.reset-button{color:#eef9ff;cursor:pointer;background:#2b5e7f;border:none;border-radius:10px;padding:10px 18px;font-size:.95rem;font-weight:700;transition:transform .12s,filter .12s;box-shadow:0 10px 16px #18365633}.reset-button:hover{filter:brightness(1.05)}.reset-button:active{transform:translateY(1px)}.status-line{color:#1f3c51;background:#eef8ff;border:1px solid #2c6d9247;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:.95rem;line-height:1.5}.experiment-layout{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;gap:16px;width:min(1120px,100% - 32px);margin:0 auto 28px;display:grid}.cup-rack{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;min-width:0;padding:8px;display:grid}.side-panel{gap:12px;min-width:0;display:grid}.mission-panel{background:#fff;border:1px solid #4f7ca233;border-radius:14px;padding:14px 16px;box-shadow:0 10px 26px #1129390f}.mission-summary{color:#2f4a5f;margin:4px 0 12px;font-weight:700}.mission-panel h2{color:#1d3b57;margin:0 0 8px;font-size:1.2rem}.tuning-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tuning-item{color:#2f4a5f;background:#f2f8fd;border:1px solid #d3e7f3;border-radius:10px;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.95rem;display:flex}.tuning-note{font-weight:700}.is-matched{background:#ecfdf5;border-color:#10b9817a}.melody-panel{background:#f9fcff}.melody-title{color:#223c52;margin:0 0 4px;font-weight:700}.melody-description{color:#3f5767;margin:0 0 12px;font-size:.96rem}.melody-song-label{color:#244b63;margin:0 0 6px;font-size:.9rem;font-weight:700;display:block}.melody-song-select{color:#1f3c51;width:100%;font:inherit;background:#f8fcff;border:1px solid #4f7ca24d;border-radius:10px;padding:8px 10px;font-size:.93rem}.melody-song-select:focus-visible{outline-offset:2px;outline:3px solid #6366f1a6}.melody-notes{color:#1f4a6f;letter-spacing:.01em;background:#eef8ff;border:1px dashed #b8d6ea;border-radius:10px;margin:0;padding:10px 12px;font-size:1rem}@media (width<=1040px){.experiment-layout{grid-template-columns:minmax(0,1fr)}.side-panel{grid-template-columns:1fr}}@media (width<=600px){.lab-stage,.experiment-layout{width:min(1120px,100% - 20px)}.glass-cup{padding:10px 8px}.cup-rack{gap:10px}.status-line{font-size:.9rem}}