.studio-body{flex-direction:column;min-height:100dvh;display:flex}.studio-shell{width:100%;max-width:46rem;padding-inline:var(--s-5);padding-block:var(--s-6) var(--s-8);flex:1;margin-inline:auto}.studio-top{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.studio-back{font-size:var(--t-small);color:var(--ink-muted);text-decoration:none}.studio-back:hover{color:var(--accent)}.studio-title{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--ink);margin:0}.studio-subtitle{font-size:var(--t-small);color:var(--ink-muted);margin:var(--s-2) 0 0;max-width:var(--measure)}.studio-progress{height:var(--s-1);border-radius:var(--r-full);background:var(--paper-sunken);position:relative;overflow:hidden}.studio-progress__fill{background-image:var(--spectrum);clip-path:inset(0 calc(100% - var(--fill)) 0 0);transition:clip-path var(--dur-base) var(--ease);position:absolute;inset:0}.studio-progress__count{font-size:var(--t-caption);color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.studio-cards{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.studio-card{background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);color:inherit;transition:border-color var(--dur-fast) var(--ease);text-decoration:none;display:block}@media (hover:hover){.studio-card:hover{border-color:var(--accent-soft)}}.studio-card:active{border-color:var(--accent-soft)}.studio-card__name{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h3);color:var(--ink)}.studio-card__note{font-size:var(--t-small);color:var(--ink-muted);margin:var(--s-1) 0 var(--s-4)}.studio-card__foot{align-items:center;gap:var(--s-3);display:flex}.studio-card__foot .studio-progress{flex:1}.studio-overall{margin-top:var(--s-5)}.studio-stage{margin-top:var(--s-6)}.studio-stage__head{align-items:center;gap:var(--s-3);padding-bottom:var(--s-2);border-bottom:var(--hairline) solid var(--rule);display:flex}.studio-stage__title{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h3);color:var(--ink);flex:1;min-width:0;margin:0}.studio-stage .studio-progress{margin-top:var(--s-3)}.studio-items{margin:0;padding:0;list-style:none}.studio-item{align-items:flex-start;gap:var(--s-3);padding-block:var(--s-2);border-bottom:var(--hairline) solid var(--rule-soft);display:flex}.studio-item:last-child{border-bottom:0}.studio-item__text{min-width:0;font-size:var(--t-small);line-height:var(--lh-snug);color:var(--ink-soft);flex:1}.studio-item[data-status=done] .studio-item__text{color:var(--ink-faint)}.studio-item__note{font-size:var(--t-caption);color:var(--ink-muted);margin-top:var(--s-1);display:block}.studio-status{width:var(--tap-min);height:var(--tap-min);cursor:pointer;border-radius:var(--r-full);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.studio-status:before{content:"";width:var(--s-4);height:var(--s-4);border-radius:var(--r-full);border:1.6px solid var(--ink-ghost);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}.studio-status[data-status=doing]:before{border-color:var(--accent-label);background:linear-gradient(to right, var(--accent-label) 0 50%, transparent 50% 100%)}.studio-status[data-status=done]:before{border-color:var(--accent-label);background:var(--accent-label)}.studio-item__body{flex:1;min-width:0}.studio-item__summary{min-height:var(--tap-min);cursor:pointer;border-radius:var(--r-sm);-webkit-tap-highlight-color:transparent;align-items:center;list-style:none;display:flex}.studio-item__summary::-webkit-details-marker{display:none}.studio-item__summary:after{content:"";width:var(--s-2);height:var(--s-2);margin-left:var(--s-3);border-right:1.4px solid var(--ink-ghost);border-bottom:1.4px solid var(--ink-ghost);transition:border-color var(--dur-fast) var(--ease);flex:none;transform:rotate(45deg)}.studio-item__body[open]>.studio-item__summary:after{transform:rotate(-135deg)}.studio-item__summary:hover:after{border-color:var(--accent)}.studio-panel{margin-top:var(--s-5)}.studio-panel>summary{min-height:var(--s-6);font-size:var(--t-caption);color:var(--ink-ghost);cursor:pointer;border-radius:var(--r-sm);align-items:center;list-style:none;display:inline-flex}.studio-panel>summary::-webkit-details-marker{display:none}.studio-panel>summary:hover{color:var(--accent)}.studio-panel[open]>summary{color:var(--ink-muted)}.studio-item__panel,.studio-stage__panel{gap:var(--s-3);padding:var(--s-3) 0 var(--s-4);display:grid}.studio-row,.studio-form{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.studio-input{min-width:12rem;min-height:var(--tap-min);font-family:var(--font-ui);font-size:var(--t-small);color:var(--ink);background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--r-lg);padding:var(--s-2) var(--s-4);flex:1}.studio-input::placeholder{color:var(--ink-ghost)}.studio-input:focus-visible{border-color:var(--accent-soft)}.studio-mini{font-family:var(--font-ui);font-size:var(--t-caption);color:var(--ink-muted);border:var(--hairline) solid var(--rule);border-radius:var(--r-full);padding:var(--s-1) var(--s-3);min-height:var(--s-6);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0}.studio-mini:hover{color:var(--accent);border-color:var(--accent-soft)}.studio-mini--danger:hover{color:var(--accent-deep);border-color:var(--accent-deep)}.studio-add{margin-top:var(--s-4)}.studio-empty{font-size:var(--t-small);color:var(--ink-muted);padding-block:var(--s-4)}.studio-error{font-size:var(--t-small);color:var(--accent-deep);background:var(--paper-sunken);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-4)}.studio-login{min-height:100dvh;padding:var(--s-5);place-items:center;display:grid}.studio-login__box{width:100%;max-width:22rem}.studio-login__title{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h2);line-height:var(--lh-tight);color:var(--ink);margin:0 0 var(--s-5)}.studio-login .studio-input{min-width:0}.studio-foot{padding:var(--s-5);text-align:center}.studio-nav{gap:var(--s-5);margin-top:var(--s-4);border-bottom:var(--hairline) solid var(--rule);display:flex}.studio-nav a{font-size:var(--t-small);color:var(--ink-muted);padding-block:var(--s-2);min-height:var(--tap-min);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;text-decoration:none;display:inline-flex}.studio-nav a:hover{color:var(--accent)}.studio-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent-label)}.studio-resources{gap:var(--s-2);display:grid}.studio-links{gap:var(--s-1);margin:0;padding:0;list-style:none;display:grid}.studio-link{align-items:flex-start;gap:var(--s-2);display:flex}.studio-link__text{min-width:0;padding-block:var(--s-2);font-size:var(--t-small);line-height:var(--lh-snug);flex:1}.studio-link__title{color:var(--accent)}.studio-link__source{font-size:var(--t-caption);color:var(--ink-muted);display:block}.studio-link:has([data-watched=true]) .studio-link__title{color:var(--ink-faint)}.studio-watched{width:var(--tap-min);height:var(--tap-min);cursor:pointer;border-radius:var(--r-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.studio-watched:before{content:"";width:var(--s-3);height:var(--s-3);border-radius:var(--r-sm);border:1.6px solid var(--ink-ghost);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}.studio-watched[data-watched=true]:before{border-color:var(--accent-label);background:var(--accent-label)}.studio-item__count{margin-left:var(--s-3);font-size:var(--t-caption);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none}.studio-panel--tight{margin-top:0}.studio-add--tight{margin-top:var(--s-2)}.studio-inbox{margin-top:var(--s-7);padding-top:var(--s-2)}.studio-certs{margin-top:var(--s-4)}.studio-cert{align-items:flex-start;gap:var(--s-3);border-bottom:var(--hairline) solid var(--rule-soft);display:flex}.studio-cert:last-child{border-bottom:0}.studio-cert__status{margin-left:var(--s-3);font-size:var(--t-caption);color:var(--ink-muted);border:var(--hairline) solid var(--rule);border-radius:var(--r-full);padding:2px var(--s-3);white-space:nowrap;flex:none}.studio-cert[data-status=earned] .studio-cert__status{color:var(--paper-raised);background:var(--accent-label);border-color:var(--accent-label)}.studio-cert[data-status=scheduled] .studio-cert__status{color:var(--accent-label);border-color:var(--accent-soft)}.studio-grid{gap:var(--s-2);grid-template-columns:1fr;display:grid}@media (min-width:34rem){.studio-grid{grid-template-columns:1fr 1fr}.studio-grid>button{grid-column:1/-1;justify-self:start}}.studio-grid .studio-input{min-width:0}