:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{color:#f5f5f7;background:#060608;margin:0}@media (width<=860px){html,body,#root{height:auto;min-height:100%;overflow:visible}}:root{--studio-bg:#060608;--studio-panel:#0e0e12;--studio-border:#ffffff17;--studio-text:#f5f5f7;--studio-text-dim:#86868f;--studio-accent:#2dd4bf;--studio-accent-soft:#2dd4bf29;--studio-violet:#7c6bff;--studio-gold:#f2b544;--studio-gold-soft:#f2b5442e}.app{isolation:isolate;flex-direction:column;gap:.75rem;max-width:1180px;height:100svh;margin:0 auto;padding:.85rem 1.25rem;display:flex;position:relative;overflow:hidden}.app:before{content:"";z-index:-1;background-color:#060608;background-image:radial-gradient(800px 500px at 12% -10%,#7c6bff3d,#0000 60%),radial-gradient(700px 480px at 108% 8%,#f2b54429,#0000 60%),radial-gradient(900px 600px at 50% 115%,#2dd4bf1f,#0000 60%),linear-gradient(#060608ed,#060608d1 45%,#060608f2),url(/images/hero-bg.jpg),none;background-position:0 0,0 0,0 0,0 0,50%,0 0;background-repeat:repeat,repeat,repeat,repeat,no-repeat,repeat;background-size:auto,auto,auto,auto,cover;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;animation:24s ease-in-out infinite alternate ambient-drift;position:fixed;inset:0}@keyframes ambient-drift{0%{background-position:0 0,0 0,0 0,0 0,50% 45%}to{background-position:0 0,0 0,0 0,0 0,50% 55%}}.app__main{flex:1;min-height:0;display:flex}.app-header{flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header__brand{align-items:center;gap:.75rem;display:flex}.app-header__wordmark{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(100deg, var(--studio-gold), var(--studio-accent) 75%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.app-header .instruments-banner{opacity:.45;gap:.5rem}.app-header .instruments-banner__icon{width:14px}.app-header .instruments-banner__icon:nth-child(2){width:16px}.app-header .instruments-banner__icon:nth-child(3){width:20px}.app-header__nav{flex-wrap:wrap;justify-content:flex-end;gap:1.1rem;display:flex}.app-header__nav-btn{color:var(--studio-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .2rem;font-size:.78rem;font-weight:500;transition:color .15s,border-color .15s}.app-header__nav-btn:hover{color:var(--studio-accent);border-color:#2dd4bf80}.studio{flex:1;grid-template-columns:1.1fr 1fr;gap:1rem;min-height:0;display:grid}.studio__col{flex-direction:column;gap:.75rem;min-height:0;display:flex}.feed-frame{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:24px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -35px #2dd4bf4d,inset 0 0 0 1px #f2b5440d}.feed-frame__live-badge{z-index:2;color:#ffb3b3;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0606088c;border:1px solid #ff5a5a59;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .55rem;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:.9rem;left:.9rem}.feed-frame__live-dot{background:#ff5f57;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite live-pulse;box-shadow:0 0 8px 1px #ff5f57b3}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.feed-frame__stage{background:radial-gradient(1.4px 1.4px at 15% 20%,#fff,#0000),radial-gradient(1.2px 1.2px at 65% 12%,#fff,#0000),radial-gradient(1px 1px at 35% 30%,#fff,#0000),radial-gradient(1.2px 1.2px at 85% 38%,#fff,#0000),radial-gradient(1px 1px at 10% 62%,#fff,#0000),radial-gradient(1.2px 1.2px at 55% 8%,#fff,#0000),radial-gradient(1px 1px at 92% 70%,#fff,#0000),radial-gradient(1px 1px at 25% 82%,#fff,#0000),linear-gradient(#08091c,#101d45 55%,#17285f);flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem 1.5rem;display:flex;position:relative}.feed-frame__mandala{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.feed-frame__ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feed-frame__ring--outer{border:1px dashed #f2b5442e;width:380px;height:380px;animation:90s linear infinite mandala-spin}.feed-frame__ring--inner{border:1px solid #2dd4bf24;width:290px;height:290px;animation:70s linear infinite reverse mandala-spin}@keyframes mandala-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.feed-frame__stage .singer-avatar{aspect-ratio:140/160;width:auto;height:min(85%,260px);box-shadow:none;background:0 0;border:none;border-radius:0;position:relative}.feed-frame__status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#06060866;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .9rem;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.feed-frame__status-swara{color:var(--studio-gold);text-shadow:0 0 20px #f2b54499;font-size:2.1rem;font-weight:800;line-height:1}.feed-frame__status-meta{color:#f5f5f7bf;font-variant-numeric:tabular-nums;font-size:.7rem}.feed-frame__controls{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute;top:.9rem;right:.9rem}.feed-btn{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff2e;border-radius:999px;padding:.55rem 1rem;font-size:.8rem;font-weight:600;transition:transform .12s,opacity .15s,box-shadow .15s;box-shadow:0 6px 18px -8px #0009}.feed-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px -8px #000000b3}.feed-btn:disabled{opacity:.6;cursor:default}.feed-btn--start{color:#fff6e0;background:linear-gradient(135deg,#f2b54452,#2dd4bf47);border-color:#f2b54473}.feed-btn--stop{color:#ffd6d3;background:#ff5f5729;border-color:#ff5f5766}.feed-btn--upload{color:#e3dfff;background:#7c6bff29;border-color:#7c6bff66;padding:.45rem .8rem;font-size:.75rem}.upload-modal__backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020204b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.upload-modal{background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:16px;flex-direction:column;width:min(760px,100%);max-height:min(85vh,720px);display:flex;overflow:hidden;box-shadow:0 40px 100px -30px #0009}.upload-modal__header{border-bottom:1px solid var(--studio-border);flex:none;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.upload-modal__title{color:var(--studio-text);margin:0;font-size:.9rem;font-weight:700}.upload-modal__close{border:1px solid var(--studio-border);width:26px;height:26px;color:var(--studio-text-dim);cursor:pointer;background:#ffffff0a;border-radius:50%;font-size:.75rem}.upload-modal__close:hover{color:var(--studio-text)}.upload-modal__body{flex:1;min-height:0;padding:1.1rem;overflow-y:auto}.upload-modal__error{color:#ff7a7a;margin:0 0 .75rem;font-size:.85rem}.dropzone{border:1.5px dashed var(--studio-border);text-align:center;cursor:pointer;border-radius:14px;padding:2.5rem 1.5rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--active{background:var(--studio-accent-soft);border-color:#2dd4bf80}.dropzone__title{color:var(--studio-text);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.dropzone__hint{color:var(--studio-text-dim);margin:0;font-size:.78rem}.dropzone__progress{background:#ffffff14;border-radius:999px;width:100%;max-width:320px;height:6px;margin:.9rem auto 0;overflow:hidden}.dropzone__progress-fill{background:linear-gradient(90deg, var(--studio-violet), var(--studio-accent));height:100%;transition:width .15s}.transcript__summary{border-bottom:1px solid var(--studio-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;padding-bottom:.75rem;display:flex}.transcript__filename{color:var(--studio-text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;overflow:hidden}.transcript__duration{color:var(--studio-text-dim);font-variant-numeric:tabular-nums;font-size:.85rem}.transcript__actions{gap:.5rem;margin-left:auto;display:flex}.transcript__actions .sa-calibration__tap{flex:none}.transcript__table-wrap{border:1px solid var(--studio-border);border-radius:10px;margin:.9rem 0;overflow-x:auto}.transcript__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.78rem}.transcript__table th,.transcript__table td{text-align:left;border-bottom:1px solid var(--studio-border);white-space:nowrap;padding:.4rem .6rem}.transcript__table th{color:var(--studio-text-dim);text-transform:uppercase;letter-spacing:.04em;background:#ffffff05;font-size:.65rem;font-weight:600}.transcript__table tbody tr:last-child td{border-bottom:none}.transcript__swara{color:var(--studio-accent);font-weight:700}.key-strip{border-top:1px solid var(--studio-border);background:#ffffff08;flex:none;justify-content:center;gap:.4rem;padding:.6rem;display:flex}.key-strip__key{width:30px;height:30px;color:var(--studio-text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.key-strip__key--active{color:var(--studio-gold);background:var(--studio-gold-soft);border-color:#f2b5448c;transform:translateY(-2px);box-shadow:0 0 14px #f2b54466}.studio__error{color:#ff7a7a;flex:none;margin:0;font-size:.8rem}.studio__meter{background:#ffffff0f;border-radius:999px;flex:none;width:100%;height:5px;overflow:hidden}.studio__meter-fill{background:linear-gradient(90deg, var(--studio-violet), var(--studio-accent));height:100%;transition:width 50ms linear}.panel{background:linear-gradient(165deg, #ffffff09, transparent 40%), var(--studio-panel);border:1px solid var(--studio-border);text-align:left;border-radius:16px;flex-direction:column;flex:1 1 0;min-height:0;padding:.9rem 1.1rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, var(--studio-gold), var(--studio-accent));opacity:.55;height:1px;position:absolute;top:0;left:1.1rem;right:1.1rem}.panel:hover{border-color:#ffffff29}.panel-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--studio-text-dim);flex:none;margin:0 0 .5rem;font-size:.68rem}.panel__body{flex:1;min-height:0;overflow-y:auto}.pitch-panel__idle{color:var(--studio-text-dim);margin:0;font-size:.85rem}.sequence-panel__chips{color:var(--studio-gold);text-shadow:0 0 12px #f2b54459;flex-wrap:wrap;font-size:.95rem;font-weight:700;line-height:1.9;display:flex}.sequence-panel__arrow{color:var(--studio-text-dim);text-shadow:none;font-weight:400}.raga-panel__winner{color:var(--studio-gold);text-shadow:0 0 16px #f2b5444d;margin:0;font-size:1.35rem;font-weight:700}.raga-panel__winner-score{color:var(--studio-text-dim);margin:.25rem 0 0;font-size:.85rem}.raga-panel__list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.raga-panel__row{grid-template-columns:8.5rem 1fr 2.6rem;align-items:start;gap:.5rem;padding-top:.15rem;display:grid}.raga-panel__row .raga-panel__bar,.raga-panel__row .raga-panel__score{margin-top:.2rem}.raga-panel__name{color:var(--studio-text);flex-wrap:wrap;align-items:center;gap:.3rem .4rem;font-size:.85rem;line-height:1.3;display:flex}.raga-panel__family-badge{letter-spacing:.02em;color:var(--studio-violet);cursor:help;white-space:nowrap;background:#7c6bff29;border:1px solid #7c6bff66;border-radius:999px;flex:none;padding:.05rem .35rem;font-size:.6rem;font-weight:700}.raga-panel__bar{background:#ffffff0f;border-radius:999px;height:6px;display:block;overflow:hidden}.raga-panel__bar-fill{background:linear-gradient(90deg, var(--studio-violet), var(--studio-accent));height:100%;display:block}.raga-panel__score{text-align:right;font-variant-numeric:tabular-nums;color:var(--studio-text-dim);font-size:.8rem}.sa-calibration__auto{border-bottom:1px solid var(--studio-border);margin-bottom:.6rem;padding-bottom:.6rem}.sa-calibration__auto-toggle{cursor:pointer;align-items:center;gap:.5rem;font-weight:600;display:flex}.sa-calibration__auto-status{color:var(--studio-text-dim);margin:.3rem 0 0;font-size:.78rem}.sa-calibration__row{gap:.5rem;margin-bottom:.5rem;display:flex}.sa-calibration__select{border:1px solid var(--studio-border);color:var(--studio-text);background:#ffffff0a;border-radius:8px;padding:.5rem .6rem;font-weight:600}.sa-calibration__select--octave{width:4rem}.sa-calibration__tap{border:1px solid var(--studio-border);color:var(--studio-text);cursor:pointer;background:#ffffff0a;border-radius:8px;flex:1;padding:.5rem .9rem}.sa-calibration__tap:disabled{opacity:.5;cursor:default}.sa-calibration__input{border:1px solid var(--studio-border);width:6.5rem;color:var(--studio-text);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:8px;padding:.5rem .6rem}.sa-calibration__unit{color:var(--studio-text-dim);align-self:center;font-size:.85rem}.sa-calibration__hint{color:var(--studio-text-dim);margin:.2rem 0 .6rem;font-size:.72rem}.mic-control__stats{border-top:1px solid var(--studio-border);grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin:0;padding-top:.6rem;display:grid}.mic-control__stats dt{text-transform:uppercase;letter-spacing:.05em;color:var(--studio-text-dim);font-size:.68rem}.mic-control__stats dd{font-variant-numeric:tabular-nums;color:var(--studio-text);margin:0;font-size:.9rem}.singer-avatar{border:2px solid var(--studio-border);background:radial-gradient(1.4px 1.4px at 18% 18%,#fff,#0000),radial-gradient(1.2px 1.2px at 68% 14%,#fff,#0000),radial-gradient(1px 1px at 38% 32%,#fff,#0000),radial-gradient(1.2px 1.2px at 85% 42%,#fff,#0000),radial-gradient(1px 1px at 12% 58%,#fff,#0000),radial-gradient(1.2px 1.2px at 55% 8%,#fff,#0000),radial-gradient(1px 1px at 90% 22%,#fff,#0000),linear-gradient(#0a0e2a,#101d45 55%,#17285f);border-radius:22px;justify-content:center;align-items:flex-end;width:112px;height:130px;transition:transform .12s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.singer-avatar--active{border-color:var(--studio-accent);transform:scale(calc(1 + var(--singer-pulse,0) * .05));box-shadow:0 0 calc(8px + var(--singer-pulse,0) * 24px) rgba(45, 212, 191, calc(.25 + var(--singer-pulse,0) * .35))}.singer-avatar__svg{width:100%;height:100%}.singer-avatar__mouth{transform-box:fill-box;transform-origin:50%;transform:scaleY(calc(1 + var(--singer-pulse,0) * 1.1));transition:transform 80ms ease-out}.singer-avatar--active .singer-avatar__arm{transform-box:fill-box;transform-origin:100% 100%;animation:1.6s ease-in-out infinite singer-wave}.singer-avatar__note{opacity:0;transform-box:fill-box;transform-origin:50%}.singer-avatar--active .singer-avatar__note{animation:2.4s ease-in-out infinite singer-note-float}.singer-avatar--active .singer-avatar__note--a{animation-delay:0s}.singer-avatar--active .singer-avatar__note--b{animation-delay:.7s}.singer-avatar--active .singer-avatar__note--c{animation-delay:1.4s}@keyframes singer-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes singer-note-float{0%{opacity:0;transform:translateY(6px)rotate(-4deg)}20%{opacity:.9}80%{opacity:.9}to{opacity:0;transform:translateY(-16px)rotate(6deg)}}.instruments-banner{justify-content:center;align-items:flex-end;gap:1.5rem;display:flex}.instruments-banner__icon{width:28px;height:auto;color:var(--studio-violet)}.instruments-banner__icon:nth-child(2){color:var(--studio-accent);width:32px}.instruments-banner__icon:nth-child(3){color:var(--studio-violet);width:40px}@media (width<=860px){.app{height:auto;min-height:100svh;padding:.75rem 1rem 1.5rem;overflow:visible}.app__main{display:block}.app-header{flex-direction:column;align-items:flex-start;gap:.6rem}.app-header__nav{justify-content:flex-start;width:100%}.studio{flex-direction:column;gap:1.25rem;display:flex}.studio__col{min-height:0}.feed-frame{flex:none;min-height:420px}.feed-frame__stage{padding:1rem}.feed-frame__status{max-width:calc(100% - 2rem);padding:.35rem .7rem;top:60%}.feed-frame__status-swara{font-size:1.6rem}.feed-frame__controls{top:.6rem;right:.6rem}.key-strip{gap:.3rem;padding:.5rem}.key-strip__key{width:26px;height:26px;font-size:.75rem}.panel{flex:none;max-height:340px}.raga-panel__row{grid-template-columns:minmax(0,1fr) minmax(3.5rem,1fr) 2.2rem}.sa-calibration__row{flex-wrap:wrap}.sa-calibration__select,.sa-calibration__input{flex:auto;min-width:4.5rem}.sa-calibration__tap{flex:100%}.transcript__filename{max-width:140px}.upload-modal__backdrop{padding:.75rem}}