.account-shell{width:min(1100px,100% - 40px);min-height:55vh;margin:clamp(36px,6vw,80px) auto 80px}.account-shell h1{margin:12px 0 24px;font-size:clamp(36px,5vw,64px);line-height:1.08}.account-shell h2{font-size:clamp(26px,3vw,36px);line-height:1.2}.account-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.account-heading p{overflow-wrap:anywhere;margin:0}.account-nav{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.account-nav a,.account-nav button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:99px;padding:11px 20px;text-decoration:none}.account-nav .is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.account-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:clamp(24px,4vw,44px)}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,6vw,80px);max-width:1000px;margin:auto;display:grid}.auth-intro{padding:36px 0;position:relative}.auth-intro:before{content:"";background:var(--glow);opacity:.65;z-index:-1;border-radius:60% 40% 48% 52%;width:220px;height:220px;position:absolute;top:8px;left:-36px}.auth-intro p{max-width:30ch;color:var(--muted);line-height:1.6}.auth-mark{background:var(--accent);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:inline-flex}.auth-form{gap:20px;display:grid}.auth-form label:not(.consent){margin-bottom:8px;font-weight:700;display:block}.auth-form input:not([type=checkbox]){background:var(--paper);border:1px solid var(--line);width:100%;min-height:52px;font:inherit;color:var(--ink);border-radius:99px;padding:12px 18px}.auth-form .btn{justify-content:center;width:100%}.auth-form .consent{color:var(--muted);align-items:flex-start;font-size:13px;line-height:1.6}.auth-form .consent input{flex-shrink:0;margin-top:4px}.auth-form .code-input{text-align:center;letter-spacing:.35em;padding-left:1em;font-size:28px}.auth-form [hidden],.account-shell [hidden]{display:none!important}.account-feedback{color:#913e33;min-height:1.5em;margin:0;font-size:14px;line-height:1.5}.account-muted{color:var(--muted);line-height:1.6}.auth-help{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.auth-form input[aria-invalid=true]{border-color:#913e33}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-actions{align-items:stretch;gap:10px}.auth-form .auth-actions .btn{white-space:nowrap;font-variant-numeric:tabular-nums;flex:180px;width:auto;min-height:44px;padding:10px 14px;font-size:14px}.account-empty{text-align:center;padding:40px 16px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.owned-course{flex-direction:column;gap:16px;display:flex}.owned-course h2{margin:0}.owned-course .btn{align-self:flex-start;margin-top:auto}.device-list{gap:14px;display:grid}.device-item{background:var(--paper);border:1px solid var(--line);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.device-item strong{margin-bottom:6px;font-size:18px;display:block}.device-item p{color:var(--muted);margin:0;font-size:14px}.account-badge{background:var(--glow);color:var(--ink);white-space:nowrap;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.account-order{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.account-order h3{margin:0 0 8px;font-size:23px}.account-order p{margin:0;font-size:14px}.account-order:last-child{border:0}.account-price{white-space:nowrap;font-size:22px;font-family:var(--display)}.payment-result{text-align:center;max-width:600px;margin:auto}.payment-result .auth-mark{width:64px;height:64px;margin-bottom:12px;font-size:28px}.lesson-content{white-space:pre-wrap;overflow-wrap:anywhere;max-width:75ch;line-height:1.75}.lesson-links{flex-wrap:wrap;gap:12px;display:flex}.lesson-heading{margin:0 0 12px}.lesson-title{max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;transition:color .25s;display:inline}.lesson-title:hover{color:var(--accent);text-underline-offset:6px;text-decoration:underline 1px}.lesson-title:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.lesson-title__play{vertical-align:middle;background:var(--glow);width:30px;height:30px;color:var(--accent);font:12px var(--sans);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;margin-left:12px;display:inline-flex}.lesson-player{border:1px solid var(--line);background:var(--paper);width:min(1040px,100% - 32px);max-height:calc(100svh - 32px);color:var(--ink);box-shadow:var(--shadow-clay);overscroll-behavior:contain;border-radius:28px;margin:auto;padding:clamp(16px,3vw,28px)}.lesson-player::backdrop{backdrop-filter:blur(7px);background:#202319c2}html:has(.lesson-player[open]){overflow:hidden}.lesson-player__head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.lesson-player__head .eyebrow{margin-bottom:8px}.lesson-player__head h2{margin:0;font-size:clamp(23px,3vw,36px);line-height:1.2}.lesson-player__head .account-badge{margin-top:12px}.lesson-player__close{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);font:20px var(--sans);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.lesson-player__close:hover{background:var(--glow)}.lesson-player__close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lesson-player__stage{background:var(--soft);border-radius:18px;place-items:center;min-height:200px;display:grid;overflow:hidden}.lesson-video{aspect-ratio:16/9;object-fit:contain;background:var(--ink);width:100%;max-height:calc(100svh - 220px);display:block}.lesson-player__empty{color:var(--muted);text-align:center;margin:0;padding:40px 20px}.lesson-player__error{color:var(--muted);margin:16px 0 0;font-size:14px}.lesson-player__error a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.course-checkout{margin-bottom:24px}.course-checkout .btn{margin-top:16px}.course-checkout .consent{color:var(--ink);font-size:14px}.btn:disabled{opacity:.55;cursor:wait;transform:none}.account-link{white-space:nowrap;border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.admin-scroll{overflow:auto}@media (width<=800px){.auth-layout{grid-template-columns:1fr;gap:16px;max-width:500px}.auth-intro{padding:12px 0}.auth-intro h1{font-size:40px}.auth-intro p{max-width:none}.auth-intro:before{width:150px;height:150px;left:0}.account-grid{grid-template-columns:1fr}.account-heading{flex-direction:column;align-items:flex-start;gap:8px}.account-link{padding:8px 12px;font-size:13px}.device-item,.account-order{flex-direction:column;align-items:flex-start}.device-item .ghost{align-self:flex-end}.account-order .account-actions{justify-content:space-between;width:100%}.account-shell{width:calc(100% - 32px);margin-top:32px}.account-panel{border-radius:24px}}@media (prefers-reduced-motion:reduce){.account-shell *{scroll-behavior:auto;transition:none!important}}@media (width<=700px){.nav{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.nav>.brand{grid-area:1/1}.nav>.account-link{grid-area:1/2;justify-self:end}}.account-panel,.account-nav a,.account-nav button,.auth-form input:not([type=checkbox]),.account-link,.lesson-player{border-radius:8px}.btn.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}
