:root{--coach-green:#245640;--coach-green-hover:#1c4634;--duel-button:oklch(0.205 0.012 150);--duel-button-hover:oklch(0.27 0.014 150);--duel-button-text:oklch(0.985 0 0);--motion-ease:cubic-bezier(.22,1,.36,1)}
#lobby .focus{overflow:visible}
.fab{display:none!important}
#lobby .focus-actions.ll-study-actions,#lobby .ll-coach-entry,#lobby .ll-duel-entry{display:block;width:min(100%,620px);margin-left:auto;margin-right:auto}
#lobby .focus-actions.ll-study-actions{margin-top:28px}
#lobby .ll-coach-entry,#lobby .ll-duel-entry{margin-top:12px;padding-top:0;border-top:0}
#lobby .ll-study-open,#lobby .ll-coach-open,#lobby .ll-duel-open{width:100%;min-height:74px;padding:15px 24px;border-radius:16px;font-family:"Sora",system-ui,sans-serif;font-size:clamp(19px,2.8vw,23px);font-weight:800;line-height:1.15;letter-spacing:0;justify-content:center;box-shadow:0 10px 24px color-mix(in oklab,var(--brand) 20%,transparent);transition:transform .28s var(--motion-ease),box-shadow .28s ease,background-color .28s ease}
#lobby .ll-coach-open{background:var(--coach-green);border-color:var(--coach-green);color:#fff;box-shadow:0 10px 24px color-mix(in oklab,var(--coach-green) 24%,transparent)}
#lobby .ll-coach-open:hover{background:var(--coach-green-hover);border-color:var(--coach-green-hover)}
#lobby .ll-duel-open{background:var(--duel-button);border-color:var(--duel-button);color:var(--duel-button-text);box-shadow:0 10px 24px color-mix(in oklab,var(--duel-button) 24%,transparent)}
#lobby .ll-duel-open:hover{background:var(--duel-button-hover);border-color:var(--duel-button-hover)}
#lobby .ll-study-open:hover,#lobby .ll-coach-open:hover,#lobby .ll-duel-open:hover{transform:translateY(-4px);box-shadow:0 16px 32px color-mix(in oklab,var(--brand) 25%,transparent)}
#lobby .ll-study-open:active,#lobby .ll-coach-open:active,#lobby .ll-duel-open:active{transform:translateY(-1px) scale(.99)}
#lobby:not(.hidden) .eyebrow{animation:ll-soft-rise .55s var(--motion-ease) both}
#lobby:not(.hidden) h1{animation:ll-soft-rise .65s .06s var(--motion-ease) both}
#lobby:not(.hidden) .lead{animation:ll-soft-rise .65s .12s var(--motion-ease) both}
#lobby:not(.hidden) .ll-study-actions{animation:ll-soft-rise .65s .2s var(--motion-ease) both}
#lobby:not(.hidden) .ll-coach-entry{animation:ll-side-in .44s .2s var(--motion-ease) both}
#lobby:not(.hidden) .ll-duel-entry{animation:ll-side-in .44s .26s var(--motion-ease) both}
#aiCoachPage:not(.hidden) .ll-coach-head{animation:ll-coach-in .55s var(--motion-ease) both}
#aiCoachPage:not(.hidden) #aiPanel{animation:ll-coach-in .65s .08s var(--motion-ease) both}
#aiCoachPage:not(.hidden) #aiPanel>.muted{animation:ll-soft-rise .55s .18s var(--motion-ease) both}
#aiCoachPage:not(.hidden) .aithread{animation:ll-soft-rise .55s .24s var(--motion-ease) both}
#aiCoachPage:not(.hidden) .aichips{animation:ll-soft-rise .55s .3s var(--motion-ease) both}
#aiCoachPage:not(.hidden) .airow{animation:ll-soft-rise .55s .36s var(--motion-ease) both}
@keyframes ll-side-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
.notebook>section:not(.hidden) h1,.notebook>section:not(.hidden) h2,.notebook>section:not(.hidden) h3,.notebook>section:not(.hidden) p,.notebook>section:not(.hidden) .eyebrow{animation:ll-side-in .38s var(--motion-ease) both}
.notebook>section:not(.hidden) p{animation-delay:.05s}
@keyframes ll-soft-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ll-coach-in{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){#lobby .ll-study-open,#lobby .ll-coach-open,#lobby .ll-duel-open{min-height:70px;padding:14px 17px;font-size:19px}}
@media(prefers-reduced-motion:reduce){#lobby * ,#aiCoachPage *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}