.lesson-picker{width:min(860px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;background:#1b2225;color:#f0e6d4;border:1px solid #d7bd8550;border-radius:12px;padding:28px;font:16px/1.6 'DM Sans',sans-serif;overscroll-behavior:contain}.lesson-picker::backdrop{background:#0b1015bb;backdrop-filter:blur(8px)}.lesson-picker header,.lesson-coach header{display:flex;align-items:center;gap:12px}.lesson-picker header>div{flex:1}.lesson-picker h2{font:500 34px/1.15 Fraunces,serif;margin:6px 0}.lesson-picker header small{font:12px 'IBM Plex Mono',monospace;color:#c9b48c;letter-spacing:1px}.lesson-picker button,.lesson-picker select,.lesson-coach button{font:inherit;color:inherit;border:1px solid #d7bd8544;border-radius:5px;background:#e8c98c0a;cursor:pointer}.lesson-picker header button,.lesson-coach header button{width:44px;height:44px;background:none;border:0;font-size:26px}.lesson-picker p{color:#d0c7b8}.lesson-courses{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-courses>button{text-align:left;display:flex;gap:15px;padding:18px;background:#e8c98c06}.lesson-courses>button.current{border-color:#d7bd8590}.lesson-courses>button:hover{background:#e8c98c12}.lesson-courses>button>span:last-child{display:flex;flex-direction:column;gap:6px}.lesson-courses small{font-size:12px;color:#dac298}.lesson-courses b{font-size:17px;font-weight:500}.lesson-courses em{font-style:normal;font-size:13px;color:#c8baa1}.lesson-courses span span{font-size:14px;line-height:1.5;color:#b9b9b1}.lesson-silhouette{color:#dec293;width:82px;flex:none;align-self:center}.lesson-silhouette svg{display:block;width:100%;height:auto}.lesson-picker footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:25px;border-top:1px solid #d7bd8533;padding-top:18px;font-size:14px}.lesson-picker footer button{padding:10px 13px}.lesson-picker a{color:#dec293}.lesson-map{display:flex;gap:25px;padding:20px;background:#e8c98c07;margin:20px 0}.lesson-map>.lesson-silhouette{width:180px}.lesson-map>div{flex:1}.lesson-map p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d7bd8533;margin:0;padding:7px 0;font-size:14px}.lesson-map strong{font-weight:500;color:#dec293}.lesson-pair-label{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.lesson-pair-label select{padding:10px;background:#1b2225}.lesson-records{display:flex;gap:25px;margin-top:18px}.lesson-records>div{display:flex;gap:12px;align-items:center;flex:1}.lesson-records i{width:58px;height:58px;flex:none;background-size:cover}.lesson-records span{display:flex;flex-direction:column;gap:5px}.lesson-records b{font-size:14px;font-weight:500}.lesson-records small{font-size:12px;color:#c0b29b}.lesson-setup-note{font-size:14px;color:#e8cc99!important}.lesson-setup-actions{display:flex;gap:12px}.lesson-setup-actions button{padding:12px 16px}.lesson-setup-actions button:first-child{background:#e7c98d;color:#222b2d}.lesson-picker button:disabled{opacity:.45;cursor:wait}.lesson-picker :focus-visible,.lesson-coach :focus-visible{outline:2px solid #f5d9a4;outline-offset:3px}.lesson-coach{position:fixed;z-index:35;bottom:16px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 24px));background:#192326f5;color:#eadbc1;border:1px solid #e7c58e77;border-radius:10px;padding:12px 20px;box-shadow:0 8px 55px #0009;backdrop-filter:blur(18px);font:14px/1.6 'DM Sans',sans-serif}.lesson-coach[hidden]{display:none}.lesson-coach header>span{flex:1;font-size:12px;color:#d8bd8d}.lesson-coach header button{width:32px;height:30px;font-size:22px}.lesson-content h3{font:500 24px/1.2 Fraunces,serif;margin:8px 0}.lesson-content p{font-size:16px;line-height:1.6;margin:8px 0 12px}.lesson-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.lesson-coach button{padding:8px 12px;font-size:14px}.lesson-actions [data-coach=next]{background:#e7c98d;color:#222b2d;border-color:#e7c98d}.lesson-actions button:disabled{opacity:.4;cursor:default}.lesson-actions [data-coach=skip]{border:0;background:none;font-size:12px;color:#b8b3a8}.lesson-check{display:block;font-size:12px;margin-top:7px;color:#c8c0ad}.lesson-count{display:flex;gap:8px;float:right;margin-left:16px;align-items:center}.lesson-count i{font:13px 'IBM Plex Mono',monospace;border:1px solid #c9b48c44;border-radius:50%;width:26px;height:26px;display:grid;place-content:center;font-style:normal;color:#a9a69c}.lesson-count i.on{background:#e7c98d;color:#192326;border-color:#e7c98d}.lesson-count small{font-size:11px;max-width:50px;line-height:1.2;color:#b8b3a8}.lesson-active .app{padding-bottom:260px}.lesson-coach.collapsed .lesson-content{display:none}.lesson-coach.collapsed{width:min(480px,calc(100% - 24px))}.lesson-active #toast{bottom:285px}.lesson-focus-control{outline:2px solid #f5d9a4!important;outline-offset:5px}.lesson-picker[open]{animation:dialog-arrive .18s ease-out}@media(max-width:640px){.lesson-picker{padding:20px}.lesson-picker h2{font-size:28px}.lesson-courses{grid-template-columns:1fr}.lesson-map{flex-direction:column;gap:12px}.lesson-map>.lesson-silhouette{width:145px}.lesson-map p{font-size:13px}.lesson-records{gap:10px}.lesson-records i{width:40px;height:40px}.lesson-records b{font-size:12px}.lesson-records small{font-size:11px}.lesson-coach{padding:10px 14px;bottom:8px}.lesson-content h3{font-size:21px}.lesson-content p{font-size:15px}.lesson-count{float:none;margin:5px 0 12px}.lesson-active .app{padding-bottom:360px}.lesson-active #toast{bottom:370px}}@media(prefers-reduced-motion:reduce){.lesson-picker[open]{animation:none}}