/*! Project Halo */
:root{color-scheme:dark;--void: #0b0c0d;--iron: #151719;--slate: #202326;--ash: #a5a6a2;--silver: #e4e2d9;--white: #f4f1e7;--line: rgba(228, 226, 217, .18);--line-hot: rgba(228, 226, 217, .55);--glow: #d7d4c8;--danger: #f0a8a0;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;background:var(--void);color:var(--silver)}body{font-family:Helvetica Neue,Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 82% 8%,rgba(255,255,255,.08) 0 1px,transparent 1.5px),radial-gradient(circle at 18% 74%,rgba(255,255,255,.045) 0 1px,transparent 1.3px),linear-gradient(145deg,#090a0b,#141619 55%,#0a0b0c);background-size:9px 9px,7px 7px,auto;min-height:100svh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.32;cursor:default}.app{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 96px}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--line)}.identity{display:flex;gap:12px;align-items:center}.halo-mark{width:31px;height:31px;border:1px solid var(--silver);border-radius:50%;position:relative;box-shadow:0 0 22px #ffffff1f}.halo-mark:after{content:"";position:absolute;inset:8px;background:var(--silver);border-radius:50%}.identity strong{font-family:Georgia,serif;font-size:1rem;letter-spacing:.24em;font-weight:500}.identity small{display:block;margin-top:2px;color:var(--ash);font-size:.61rem;letter-spacing:.19em;text-transform:uppercase}.language-control{position:relative;display:block}.language-control select{width:100%;height:clamp(260px,48vh,420px);padding:4px;border-color:var(--line);background:#141618;color:var(--silver);font-size:.82rem;letter-spacing:.03em}.language-control option{padding:10px 12px;border-radius:4px}.language-control.loading select{color:transparent;pointer-events:none}.language-loading{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:7px;color:var(--silver);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.language-control.loading .language-loading{display:flex}.language-loading:before{content:"";width:12px;height:12px;border:1px solid rgba(255,255,255,.25);border-top-color:var(--white);border-radius:50%;animation:language-spin .7s linear infinite}@keyframes language-spin{to{transform:rotate(360deg)}}.panic-mini,.header-settings,.header-language,.icon-button,.settings-button,.modal-close{border:1px solid var(--line);background:#ffffff06;color:var(--silver);border-radius:var(--radius)}.panic-mini{padding:8px 13px;color:var(--danger);text-transform:uppercase;letter-spacing:.12em;font-size:.69rem}.header-actions{display:flex;gap:8px;align-items:center}.header-settings{padding:8px 13px;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem}.header-language{min-width:46px;padding:8px 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem}.tabs{position:fixed;z-index:50;left:50%;bottom:18px;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(760px,calc(100% - 32px));margin:0;padding:6px;border:1px solid var(--line-hot);border-radius:16px;background:#0e1012e0;box-shadow:0 18px 55px #000000a6;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:var(--ash);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.tab:before{font-size:1.05rem;line-height:1;letter-spacing:0}.tab[data-view=mp3View]:before{content:"\266a"}.tab[data-view=keysView]:before{content:"\25a5"}.tab[data-view=thereminView]:before{content:"\2301"}.tab[data-view=chordsView]:before{content:"\224b"}.tab[data-view=panelView]:before{content:"\223f"}.tab:hover{background:#ffffff14;color:var(--white)}.tab.active{background:var(--silver);color:#101112;box-shadow:0 4px 16px #00000052}.view{display:none}.view.active{display:block}.instrument{position:relative;min-height:calc(100svh - 190px);border:1px solid var(--line);background:#0d0e0fd6;overflow:hidden}.instrument:after{content:"";position:absolute;right:-100px;bottom:-190px;width:440px;height:440px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 32px #ffffff03,0 0 0 80px #ffffff02;pointer-events:none}.instrument-tools{position:absolute;z-index:5;top:12px;right:12px;display:flex;gap:7px}.settings-button{min-width:42px;min-height:38px;padding:8px 13px;border-color:var(--silver);background:var(--silver);color:#101112;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 24px #00000059}.settings-button:hover,.icon-button:hover{border-color:var(--line-hot);background:#ffffff14}.keys-stage{min-height:0;height:clamp(360px,58vh,620px)}.keyboard-shell{width:100%;height:100%;overflow:hidden;padding:0}.keyboard{position:relative;width:100%;min-width:0;height:100%;border:0;border-radius:0;background:#282b2d;touch-action:none;user-select:none}.piano-key{position:absolute;top:0;padding:0;border-radius:0;transition:filter 70ms ease,transform 70ms ease}.piano-key.white{z-index:1;width:calc(100% / 7);height:100%;border:1px solid #55585a;background:linear-gradient(95deg,#b6b5af,#e8e5da 45%,#aaa9a4);color:#171819}.piano-key.black{z-index:2;width:calc(100% / 11.5);height:66%;border:1px solid #050606;background:linear-gradient(95deg,#080909,#292b2d);color:#e6e3da;box-shadow:0 5px 12px #0000008c}.piano-key.active{filter:brightness(1.38);transform:translateY(3px)}.piano-key span{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font-size:.61rem;letter-spacing:.04em;pointer-events:none}.theremin-stage{height:calc(100svh - 190px);min-height:390px}.theremin-pad{width:100%;height:100%;border:0;border-radius:0;cursor:crosshair;touch-action:none;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(237,235,225,.42) 0 1px,transparent 1.5px) 0 0/10px 10px,linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.12) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(255,255,255,.12) 50%,transparent 50.1%),#111315}.theremin-pad:before,.theremin-pad:after{position:absolute;bottom:16px;color:var(--ash);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.theremin-pad:before{content:"low";left:18px}.theremin-pad:after{content:"high";right:18px}.theremin-cursor{position:absolute;left:50%;top:50%;width:34px;height:34px;border:1px solid var(--white);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #ffffff0f,0 0 40px #ffffff3d;pointer-events:none}.theremin-readout{position:absolute;left:17px;top:15px;border:0;background:transparent;color:var(--white);padding:0;font:500 clamp(1.1rem,3vw,2rem) Georgia,serif;font-variant-numeric:tabular-nums}.chords-stage,.tone-stage{height:calc(100svh - 190px);min-height:390px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.chords-stage{padding:62px 16px 18px}.chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chord{position:relative;min-height:102px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#17191b;color:var(--silver);text-align:left;overflow:hidden}.chord:after{content:"";position:absolute;width:72px;height:72px;right:-22px;bottom:-28px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.chord:hover{border-color:var(--line-hot);background:#232629}.chord strong{display:block;font:400 1.65rem Georgia,serif}.chord small{display:block;margin-top:8px;color:var(--ash);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.mp3-stage{min-height:calc(100svh - 190px);display:grid;place-items:center;padding:64px 18px 26px}.mp3-core{width:min(610px,100%);text-align:center}.upload-box{display:grid;place-items:center;min-height:210px;padding:24px;border:1px dashed rgba(228,226,217,.4);border-radius:18px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);cursor:pointer}.upload-box input{display:none}.upload-box strong{font:400 clamp(1.35rem,4vw,2.3rem) Georgia,serif}.upload-summary{margin:16px 0 0;color:var(--ash);font-size:.8rem}.progress{height:2px;margin:13px auto 0;background:#2a2c2e}.progress>div{width:0;height:100%;background:var(--white)}.transport-controls{display:flex;justify-content:center;gap:10px;margin-top:22px}.transport-button{width:62px;height:54px;border:1px solid var(--line);border-radius:var(--radius);background:#17191b;color:var(--white);font-size:1.1rem}.transport-button:hover:not(:disabled){border-color:var(--line-hot);background:var(--silver);color:#111}.tone-stage{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:clamp(24px,7vw,90px);align-items:center;padding:62px 16px 78px}.tone-hero{text-align:center}.tone-controls{position:relative;z-index:2;width:100%;max-width:560px;padding:22px;border:1px solid var(--line);background:#151719e0}.bolt{font-family:Georgia,serif;font-size:clamp(7rem,18vw,13rem);line-height:.8;color:var(--silver);filter:drop-shadow(0 0 28px rgba(255,255,255,.16));user-select:none}.tone-readout{margin-top:20px;font:400 clamp(2rem,6vw,4.5rem) Georgia,serif}.tone-readout small{font:500 .7rem Helvetica Neue,sans-serif;color:var(--ash);letter-spacing:.18em}.tone-actions{display:flex;justify-content:center;gap:9px;margin-top:24px}.primary-action{width:68px;min-width:68px;min-height:56px;border:1px solid var(--silver);background:var(--silver);color:#101112;border-radius:var(--radius);font-size:1.2rem;font-weight:700}.legacy-hidden{display:none!important}dialog{width:min(520px,calc(100% - 24px));max-height:calc(100svh - 30px);padding:0;border:1px solid var(--line-hot);border-radius:var(--radius);background:#111315;color:var(--silver);box-shadow:0 30px 100px #000}dialog::backdrop{background:#000000c7;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head strong{font:400 1.15rem Georgia,serif}.modal-close{width:34px;height:34px}.modal-body{padding:4px 18px 20px;overflow:auto;max-height:calc(100svh - 100px)}.field{margin-top:17px}.field label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;color:var(--ash);font-size:.78rem}input,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#1b1d1f;color:var(--silver);padding:10px}input[type=checkbox]{width:auto;accent-color:var(--silver)}input[type=range]{padding:0;accent-color:var(--silver)}.range-pair{display:grid;grid-template-columns:1fr 88px;align-items:center;gap:10px}.range-pair>*{min-width:0;max-width:100%}.range-pair input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.toggle-row{display:flex!important;justify-content:flex-start!important;gap:9px!important;color:var(--silver)!important}.modal-button{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px;background:#1b1d1f;color:var(--silver)}.modal-button[aria-pressed=true]{background:var(--silver);color:#111}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:0}.segmented button{min-height:42px;border:1px solid var(--line);border-radius:0;background:#1b1d1f;color:var(--ash)}.segmented button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segmented button:last-child{border-left:0;border-radius:0 var(--radius) var(--radius) 0}.segmented button.active{background:var(--silver);color:#111}.control-value{display:none}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--silver);font-size:.82rem}.switch{position:relative;display:inline-block;width:50px;height:29px;flex:0 0 auto}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:absolute;inset:0;border:1px solid var(--line-hot);border-radius:999px;background:#292c2f;transition:.2s ease}.switch-track:after{content:"";position:absolute;width:23px;height:23px;left:2px;top:2px;border-radius:50%;background:var(--silver);box-shadow:0 2px 7px #000;transition:.2s ease}.switch input:checked+.switch-track{background:#777b77}.switch input:checked+.switch-track:after{transform:translate(21px);background:#fff}.settings-lock{margin:3px 0 0;color:var(--ash);font-size:.74rem;text-align:center}.connection :disabled{opacity:.38}details.info{margin-top:18px;border-top:1px solid var(--line);padding-top:13px;color:var(--ash);font-size:.76rem;line-height:1.55}details.info summary{cursor:pointer;color:var(--silver);letter-spacing:.1em;text-transform:uppercase}.status-line{display:grid;gap:7px;margin-top:12px;padding:12px;border:1px solid var(--line);color:var(--ash)}.status-line strong{color:var(--silver)}.connection{display:grid;gap:12px}.connect-button{border:1px solid var(--silver);background:var(--silver);color:#111;padding:12px;border-radius:var(--radius);font-weight:700}.bridge-toggle{display:flex;align-items:center;gap:8px;color:var(--ash);font-size:.76rem}.danger-button{color:var(--danger)}@media(max-width:760px){.app{width:100%;padding:0 0 calc(68px + env(safe-area-inset-bottom))}.masthead{min-height:54px;padding:0 10px}.halo-mark{width:26px;height:26px}.identity strong{font-size:.84rem}.header-settings,.header-language,.panic-mini{padding:7px 9px;font-size:.58rem}.tabs{left:0;bottom:0;transform:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%;min-height:calc(62px + env(safe-area-inset-bottom));padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:15px 15px 0 0}.tab{flex-direction:column;gap:3px;min-width:0;min-height:48px;padding:0 3px;font-size:.5rem;line-height:1.1;letter-spacing:.025em;white-space:normal}.tab:before{font-size:1rem}.instrument{min-height:calc(100svh - 134px);border-left:0;border-right:0}.keys-stage{height:calc(100svh - 134px);min-height:390px}.keyboard.vertical .piano-key.white{width:100%;height:calc(100% / 7);border-radius:0}.keyboard.vertical .piano-key.black{left:auto!important;right:0;width:66%;height:calc(100% / 11.5);border-radius:4px 0 0 4px}.keyboard.vertical .piano-key.white span,.keyboard.vertical .piano-key.black span{left:12px;right:auto;bottom:50%;transform:translateY(50%)}.chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord{min-height:88px}.chords-stage,.tone-stage{height:calc(100svh - 134px);min-height:390px;overflow-x:hidden;overflow-y:auto}.chords-stage{padding:59px 10px 78px}.theremin-stage,.theremin-pad{min-height:360px;height:calc(100svh - 134px)}.mp3-stage{min-height:calc(100svh - 134px);padding:62px 14px 20px}.upload-box{min-height:160px;border-radius:13px}.tone-stage{grid-template-columns:1fr;gap:20px;padding:22px 14px 78px}.bolt{font-size:6.2rem}.tone-readout{margin-top:8px}.tone-controls{padding:14px}.instrument-tools{top:8px;right:8px}.settings-button{min-height:36px;padding:7px 11px}dialog{overflow:hidden}.modal-body{padding:4px 14px 18px}.range-pair{grid-template-columns:minmax(0,1fr) 76px;gap:8px}.identity small{display:none}}