@media screen{
 body.workspace-mode{position:relative;min-height:100dvh;background:#070c13!important}
 body.account-mode{position:relative;background:#070c13!important}
 #studio-ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict;background:radial-gradient(ellipse at 60% 45%,#13203233,transparent 65%)}
 #studio-ambient .ambient{position:absolute;display:block;border-radius:50%;filter:blur(1px);will-change:transform;animation:ambient-drift 16s ease-in-out infinite alternate}
 .ambient.amber{width:260px;height:260px;right:-18px;top:-95px;background:radial-gradient(circle at 32% 23%,#ffd47c,#bf862c 62%,#93651d);box-shadow:0 0 110px #dca34022;opacity:.85}
 .ambient.teal{width:350px;height:350px;right:-140px;bottom:-65px;background:radial-gradient(circle at 28% 26%,#b8fff4,#47d2cf 45%,#178f99 77%);box-shadow:0 0 90px #58eee72b;opacity:.88;animation-delay:-6s!important}
 .ambient.green{width:120px;height:120px;left:51%;bottom:110px;background:radial-gradient(circle at 28% 26%,#95ffcf,#1bc184 58%,#09694b);box-shadow:0 0 80px #24d39233;opacity:.85;animation-delay:-10s!important}
 .ambient.silver{width:70px;height:70px;left:62%;bottom:235px;background:radial-gradient(circle at 25% 20%,#e9f7ff,#8a9eb0 55%,#293b50);opacity:.8;animation-duration:21s!important}
 .ambient.blue{width:260px;height:400px;border-radius:50% 50% 35% 45%!important;left:-140px;bottom:-80px;background:linear-gradient(150deg,#2b8eff,#123fa9);opacity:.75;animation-delay:-3s!important}
 @keyframes ambient-drift{from{transform:translate3d(-10px,8px,0) rotate(-6deg)}to{transform:translate3d(18px,-20px,0) rotate(9deg)}}
 .workspace-mode .layout,.account-mode>main,.workspace-mode>main{position:relative;z-index:1}
 .workspace-mode .sidebar{width:208px!important;padding:12px 9px!important;background:linear-gradient(165deg,#111b2be8,#091322e0 60%,#0d2949d9)!important;backdrop-filter:blur(22px);border-radius:0 0 24px 0}.workspace-mode .sidebar .brand{padding:10px 7px!important;border-radius:11px!important;margin-bottom:10px!important}.workspace-mode .sidebar .brand b{font-size:15px!important}.workspace-mode .sidebar .brand small{font-size:10px!important}.workspace-mode .brandmark{padding:7px}.workspace-mode .group-toggle{font-size:12px!important;min-height:39px;padding:7px 8px!important}.workspace-mode .group-toggle>span:first-child{font-size:15px!important;min-width:25px;height:25px}.workspace-mode .nav,.workspace-mode .nav-items .nav{font-size:12px!important;min-height:35px!important;padding:7px 8px!important}.workspace-mode .nav>span:first-child{font-size:17px!important}.workspace-mode .navgroup{margin:3px 0}.workspace-mode .nav-items{margin-left:18px;padding-left:6px}.workspace-mode .content{padding:22px!important}
 .reference-dashboard{position:relative;max-width:1600px;margin:0 auto;isolation:isolate}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}.studio-kicker{margin:0 0 4px;color:#91a6bf;font-size:12px}.studio-header h1{font-size:21px!important;margin:0 0 5px!important;font-weight:600}.studio-date{font-size:11px;color:#8c9db4}.studio-date i,.studio-week h2 i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5be8a9;box-shadow:0 0 8px #4deda89c;margin-right:6px}.studio-header .btn{font-size:12px!important;padding:8px 12px;min-height:36px}
 .studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start}.studio-side{display:grid;gap:14px}.studio-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;grid-column:1/-1}
 .workspace-mode .studio-grid .card{padding:16px!important;border-radius:13px!important;background:linear-gradient(145deg,#1a2228c9,#0c131bd4)!important;border:1px solid #79868d33!important;box-shadow:0 12px 25px #0003,inset 0 1px #ffffff12!important;backdrop-filter:blur(16px);min-width:0;overflow:hidden}
 .studio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #58646d33;gap:14px}.studio-metrics>div{min-width:0}.studio-metrics small{display:block;font-size:11px;color:#8fa5b9!important}.studio-metrics strong{display:block;font-size:25px!important;line-height:1.4;margin:3px 0;color:#f1f5fb!important;overflow-wrap:anywhere}.studio-metrics span{font-size:10px;color:#82b5a3}.studio-chart-inner .chart-heading{gap:12px;align-items:center;margin-bottom:18px}.studio-chart-inner h2{font-size:16px!important;font-weight:500}.studio-chart-inner .chart-heading p{font-size:11px}.studio-chart-inner svg{display:block;width:100%;height:260px;overflow:visible}.studio-ranges{display:flex;gap:3px;padding:3px;background:#ffffff09;border-radius:20px;flex:none}.workspace-mode .studio-ranges button{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:20px!important;color:#95a6b9!important;font:inherit;font-size:10px!important;padding:6px 8px;min-height:30px;cursor:pointer}.workspace-mode .studio-ranges button.active{background:#2c92f4!important;color:#fff!important;box-shadow:0 0 14px #2c92f430!important}.studio-chart-inner .chart-caption{font-size:10px}.studio-area{opacity:.85}.studio-line{filter:drop-shadow(0 0 5px #2b91df55)}
 .studio-card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.studio-card-heading h2,.studio-week h2{font-size:14px!important;line-height:1.5;margin:0;font-weight:500}.workspace-mode .studio-edit,.workspace-mode .studio-link{font:inherit;background:transparent!important;border:0!important;box-shadow:none!important;color:#8ebeff!important;cursor:pointer;font-size:11px!important;padding:4px;min-height:28px;border-radius:6px!important}.studio-goal>p{color:#93a7bd;font-size:11px;margin:0 0 14px}.studio-goal-body{display:grid;grid-template-columns:85px minmax(0,1fr);gap:13px;align-items:center}.studio-ring{position:relative;width:85px;height:85px;border-radius:50%;background:conic-gradient(#419ff3 var(--goal),#323e4c 0);padding:6px;box-shadow:0 0 20px #0003}.studio-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#111b25}.studio-ring span{position:relative;width:100%;height:100%;display:grid;place-items:center;color:#e4f1ff;font-size:20px}.studio-goal-body small{display:block;font-size:10px;margin-top:6px}.studio-goal-body b{font-size:12px;display:block;overflow-wrap:anywhere}
 .studio-week>small{font-size:11px}.studio-week>strong{font-size:27px;display:block;margin:7px 0}.studio-bars{display:flex;align-items:end;gap:6px;height:45px;margin:15px 0}.studio-bars>span{height:max(3px,var(--bar));flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#3da9ff,#154c80);box-shadow:0 0 8px #2a98e92b;transform-origin:bottom}.studio-week .row,.studio-collection .row{font-size:11px;gap:8px;margin:8px 0!important}.studio-list-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #71809226;min-width:0}.studio-list-row>div{flex:1;min-width:0}.studio-list-row b{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-list-row small{display:block;font-size:10px;margin-top:3px}.studio-list-row strong{font-size:11px;white-space:nowrap}.studio-avatar,.studio-stock-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;background:#d6d5aa;color:#28382c;border:1px solid #ffffff33;border-radius:50%;font-size:12px}.studio-stock-icon{border-radius:8px;background:#263a38;color:#74c2a6;font-size:20px}.studio-ratio{display:flex;width:100%;height:9px;overflow:hidden;border-radius:4px;background:#d2a345;margin:18px 0}.studio-ratio>span{background:#45bdb8;border-radius:4px;transform-origin:left}.studio-collection>small{font-size:10px;line-height:1.5;display:block;margin-top:12px}.studio-dot{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:5px}.studio-dot.teal{background:#45bdb8}.studio-dot.amber{background:#d2a345}.studio-empty{font-size:12px;color:#8a9daf;padding:16px 0;margin:0}.studio-empty-chart{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a7c0;background:repeating-linear-gradient(0deg,transparent 0,transparent 63px,#ffffff05 64px)}.studio-empty-chart small{font-size:11px;margin-top:8px}
 .motion-surface{--surface-x:50%;--surface-y:50%;--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))!important;transition:transform .25s ease,border-color .25s ease!important;transform-style:preserve-3d}
 .motion-surface:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(280px circle at var(--surface-x) var(--surface-y),#b1e6ff1a,transparent 75%);transition:opacity .25s;z-index:2}.motion-surface.surface-hover:after{opacity:1}.workspace-mode .motion-surface.surface-hover,.account-mode .motion-surface.surface-hover{border-color:#9ab9c966!important;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))!important}
 .workspace-mode .modalbg,.workspace-mode #modalroot,.workspace-mode #toastroot{z-index:60}.workspace-mode .sidebar{z-index:20}.workspace-mode .sidecover{z-index:19}
 @media(min-width:1500px){.studio-chart-inner svg,.studio-empty-chart{height:300px}.studio-grid{grid-template-columns:minmax(0,1fr) 280px}}
 @media(max-width:1040px) and (min-width:761px){.workspace-mode .sidebar{width:178px!important}.studio-grid{grid-template-columns:minmax(0,1fr) 205px}.studio-metrics strong{font-size:20px!important}.studio-chart-inner .chart-heading{flex-wrap:wrap}.studio-goal-body{grid-template-columns:65px minmax(0,1fr);gap:8px}.studio-ring{width:65px;height:65px}.studio-ring span{font-size:16px}.studio-bottom{gap:10px}.studio-list-row{flex-wrap:wrap}.studio-list-row strong{margin-left:auto}}
 @media(max-width:760px){.workspace-mode .sidebar{width:min(85vw,280px)!important}.workspace-mode .content{padding:14px!important}.studio-header{align-items:flex-start}.studio-header h1{font-size:19px!important}.studio-header .btn{font-size:11px!important}.studio-grid{grid-template-columns:1fr}.studio-side{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-bottom{grid-template-columns:1fr}.studio-chart-inner svg,.studio-empty-chart{height:210px}.studio-metrics{gap:10px}.studio-metrics strong{font-size:18px!important}.studio-metrics small{font-size:10px}.studio-metrics span{font-size:9px}.studio-goal-body{grid-template-columns:1fr}.studio-ring{width:70px;height:70px}.studio-goal-body>div:last-child{display:none}.studio-side .studio-week>strong{font-size:21px}.ambient.amber{width:180px;height:180px;right:-70px;top:-70px}.ambient.teal{width:260px;height:260px;right:-140px}.ambient.green{left:30%;width:85px;height:85px}.ambient.silver{width:40px;height:40px}.studio-chart-inner .chart-heading{flex-wrap:wrap}}
 @media(prefers-reduced-motion:reduce){#studio-ambient .ambient{animation:none!important;will-change:auto}.motion-surface,.motion-surface.surface-hover{transform:none!important;transition:none!important}.motion-surface:after{transition:none!important}}
}
@media print{#studio-ambient{display:none!important}.motion-surface{transform:none!important;translate:none!important;scale:none!important;filter:none!important}.motion-surface:after{display:none!important}}
@media screen{.workspace-mode .nav-items:not([hidden]){animation:submenu-appear .23s cubic-bezier(.2,.75,.25,1)}.workspace-mode .nav.active{animation:active-menu-appear .28s ease-out}@keyframes submenu-appear{from{opacity:0;translate:-5px 0}to{opacity:1;translate:0 0}}@keyframes active-menu-appear{from{box-shadow:0 0 0 #258cff00;filter:brightness(.8)}to{box-shadow:0 4px 18px #0c74e044;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.workspace-mode .nav-items,.workspace-mode .nav.active{animation:none!important}}}
@media screen{.studio-bottom>.motion-surface{cursor:grab}.studio-bottom>.surface-drag-source{opacity:.3;cursor:grabbing}.workspace-mode .studio-drag-ghost{position:fixed!important;z-index:1000!important;margin:0!important;padding:16px!important;border-radius:13px!important;pointer-events:none!important;overflow:hidden;opacity:.92;background:linear-gradient(145deg,#24313aee,#0d1723ee)!important;border:1px solid #a1d1e766!important;box-shadow:0 24px 70px #0008!important;transform:none!important;translate:var(--drag-x,0px) var(--drag-y,0px);scale:1.03;rotate:-2deg;backdrop-filter:blur(16px)}@media(hover:none),(pointer:coarse){.studio-bottom>.motion-surface{cursor:auto}}}
@media screen{.workspace-mode .studio-bottom>.studio-drop-target{border-color:#65c8ff!important;box-shadow:0 0 0 2px #3d97d450,0 0 22px #2b91d32e!important}.studio-bottom>[data-layout-key]:focus-visible{outline:2px solid #76c6fb;outline-offset:4px}}
