@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{color-scheme:light;font-family:Inter,sans-serif;--background: #f9f9ff;--surface: #ffffff;--surface-low: #f1f3ff;--surface-container: #e9edff;--surface-variant: rgba(216, 226, 255, .7);--on-surface: #19315d;--on-surface-soft: #485f8d;--primary: #006c49;--primary-dim: #005f40;--secondary: #bd0c3b;--tertiary: #865400;--outline: rgba(100, 122, 171, .15);--shadow: 0 8px 24px rgba(25, 49, 93, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100dvh;font-family:Inter,sans-serif;background:var(--background);color:var(--on-surface)}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit}a{color:inherit}audio{width:100%}.material-symbols-outlined{font-family:Material Symbols Outlined;font-style:normal;font-weight:300;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gallery-shell{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 8%,#e9edfff0,#f9f9ff00 35%),linear-gradient(145deg,#f9f9ff 5%,#f3f4ff 42%,#f9f9ff)}.ambient{position:fixed;pointer-events:none;border-radius:999px;filter:blur(44px);opacity:.85}.ambient-top{top:-8rem;right:-8rem;width:28rem;height:28rem;background:#006c490d}.ambient-bottom{bottom:-14rem;left:-8rem;width:32rem;height:32rem;background:#e9edff7a}.ambient-center{top:18%;left:28%;width:15rem;height:15rem;background:#006c4909}.unlock-stage,.sonic-screen,.results-screen{position:relative;min-height:100dvh;z-index:1}.unlock-stage{display:grid;place-items:center;padding:2rem 1.5rem}.state-panel,.run-card,.sheet-panel,.voice-note-card,.clip-row{background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.state-panel{display:flex;flex-direction:column;gap:1rem;width:min(32rem,100%);padding:1.75rem;border-radius:2rem}.unlock-panel{background:#ffffffc2}.compact-panel{width:min(28rem,calc(100% - 2.5rem))}.inline-panel{width:100%}.silent-loader{display:grid;place-items:center;min-height:100dvh;width:100%}.silent-loader.inline{min-height:16rem}.silent-loader-orb{display:grid;place-items:center;width:7rem;height:7rem;border-radius:999px;background:#ffffffb8;box-shadow:var(--shadow);animation:loader-drift 1.2s ease-in-out infinite}.silent-loader-orb .voice-eq span{background:#006c49b3}.state-kicker{margin:0;color:var(--on-surface-soft);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.state-panel h1,.state-panel h2,.results-hero h1,.run-card h2,.sheet-panel h2,.clip-row h3{margin:0;font-weight:700;line-height:.95;color:var(--on-surface)}.state-panel h1,.results-hero h1{font-size:clamp(2.4rem,12vw,4.75rem)}.state-panel h2,.run-card h2,.sheet-panel h2{font-size:clamp(1.5rem,5vw,2.2rem)}.state-copy,.run-subtitle,.sheet-subtitle{margin:0;color:var(--on-surface-soft);line-height:1.6}.unlock-form{display:flex;flex-direction:column;gap:.85rem}.unlock-form input,.note-label textarea{width:100%;border:0;border-radius:1.5rem;padding:1rem 1.1rem;background:var(--surface-low);color:var(--on-surface)}.unlock-form input:focus,.note-label textarea:focus{outline:2px solid rgba(0,108,73,.16);outline-offset:2px}.unlock-form button,.ghost-action{width:fit-content;border-radius:999px;padding:.9rem 1.25rem;cursor:pointer;transition:transform .15s ease,background-color .15s ease,opacity .15s ease}.unlock-form button{background:linear-gradient(135deg,var(--primary),#6ffbbe);color:#e1ffec;font-weight:700}.unlock-form button:active,.ghost-action:active,.mic-fab:active,.voice-orb:active{transform:scale(.97)}.ghost-action{background:#ffffffb8;box-shadow:var(--shadow);color:var(--on-surface)}.error-banner{margin:0;width:100%;border-radius:1.25rem;padding:.95rem 1rem;background:#bd0c3b1a;color:var(--secondary)}.help-dock{position:fixed;left:max(1rem,env(safe-area-inset-left,0px) + .5rem);bottom:max(1rem,env(safe-area-inset-bottom,0px) + .5rem);z-index:3;display:flex;align-items:flex-end;gap:.75rem;pointer-events:none}.help-toggle,.help-card{pointer-events:auto}.help-toggle{width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;background:#ffffffd1;box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.help-toggle .material-symbols-outlined{font-size:1.3rem}.help-card{width:min(18rem,calc(100vw - 6rem));padding:.95rem 1rem;border-radius:1.4rem;background:#ffffffd6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.help-card p{margin:0}.help-copy,.help-mapping{color:var(--on-surface-soft);line-height:1.45}.help-copy{margin-top:.4rem}.help-mapping{margin-top:.55rem;font-size:.92rem}.help-mapping strong{color:var(--on-surface)}.sonic-screen{display:flex;align-items:center;justify-content:center;padding:2rem 1rem 9rem}.deck-progress{position:fixed;top:max(.9rem,env(safe-area-inset-top,0px) + .4rem);left:1rem;right:1rem;z-index:2;display:flex;align-items:center;gap:.7rem;pointer-events:none}.deck-progress-track{flex:1;height:.16rem;border-radius:999px;overflow:hidden;background:#19315d1a}.deck-progress-fill{display:block;width:100%;height:100%;transform-origin:left center;border-radius:999px;background:#006c49d1}.deck-progress-label{min-width:2.5rem;text-align:right;color:#485f8de0;font-size:.72rem;font-weight:600;letter-spacing:.02em}.orb-cluster{position:relative;transform:translateY(-8vh)}.voice-orb{position:relative;display:grid;place-items:center;width:min(16rem,60vw);height:min(16rem,60vw);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;opacity:0;transition:opacity .28s ease,box-shadow .18s ease,transform .18s ease}.voice-orb.is-ready{opacity:1}.voice-orb.is-locked{pointer-events:none}.voice-orb-wash{position:absolute;inset:0;background:linear-gradient(135deg,#006c4914,#d8e2ff7a)}.voice-orb-glow{position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle at 50% 15%,#ffffffd1,#fff0 62%)}.voice-orb-core{position:relative;display:grid;place-items:center;z-index:1}.voice-eq{display:flex;align-items:center;gap:.35rem}.voice-eq span{display:block;width:.5rem;border-radius:999px;background:var(--primary);box-shadow:inset 0 0 0 1px #00000005}.voice-eq span:nth-child(1),.voice-eq span:nth-child(5){height:1.15rem}.voice-eq span:nth-child(2),.voice-eq span:nth-child(4){height:2.2rem}.voice-eq span:nth-child(3){height:4.3rem}.voice-orb.is-playing .voice-eq span:nth-child(1){animation:eq-pulse-a .9s ease-in-out infinite}.voice-orb.is-playing .voice-eq span:nth-child(2){animation:eq-pulse-b 1s ease-in-out infinite}.voice-orb.is-playing .voice-eq span:nth-child(3){animation:eq-pulse-c .8s ease-in-out infinite}.voice-orb.is-playing .voice-eq span:nth-child(4){animation:eq-pulse-b 1.1s ease-in-out infinite}.voice-orb.is-playing .voice-eq span:nth-child(5){animation:eq-pulse-a .95s ease-in-out infinite}@keyframes eq-pulse-a{0%,to{height:1.15rem}50%{height:2rem}}@keyframes eq-pulse-b{0%,to{height:2.2rem}50%{height:3.2rem}}@keyframes eq-pulse-c{0%,to{height:4.3rem}50%{height:5rem}}@keyframes loader-drift{0%,to{transform:scale(.98);opacity:.72}50%{transform:scale(1.02);opacity:1}}.swipe-indicator{position:absolute;display:grid;place-items:center;opacity:.22;transition:transform .18s ease,opacity .18s ease}.swipe-indicator .material-symbols-outlined{font-size:3.2rem}.swipe-indicator.up{top:-8.5rem;left:50%;transform:translate(-50%);color:var(--tertiary)}.swipe-indicator.left{top:50%;left:-5rem;transform:translateY(-50%);color:var(--secondary)}.swipe-indicator.right{top:50%;right:-5rem;transform:translateY(-50%);color:var(--primary)}.swipe-indicator.armed{opacity:1}.swipe-indicator.armed.up,.swipe-indicator.armed.maybe{transform:translate(-50%) translateY(-.45rem)}.swipe-indicator.armed.left,.swipe-indicator.armed.no{transform:translateY(-50%) translate(-.45rem)}.swipe-indicator.armed.right,.swipe-indicator.armed.yes{transform:translateY(-50%) translate(.45rem)}.floating-status{position:fixed;left:50%;bottom:8.7rem;transform:translate(-50%);width:min(20rem,calc(100vw - 3rem));border-radius:999px;padding:.78rem 1rem;text-align:center;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);color:var(--on-surface-soft)}.mic-fab{position:fixed;left:50%;bottom:3rem;transform:translate(-50%);width:5rem;height:5rem;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:#e1ffec;cursor:pointer;box-shadow:0 22px 40px #006c493d}.mic-fab .material-symbols-outlined{font-size:2rem}.mic-fab.is-recording{background:var(--secondary);box-shadow:0 22px 40px #bd0c3b38}.results-screen{padding:2.5rem 1.25rem 2rem;overflow:auto}.minimal-results-screen{display:grid;place-items:center;padding:2rem 1rem}.results-minimal-shell{display:grid;gap:1rem;width:min(26rem,100%)}.rank-column{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.05rem;border-radius:1.8rem;background:#ffffffad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.rank-column-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:#d8e2ffb8;color:var(--on-surface-soft)}.rank-column-mark .material-symbols-outlined{font-size:1.1rem}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.rank-item{display:flex;align-items:center;gap:.7rem;min-width:0}.rank-indicator{width:.65rem;height:.65rem;border-radius:999px;flex:0 0 auto}.rank-indicator.good{background:var(--primary)}.rank-indicator.maybe{background:var(--tertiary)}.rank-indicator.reject{background:var(--secondary)}.rank-label{min-width:0;overflow:hidden;color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,4vw,1.15rem);font-weight:700;letter-spacing:-.02em}.results-hero{display:flex;flex-direction:column;gap:.9rem;max-width:32rem;margin:0 auto 1.5rem}.results-hero-band,.run-scoreboard,.detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.results-hero-pill,.metric-tile{padding:.95rem 1rem;border-radius:1.45rem;background:linear-gradient(180deg,#fffffff5,#f1f3ffe6);box-shadow:inset 0 1px #ffffffb3,0 10px 24px #19315d0f}.results-actions{max-width:72rem;margin:0 auto 1rem}.run-grid{display:grid;gap:1rem;max-width:72rem;margin:0 auto}.run-card{display:flex;flex-direction:column;gap:.95rem;padding:1.35rem;border-radius:2rem;border:1px solid rgba(100,122,171,.08);background:linear-gradient(180deg,#ffffffe6,#f6f8ffe0)}.run-meta,.run-links,.clip-meta{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.meta-pill,.tone-pill,.result-pill{border-radius:999px;padding:.5rem .8rem;font-size:.82rem;font-weight:700}.meta-pill{background:#d8e2ffc7;color:var(--on-surface)}.tone-pill{background:#8654001a;color:var(--tertiary)}.metric-label{color:var(--on-surface-soft);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.metric-value{display:block;margin-top:.28rem;color:var(--on-surface);font-size:clamp(1.05rem,4.8vw,1.35rem);font-weight:700;line-height:1.05}.metric-copy{margin:.35rem 0 0;color:var(--on-surface-soft);font-size:.82rem;line-height:1.35}.metric-tile.reviewed .metric-value{color:var(--on-surface)}.metric-tile.good{background:linear-gradient(180deg,#e7fff5f5,#d6f7e7e6)}.metric-tile.good .metric-value{color:var(--primary)}.metric-tile.reject{background:linear-gradient(180deg,#ffeff4f5,#ffe5ece6)}.metric-tile.reject .metric-value{color:var(--secondary)}.metric-tile.maybe{background:linear-gradient(180deg,#fff5e6f5,#ffedcee6)}.metric-tile.maybe .metric-value{color:var(--tertiary)}.metric-tile.meta{background:linear-gradient(180deg,#fffffff5,#e9edffe6)}.run-links a{padding:.6rem .85rem;border-radius:999px;background:#ffffffc7;text-decoration:none;box-shadow:var(--shadow)}.sheet-scrim{position:fixed;inset:0;z-index:10;display:grid;align-items:end;background:#19315d1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sheet-panel{max-height:88dvh;overflow:auto;width:100%;padding:1.2rem;border-radius:2rem 2rem 0 0}.note-sheet,.run-sheet{background:#ffffffe6}.sheet-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.note-label{display:flex;flex-direction:column;gap:.6rem;font-weight:600;color:var(--on-surface)}.note-label textarea{min-height:8rem;resize:vertical}.voice-note-card{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;padding:1rem;border-radius:1.6rem}.detail-summary{margin-bottom:1rem}.clip-list{display:flex;flex-direction:column;gap:.85rem}.clip-row{display:grid;gap:.9rem;padding:1rem;border-radius:1.5rem}.result-pill.yes{background:#006c491f;color:var(--primary)}.result-pill.no{background:#bd0c3b1a;color:var(--secondary)}.result-pill.maybe{background:#8654001a;color:var(--tertiary)}.result-pill.pending{background:#d8e2ffb3;color:var(--on-surface-soft)}@media(min-width:720px){.results-minimal-shell{width:min(32rem,100%);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.run-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-scrim{align-items:center;padding:2rem}.sheet-panel{width:min(56rem,100%);margin:0 auto;border-radius:2rem}.clip-row{grid-template-columns:minmax(0,1.5fr) minmax(14rem,1fr)}}@media(max-width:479px){.help-dock{left:max(.85rem,env(safe-area-inset-left,0px) + .4rem);bottom:max(.85rem,env(safe-area-inset-bottom,0px) + .4rem);gap:.6rem}.help-card{width:min(15rem,calc(100vw - 5.25rem));padding:.85rem .9rem}.help-mapping{font-size:.86rem}.results-hero-band,.run-scoreboard,.detail-summary{gap:.65rem}.deck-progress{left:.85rem;right:.85rem;gap:.55rem}.deck-progress-label{min-width:2.2rem;font-size:.68rem}.voice-orb{width:15rem;height:15rem}.swipe-indicator.up{top:-7rem}.swipe-indicator.left{left:-3.3rem}.swipe-indicator.right{right:-3.3rem}.results-hero-pill,.metric-tile{padding:.88rem .92rem}.metric-copy{font-size:.78rem}}