:root{color:#161616;font-synthesis:none;background:#f6f6f3;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.topline{background:#faff69;height:4px}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-logo{width:132px;height:auto;display:block}.brand-separator{color:#faff69;font-size:20px}.login-shell{grid-template-columns:minmax(0,1fr) minmax(360px,520px);min-height:calc(100vh - 4px);display:grid}.login-visual{color:#fff;background:#161616;flex-direction:column;justify-content:space-between;padding:64px;display:flex}.eyebrow,.card-meta{text-transform:uppercase;letter-spacing:.1em;color:#72726b;font-size:12px;font-weight:800}.login-visual .eyebrow{color:#faff69}.login-visual h1{letter-spacing:-.055em;max-width:850px;margin:36px 0;font-size:clamp(48px,7vw,88px);line-height:.95}.login-panel{background:#fff;flex-direction:column;justify-content:center;padding:64px;display:flex}.login-panel h2{margin:18px 0 8px;font-size:32px}.hint{color:#62625c;line-height:1.55}.field{gap:8px;margin-top:28px;font-weight:700;display:grid}.field input{border:1px solid #c9c9c1;border-radius:8px;outline:none;width:100%;padding:14px 16px}.field input:focus{border-color:#161616;box-shadow:0 0 0 3px #faff69}.primary,.text-button{cursor:pointer;border:0}.primary{color:#fff;background:#161616;border-radius:8px;width:100%;margin-top:14px;padding:14px 18px;font-weight:800}.primary:hover{background:#2b2b2b}.primary:focus-visible,.text-button:focus-visible,.open-play:focus-visible{outline-offset:3px;outline:3px solid #faff69}.text-button{color:#42423d;background:0 0;padding:8px;text-decoration:underline}.actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.status{color:#494944;min-height:48px;margin-top:18px;line-height:1.5}.classification{color:#7b7b74;margin-top:28px;font-size:12px}.site-header{color:#fff;background:#161616;justify-content:space-between;align-items:center;padding:28px max(24px,50vw - 590px);display:flex}.session-note{color:#aaa;font-size:12px}.logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #5d5d59;border-radius:7px;padding:8px 12px}.library{max-width:1180px;margin:auto;padding:72px 24px 100px}.library .eyebrow{color:#6f7000}.library h1{letter-spacing:-.05em;margin:18px 0;font-size:clamp(46px,7vw,80px);line-height:1}.lede{color:#5d5d57;max-width:700px;font-size:20px;line-height:1.55}.catalog{margin-top:56px}.play-card{background:#fff;border:1px solid #deded7;border-radius:14px;padding:36px;box-shadow:0 12px 30px #1616160d}.play-card h2{letter-spacing:-.035em;margin:18px 0 10px;font-size:36px}.play-card p{max-width:720px;line-height:1.55}.audience{color:#72726b;font-size:13px}.open-play{color:#161616;background:#faff69;border-radius:8px;margin-top:12px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=800px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:36vh;padding:36px 24px}.login-visual h1{font-size:52px}.login-panel{padding:42px 24px}.site-header{align-items:flex-start}.brand-logo{width:116px}.session-note{display:none}.library{padding-top:48px}.play-card{padding:26px}}