.compact-portal{background:var(--light-canvas,#0c0d12);min-height:100vh;color:var(--light-text,#f5f4fb)}.compact-portal .portal-footer,.compact-portal .portal-header{max-width:1180px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.compact-portal .portal-header{border-bottom:1px solid var(--light-line,#ffffff17)}.compact-portal .portal-brand{font-weight:750;text-decoration:none;color:var(--light-green,#d0ff71)}.compact-portal .portal-footer{border-top:1px solid var(--light-line,#ffffff17);color:var(--light-muted,#b6b2c3);font-size:12px;flex-wrap:wrap}.compact-portal .my-studio{max-width:1180px;padding:26px 24px 40px}.compact-portal .my-studio h1{font-size:32px;letter-spacing:-.035em}.compact-portal .my-studio h2{font-size:23px;line-height:1.2}.compact-portal .my-studio h3{font-size:17px}.compact-portal .studio-welcome{margin-bottom:20px}.compact-portal .studio-welcome h1{margin:8px 0}.compact-portal .studio-member-shortcuts{display:grid;gap:12px;flex:0 0 220px}.compact-portal .studio-glow-shortcut{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:13px 16px;border:1px solid var(--light-line,#c895ff);border-radius:11px;background:linear-gradient(115deg,#7131bb,#a44ce8);box-shadow:0 0 22px #a34fff50,inset 0 1px #ffffff25;color:var(--light-text,#fff);font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s ease,filter .18s ease}.compact-portal .studio-glow-shortcut svg{flex-shrink:0}.compact-portal .studio-notebook-shortcut{background:linear-gradient(115deg,#174bc1,#2589e8);border-color:var(--light-line,#69baff);box-shadow:0 0 22px #2579ff45,inset 0 1px #ffffff25}.compact-portal .studio-glow-shortcut:hover{transform:translateY(-2px);filter:brightness(1.12)}.compact-portal .studio-tabs{overflow:visible;flex-wrap:wrap;gap:4px;margin-bottom:22px;padding-bottom:8px}.compact-portal .studio-tabs a{white-space:normal;padding:10px 11px;min-height:44px;font-size:12px;border-radius:8px}.compact-portal .studio-tabs a[aria-current]{background:var(--light-wash,#d0ff7112)}.compact-portal .portal-ready-count{font-size:10px;color:var(--light-text,#d6c8ff)}.compact-portal .studio-credit-pass,.compact-portal .studio-panel{padding:20px;border-radius:16px;background:var(--light-surface,#17181f)}.compact-portal .studio-panel-heading{margin-bottom:12px}.compact-portal .studio-overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:stretch}.compact-portal .studio-overview-grid>*{min-width:0}.compact-portal .studio-next{background:radial-gradient(ellipse at 100% 0,#43bbff55,transparent 70%),linear-gradient(145deg,#176ba2,#194771 55%,var(--light-surface,#172f57));display:flex;flex-direction:column;justify-content:center;gap:12px}.compact-portal .studio-next h2{margin-bottom:0}.compact-portal .studio-next>.studio-secondary{margin-top:0;align-self:flex-start}.compact-portal .studio-next .studio-lesson{flex-wrap:wrap}.compact-portal .studio-bottom-grid{gap:16px;margin-top:16px}.compact-portal .portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-portal .portal-metrics.has-feedback{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-portal .portal-metrics .studio-wallet{background:radial-gradient(ellipse at 100% 0,#2ddda43a,transparent 75%),linear-gradient(125deg,#146e67,var(--light-surface,#154c50) 65%,var(--light-surface,#183947))}.compact-portal .portal-achievements{background:radial-gradient(ellipse at 100% 0,#ffbd4933,transparent 75%),linear-gradient(125deg,#965128,var(--light-surface,#683849) 70%,var(--light-surface,#402a49))}.compact-portal .portal-feedback{background:radial-gradient(ellipse at 100% 0,var(--light-wash,#ff7cdd33),transparent 75%),linear-gradient(125deg,#8a357c,#592c75 70%,var(--light-surface,#342653));display:flex;flex-direction:column;gap:12px}.compact-portal .portal-metrics .studio-panel,.compact-portal .studio-overview-grid .studio-panel{border:1px solid var(--light-line,#ffffff29);box-shadow:inset 0 1px #ffffff13}.compact-portal .portal-metrics .studio-panel :is(p,small,.studio-kicker),.compact-portal .studio-overview-grid .studio-panel :is(p,small,.studio-kicker){color:var(--light-text,#eee7f7)}.compact-portal .studio-balance{font-size:36px;margin:10px 0}.compact-portal .studio-achievement{margin:14px 0;gap:12px}.compact-portal .studio-achievement svg{width:24px;flex-shrink:0}.compact-portal .studio-achievement h2{font-size:21px}.compact-portal .studio-wallet-row{padding:8px 0}.compact-portal .studio-text-link{margin-top:12px;min-height:36px}.compact-portal .studio-lesson{padding:14px 0;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--light-line,#ffffff12)}.compact-portal .studio-lesson>div{min-width:0}.compact-portal .studio-date-tile{height:58px;flex-basis:52px}.compact-portal .studio-date-tile strong{font-size:24px}.compact-portal .studio-section-heading{margin:18px 0;gap:14px}.compact-portal .studio-empty{padding:24px;margin:16px 0}.compact-portal .studio-history{margin-top:18px}.compact-portal summary{cursor:pointer;padding:12px 0;min-height:44px}.compact-portal .studio-pass-grid{gap:14px;margin-top:16px}.compact-portal .studio-credit-pass>strong{font-size:26px}.compact-portal .studio-credit-pass h3{margin:10px 0}.compact-portal .studio-membership{margin-bottom:14px;gap:16px}.compact-portal .studio-membership .studio-status{color:var(--light-text,#e1d6ff);background:var(--light-wash,#a68cff16);padding:4px 8px;border-radius:6px}.compact-portal .my-studio :is(input:not([type=checkbox]),select,textarea){min-height:44px;padding:10px 12px;max-width:100%}.compact-portal .my-studio :is(p,small,strong,a,code){overflow-wrap:anywhere}.compact-portal .my-studio form{gap:14px}.compact-portal .journey{margin:0;min-width:0}.compact-portal .journey-card{padding:20px;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#8559ef88,transparent 65%),linear-gradient(125deg,#244cb9,var(--light-surface,#242957) 85%);border:1px solid var(--light-line,#97a9ff66)}.compact-portal .journey-identity{margin:16px 0;gap:16px}.compact-portal .journey h2{margin:5px 0;font-size:25px}.compact-portal .journey p{color:var(--light-text,#e1e6fc)}.compact-portal .journey-total{font-size:17px}.compact-portal .journey-eyebrow,.compact-portal .journey-total span{color:var(--light-text,#d2dcff)}.studio-level-badge{width:74px;height:74px;flex-shrink:0;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#ddff81,#7af1c5);color:#15202b;font-size:38px;font-weight:850;box-shadow:0 0 28px #d0ff7140,inset 0 0 0 2px #ffffff66;transform:rotate(-4deg)}.compact-portal .journey-bottom{gap:16px;margin:16px 0 0;grid-template-columns:1fr}.compact-portal .journey-bottom h3{margin-bottom:8px}.compact-portal .journey-notes{display:inline-flex;vertical-align:middle}.compact-portal .journey-notes span{width:28px;height:28px;font-size:19px}.compact-portal .journey-notes .filled{background:#d0ff71}.compact-portal .journey-unlock{border-left:0;border-top:1px solid var(--light-line,#ffffff26);padding:12px 0 0}.compact-portal .journey-unlock p{margin-top:4px}.compact-portal .journey-track::-webkit-progress-value{background:linear-gradient(90deg,#d0ff71,#7af1c5)}.compact-portal .journey-track::-moz-progress-bar{background:linear-gradient(90deg,#d0ff71,#7af1c5)}.compact-portal .journey-top a{color:var(--light-green,#e0ffae)}.compact-portal .journey-panel{padding:20px 0}.compact-portal .journey-panel h2{font-size:21px}.compact-portal .journey-badges{margin-top:16px;gap:12px}.compact-portal .journey-badges article{padding:14px;text-align:left}.compact-portal .journey-badges .journey-badge-art{width:46px;height:46px;margin:0}.compact-portal .journey-badges p{min-height:0;color:var(--light-muted,#c4c7d4)}.compact-portal .journey-path li{padding:12px}.compact-portal .journey-next{margin-top:16px}.compact-portal .feedback-card{padding:20px;margin:16px 0;border-radius:16px;background:var(--light-surface,#17181f)}.compact-portal .feedback-ready{border-color:var(--light-line,#ae95ed77);border-top:2px solid var(--light-line,#ae95ed)}.compact-portal .feedback-ready .feedback-status{color:var(--light-text,#dfd2ff);background:var(--light-wash,#a48bff20)}.compact-portal .song-feedback-panel>header h2{font-size:24px}.compact-portal .feedback-watch{background:#d0ff71;color:#17200b;padding:12px 16px;border-radius:8px;display:inline-flex}.compact-portal .feedback-delivered{background:var(--light-wash,#aa8cff0d);padding:16px}.compact-portal :is(a,button,input,select,textarea,summary):focus-visible,.level-celebration :is(button,a):focus-visible{outline:3px solid var(--light-line,#d0ff71);outline-offset:4px}.level-celebration[data-slot=dialog-content]{max-width:440px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:32px 24px;gap:16px;border:1px solid var(--light-line,#a8b9ff66);border-radius:24px;background:radial-gradient(ellipse at top right,#7944bbaa,transparent 70%),linear-gradient(135deg,#234fb9,var(--light-surface,#20213f));color:var(--light-text,#fff);text-align:center}.level-celebration .studio-level-badge{margin:0 auto;width:88px;height:88px;font-size:46px}.level-celebration [data-slot=dialog-title]{font-size:24px;line-height:1.25}.level-celebration [data-slot=dialog-description]{color:var(--light-text,#e0e5fa);line-height:1.6}.celebration-kicker{color:var(--light-green,#dcff97);font-size:13px;font-weight:800;letter-spacing:.14em}.celebration-return{background:#d0ff71;color:#17200b;border-radius:9px;min-height:46px;font-weight:700;cursor:pointer}.celebration-unlocks{font-size:13px;color:var(--light-text,#e4ddff)}.celebration-unlocks ul{list-style:none;padding:0;margin:6px 0}.level-confetti{position:fixed;inset:0;z-index:51;pointer-events:none;overflow:hidden}.level-confetti i{position:absolute;width:7px;height:11px;opacity:0;animation:studio-confetti 1.8s var(--delay) cubic-bezier(.12,.65,.3,1) both}@keyframes studio-confetti{0%{opacity:1;transform:translate(0) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}@media (max-width:800px){.compact-portal .portal-metrics,.compact-portal .portal-metrics.has-feedback,.compact-portal .studio-overview-grid{grid-template-columns:1fr}.compact-portal .studio-tabs a{flex:1 1 auto}.compact-portal .studio-welcome{flex-direction:column;align-items:stretch}.compact-portal .studio-member-shortcuts{flex-basis:auto;width:min(100%,320px)}}@media (prefers-reduced-motion:reduce){.compact-portal .studio-glow-shortcut{transition:none}.compact-portal .studio-glow-shortcut:hover{transform:none}}@media (max-width:480px){.compact-portal .my-studio{padding:20px 16px 32px}.compact-portal .portal-footer,.compact-portal .portal-header{padding:16px}.compact-portal .portal-brand{max-width:120px}.compact-portal .studio-tabs a{font-size:11px;padding:10px 8px;gap:6px}.compact-portal .journey-card,.compact-portal .studio-panel{padding:16px}.compact-portal .studio-welcome h1{font-size:28px}.compact-portal .journey h2{font-size:23px}.compact-portal .journey-top{flex-wrap:wrap}.compact-portal .studio-level-badge{width:64px;height:64px;font-size:32px}}@media (prefers-reduced-motion:reduce){.compact-portal *,.level-celebration,.level-celebration *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.level-confetti{display:none}}.compact-portal .studio-history>.studio-pass-grid{display:block}.compact-portal .portal-credit-history{border-bottom:1px solid var(--light-line,#ffffff17)}.compact-portal .portal-credit-history summary span{display:block;margin-top:4px;font-size:12px;color:var(--light-muted,#b6b2c3)}.compact-portal .portal-credit-history .studio-credit-pass{margin-bottom:12px}.compact-portal .feedback-toolbar button{background:var(--light-wash,#ffffff0a);color:var(--light-text,#dedbea);border:1px solid var(--light-line,#ffffff25)}