@media (min-width:768px) and (min-height:560px){main.app-shell:not(.study-shell):not(.center-shell){width:min(100%,980px);padding:32px 36px 128px}main.app-shell:not(.study-shell):not(.center-shell) .app-header{border-radius:30px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding:18px 28px;display:flex}main.app-shell:not(.study-shell):not(.center-shell) .app-header .profile-row{gap:18px}main.app-shell:not(.study-shell):not(.center-shell) .app-header .avatar.xl{width:68px;height:68px}main.app-shell:not(.study-shell):not(.center-shell) .app-header h1{margin:2px 0 0;font-size:1.7rem;line-height:1.25}main.app-shell:not(.study-shell):not(.center-shell) .header-points{border-radius:20px;flex-direction:column;gap:4px;padding:12px 20px;font-size:.95rem;display:flex}main.app-shell:not(.study-shell):not(.center-shell) .content-space{min-height:60vh}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav{border-radius:28px;width:min(100% - 64px,640px);padding:8px;bottom:18px}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav button{border-radius:20px;min-height:62px;font-size:12.5px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}:is(main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.hero-panel,main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.stats-grid,main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.active-session-card,main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.panel-card){grid-column:1/-1}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel{border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:34px 38px}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel h2{font-size:1.9rem;line-height:1.35}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel p{font-size:1.02rem;line-height:1.8}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel .primary-button{border-radius:20px;min-height:58px;padding-inline:34px;font-size:1.05rem}main.app-shell:not(.study-shell):not(.center-shell) .achievements-link{border-radius:26px;min-height:96px;padding:20px 24px}main.app-shell:not(.study-shell):not(.center-shell) .achievements-link:hover{transform:translateY(-3px)}main.app-shell:not(.study-shell):not(.center-shell) .stats-grid{gap:16px}main.app-shell:not(.study-shell):not(.center-shell) .stat-card{border-radius:26px;gap:4px;min-height:132px}main.app-shell:not(.study-shell):not(.center-shell) .stat-card strong{font-size:1.5rem}main.app-shell:not(.study-shell):not(.center-shell) .stat-card span{font-size:.95rem}main.app-shell:not(.study-shell):not(.center-shell) .active-session-card{border-radius:24px;min-height:68px;padding:18px 26px}main.app-shell:not(.study-shell):not(.center-shell) .panel-card{border-radius:28px;padding:24px 28px}main.app-shell:not(.study-shell):not(.center-shell) .active-students,.study-shell:not(.study-rotate) .active-students{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}main.app-shell:not(.study-shell):not(.center-shell) .active-students-row,.study-shell:not(.study-rotate) .active-students-row{display:contents}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.section-head):has(>.segmented):has(>.rank-list){grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:18px 24px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.segmented):has(>.rank-list)>.rank-list{grid-column:1/-1}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.segmented):has(>.rank-list)>.segmented{border-radius:24px;padding:7px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.segmented):has(>.rank-list)>.segmented button{border-radius:18px;min-height:50px;font-size:1rem}main.app-shell:not(.study-shell):not(.center-shell) .rank-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(n+4){grid-column:span 3}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.empty-note{text-align:center;grid-column:1/-1;padding:36px 0}main.app-shell:not(.study-shell):not(.center-shell) .rank-item{content-visibility:visible;border-radius:22px;grid-template-columns:46px 52px minmax(0,1fr) auto;gap:12px;padding:12px 14px;transition:transform .15s,box-shadow .15s}main.app-shell:not(.study-shell):not(.center-shell) .rank-item:hover{transform:translateY(-2px)}main.app-shell:not(.study-shell):not(.center-shell) .rank-item .rank-number{width:40px;height:40px;color:var(--primary-dark);text-align:center;border-radius:14px;place-items:center;font-size:1.05rem;font-weight:900;display:grid;overflow:visible}main.app-shell:not(.study-shell):not(.center-shell) .rank-item .avatar{width:52px;height:52px}main.app-shell:not(.study-shell):not(.center-shell) .rank-item b{white-space:nowrap;font-size:1.02rem}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3){text-align:center;box-shadow:0 16px 38px color-mix(in srgb, var(--primary) 12%, transparent);border-radius:30px;grid-row:1;grid-template-columns:1fr;align-content:start;justify-items:center;gap:8px;padding:22px 16px 20px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:first-child{border-width:2px;border-color:color-mix(in srgb, var(--sun) 70%, var(--line));box-shadow:0 22px 50px color-mix(in srgb, var(--sun) 28%, transparent);grid-column:3/span 2;padding-block:30px 26px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(2){grid-column:1/span 2;margin-top:26px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(3){grid-column:5/span 2;margin-top:26px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3) .rank-number{background:color-mix(in srgb, var(--primary) 16%, #fff);border-radius:50%;grid-row:1;width:46px;height:46px;font-size:1.25rem}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:first-child .rank-number{background:var(--sun);color:#3a2d00;width:54px;height:54px;box-shadow:0 8px 20px color-mix(in srgb, var(--sun) 45%, transparent)}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3) .avatar{width:84px;height:84px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:first-child .avatar{width:104px;height:104px}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3) .rank-item-meta{text-align:center;width:100%}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3) .rank-item-name-row{justify-content:center}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3) .rank-item-name-row strong{flex:0 auto;font-size:1.1rem}main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(-n+3) b{font-size:1.3rem}main.app-shell:not(.study-shell):not(.center-shell) .event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}main.app-shell:not(.study-shell):not(.center-shell) .event-tile{border-radius:26px;min-height:148px}main.app-shell:not(.study-shell):not(.center-shell) .events-head h2,main.app-shell:not(.study-shell):not(.center-shell) .section-head h2{font-size:1.7rem}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>.section-head,main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>.settings-profile-card,main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>.settings-logout{grid-column:1/-1}main.app-shell:not(.study-shell):not(.center-shell) .settings-profile-card{border-radius:28px;padding:22px 28px}main.app-shell:not(.study-shell):not(.center-shell) .settings-avatar-button{width:78px;height:78px}main.app-shell:not(.study-shell):not(.center-shell) .settings-group{border-radius:26px}main.app-shell:not(.study-shell):not(.center-shell) .settings-logout{border-radius:20px;justify-self:center;width:min(100%,360px);min-height:54px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):not(:has(>.stats-grid)){grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):not(:has(>.stats-grid))>.hero-panel{border-radius:30px;grid-column:1;padding:26px 32px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):not(:has(>.stats-grid))>.ghost-button{white-space:nowrap;border-radius:20px;grid-column:2;align-self:start;min-height:58px;padding-inline:24px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):not(:has(>.stats-grid))>.panel-card{grid-column:1/-1}main.app-shell:not(.study-shell):not(.center-shell) .star-store-options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.study-shell:not(.study-rotate){width:min(100%,980px);padding:30px 36px 110px}.study-shell:not(.study-rotate) .study-header{border-radius:28px;margin-bottom:22px;padding:14px 24px}.study-shell:not(.study-rotate) .study-header h1{font-size:1.45rem}.study-shell:not(.study-rotate) .session-setup{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.study-shell:not(.study-rotate) .session-setup>.session-activity-row,.study-shell:not(.study-rotate) .session-setup>.study-mode-selector,.study-shell:not(.study-rotate) .session-setup>.primary-button.wide{grid-column:1/-1}.study-shell:not(.study-rotate) .session-setup>.primary-button.wide{border-radius:22px;justify-self:center;width:min(100%,480px);min-height:62px;font-size:1.1rem}.study-shell:not(.study-rotate) .study-mode-selector{gap:16px}.study-shell:not(.study-rotate) .study-mode-selector>button{border-radius:26px;min-height:92px;padding:20px 24px}.study-shell:not(.study-rotate) .setup-block{border-radius:28px;height:100%;padding:26px 28px}.study-shell:not(.study-rotate) .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.study-shell:not(.study-rotate) .choice-grid>button,.study-shell:not(.study-rotate) .choice-stack>button{border-radius:20px;min-height:62px;font-size:1.02rem}.study-shell:not(.study-rotate) .choice-stack{gap:12px}.study-shell:not(.study-rotate) .timer-ring-shell{--timer-size:clamp(300px, min(52vw, 56dvh), 460px)}.study-shell:not(.study-rotate) .timer-panel--study{border-radius:34px;padding:34px 40px 28px}.study-shell:not(.study-rotate) .timer-ring strong,.study-shell:not(.study-rotate) .timer-ring .timer-value{font-size:clamp(56px, calc(var(--timer-size) * .19), 116px)}.study-shell:not(.study-rotate) .timer-ring span,.study-shell:not(.study-rotate) .timer-ring small{font-size:clamp(13px, calc(var(--timer-size) * .036), 17px)}.study-shell:not(.study-rotate) .timer-quick-actions{gap:14px;width:100%;max-width:640px;margin-inline:auto}.study-shell:not(.study-rotate) .timer-quick-actions>*{border-radius:22px;min-height:68px}.study-shell:not(.study-rotate) .timer-panel>.session-total-remaining,.study-shell:not(.study-rotate) .timer-panel>.timer-tools,.study-shell:not(.study-rotate) .timer-panel>.timer-session-actions,.study-shell:not(.study-rotate) .timer-panel>.timer-cancel-button{width:100%;max-width:640px;margin-inline:auto}.study-shell:not(.study-rotate) .timer-tools{gap:14px}.study-shell:not(.study-rotate) .timer-tools>section{border-radius:24px}.study-shell:not(.study-rotate) .timer-cancel-button{border-radius:20px;min-height:54px}.study-shell:not(.study-rotate) .study-active-list{border-radius:28px;padding:22px 26px}.study-shell:not(.study-rotate) .chat-fab{border-radius:24px;width:66px;height:66px;bottom:32px;left:32px;right:auto}.study-shell:not(.study-rotate) .chat-drawer{border-radius:30px;width:min(460px,100vw - 64px);max-height:min(74dvh,760px);padding:22px;animation:.22s dkDrawerRise;bottom:112px;left:32px;right:auto;transform:none}.study-rotate-fab{flex-direction:row;top:auto;bottom:36px;left:112px;transform:none}}@media (min-width:1000px) and (min-height:560px){@media (min-width:1280px){main.app-shell:not(.study-shell):not(.center-shell) .rank-list>.rank-item:nth-child(n+4){grid-column:span 2}}main.app-shell:not(.study-shell):not(.center-shell){width:min(100%,1400px);padding:36px 48px 56px;padding-inline-start:168px}main.app-shell:not(.study-shell):not(.center-shell) .app-header{border-radius:34px;margin-bottom:30px;padding:22px 34px}main.app-shell:not(.study-shell):not(.center-shell) .app-header .avatar.xl{width:78px;height:78px}main.app-shell:not(.study-shell):not(.center-shell) .app-header h1{font-size:2rem}main.app-shell:not(.study-shell):not(.center-shell) .header-points{flex-direction:row;align-items:center;gap:14px;padding:14px 24px;font-size:1.02rem}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav{border-radius:34px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;width:108px;padding:14px 10px;display:flex;inset:36px max(24px,50vw - 676px) auto auto;transform:none}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav button{border-radius:24px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;min-height:92px;padding:14px 4px;font-size:13px;transition:transform .15s,background .15s;display:flex}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav button svg{width:26px;height:26px}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav button:not(.active):hover{transform:translateY(-2px)}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid){grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:22px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.hero-panel{border-radius:38px;grid-area:1/1/auto/span 8;min-height:250px;padding:44px 48px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.stats-grid{grid-area:1/9/span 2/span 4;grid-template-columns:1fr;align-content:stretch;gap:14px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.stats-grid .stat-card{text-align:start;grid-template-rows:auto auto;grid-template-columns:auto 1fr;place-items:center start;gap:2px 18px;min-height:0;padding:18px 26px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.stats-grid .stat-card svg{box-sizing:content-box;background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:18px;grid-row:1/span 2;width:34px;height:34px;padding:8px}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.stats-grid .stat-card span{align-self:end}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.stats-grid .stat-card strong{align-self:start;font-size:1.7rem}main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.achievements-link{grid-area:2/span 4;min-height:104px}:is(main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.active-session-card,main.app-shell:not(.study-shell):not(.center-shell) .screen-stack:has(>.hero-panel):has(>.stats-grid)>.panel-card){grid-column:1/-1}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel h2{font-size:2.1rem}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel p{max-width:38em;font-size:1.12rem}main.app-shell:not(.study-shell):not(.center-shell) .hero-panel .primary-button{min-height:64px;padding-inline:42px;font-size:1.15rem}main.app-shell:not(.study-shell):not(.center-shell) .active-students{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}main.app-shell:not(.study-shell):not(.center-shell) .event-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}main.app-shell:not(.study-shell):not(.center-shell) .event-tile{min-height:168px;padding:20px}main.app-shell:not(.study-shell):not(.center-shell) .event-tile:hover{transform:translateY(-4px)}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack{gap:22px}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>div.settings-group:first-of-type{grid-area:3/1}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>div.settings-group:nth-of-type(2){grid-area:4/1}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>div.settings-group:nth-of-type(3){grid-area:3/2/span 2}main.app-shell:not(.study-shell):not(.center-shell) .settings-screen-stack>.settings-logout{grid-row:5}.study-shell:not(.study-rotate){width:min(100%,1320px);padding:32px 48px 56px}.study-shell:not(.study-rotate) .study-header{border-radius:32px;margin-bottom:26px;padding:18px 32px}.study-shell:not(.study-rotate) .study-header h1{font-size:1.7rem}.study-shell:not(.study-rotate) .session-setup{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.study-shell:not(.study-rotate) .session-setup>.session-activity-row,.study-shell:not(.study-rotate) .session-setup>.study-mode-selector,.study-shell:not(.study-rotate) .session-setup>.primary-button.wide{grid-column:1/-1}.study-shell:not(.study-rotate) .session-setup>.setup-block-duration{grid-column:1/span 7}.study-shell:not(.study-rotate) .session-setup>.setup-block-pattern{grid-column:8/span 5}.study-shell:not(.study-rotate) .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.study-shell:not(.study-rotate) .study-mode-selector>button{min-height:104px}.study-shell:not(.study-rotate) .timer-ring-shell{--timer-size:clamp(320px, min(36vw, 64dvh), 520px)}.study-shell:not(.study-rotate) .timer-panel--study{border-radius:40px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:0 56px;padding:48px 56px 36px;display:grid}.study-shell:not(.study-rotate) .timer-panel--study>*{margin-bottom:16px}.study-shell:not(.study-rotate) .timer-panel--study>.timer-ring-shell{grid-area:1/1/span 12;place-self:center;margin-bottom:0}.study-shell:not(.study-rotate) .timer-panel--study>:not(.timer-ring-shell):not(.study-active-list){grid-column:2;width:100%;max-width:none}.study-shell:not(.study-rotate) .timer-panel--study>.study-active-list{grid-area:auto/1/auto/-1;margin-top:18px;margin-bottom:0}.study-shell:not(.study-rotate) .timer-panel--study .timer-quick-actions{max-width:none;margin-top:14px}.study-shell:not(.study-rotate) .timer-panel--study .timer-tools{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1199px){.study-shell:not(.study-rotate) .timer-panel--study .timer-tools{grid-template-columns:minmax(0,1fr)}}}@keyframes dkDrawerRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1000px) and (min-height:560px) and (hover:hover) and (pointer:fine){.study-rotate-fab{display:none}}@media (min-width:1600px) and (min-height:700px){main.app-shell:not(.study-shell):not(.center-shell){width:min(100%,1560px)}main.app-shell:not(.study-shell):not(.center-shell) .bottom-nav{right:max(24px,50vw - 756px)}.study-shell:not(.study-rotate){width:min(100%,1480px)}.study-shell:not(.study-rotate) .timer-ring-shell{--timer-size:clamp(360px, min(32vw, 66dvh), 580px)}}
.modal-backdrop.session-end-backdrop{-webkit-backdrop-filter:blur(10px);background:#10111acc;padding:16px;animation:.28s both seFade}.session-end-modal{--se-ink:#1f3b3a;--se-muted:#6f7e78;--se-gold:#e5a21a;isolation:isolate;border:1.3px solid color-mix(in srgb, var(--primary) 30%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 13%, #fff) 0%, #fff 62%);width:min(100%,420px);max-height:calc(100dvh - 32px);color:var(--se-ink);text-align:center;box-shadow:0 0 44px color-mix(in srgb, var(--primary) 30%, transparent), 0 26px 64px #0000004d;border-radius:34px;gap:12px;padding:28px 22px 20px;animation:.48s cubic-bezier(.34,1.56,.64,1) both sePop;position:relative;overflow:hidden auto}.session-end-modal h2{color:var(--se-ink);margin:0;font-size:1.55rem;font-weight:900;line-height:1.35}.session-end-modal p{color:var(--se-muted);margin:0;font-size:.96rem;font-weight:600;line-height:1.75}.session-end-modal strong{color:var(--se-ink)}.session-end-modal>svg:first-child{box-sizing:content-box;color:#fff;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--primary) 70%, #fff), var(--primary) 58%, color-mix(in srgb, var(--primary) 68%, #000));width:30px;height:30px;box-shadow:0 0 0 7px color-mix(in srgb, var(--primary) 15%, transparent), 0 12px 28px color-mix(in srgb, var(--primary) 38%, transparent);border-radius:50%;margin:0 auto 2px;padding:16px}.session-end-modal .primary-button,.session-end-modal .ghost-button,.session-end-modal .danger-button{border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:1rem;font-weight:800;display:inline-flex}.session-end-modal .primary-button{color:#fff}.session-end-modal .ghost-button{color:var(--se-ink);background:#fff;border:1px solid #1f3b3a29}.session-end-modal .danger-button{border:1.3px solid color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger);background:0 0}.session-end-modal .confirmation-choices{gap:10px;margin:2px 0;display:grid}.session-end-modal .confirmation-choice-block{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);box-shadow:0 2px 10px color-mix(in srgb, var(--primary) 7%, transparent);text-align:start;background:#fff;border-radius:22px;gap:8px;padding:14px;display:grid}.session-end-modal .confirmation-choice-block--no{box-shadow:none;border-color:#1f3b3a1f}.session-end-modal .confirmation-choice-heading{color:var(--se-ink);margin:0;font-size:.98rem;font-weight:800}.session-end-modal .confirmation-choice-block .primary-button,.session-end-modal .confirmation-choice-block .ghost-button{min-height:48px}.session-end-modal.session-success{background:linear-gradient(#fffdf8 0%,#fff5e6 100%);gap:10px;padding:22px 22px 20px;animation:.55s cubic-bezier(.34,1.56,.64,1) both sePop}.success-rays{z-index:-1;pointer-events:none;background:repeating-conic-gradient(at 50% 46%,#ffc94d57 0deg 8deg,#0000 8deg 20deg);height:340px;animation:26s linear infinite seSpin;position:absolute;inset:-90px -60px auto;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 0,#0000 62%);mask-image:radial-gradient(circle at 50% 46%,#000 0,#0000 62%)}.success-confetti{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:96px;left:50%}.success-confetti i{background:var(--c);opacity:0;width:9px;height:14px;animation:seConfetti 2.2s cubic-bezier(.16, .8, .3, 1) var(--d) both;border-radius:3px;position:absolute;top:0;left:0}.success-medal{color:#fff;background:radial-gradient(circle at 30% 24%, color-mix(in srgb, var(--primary) 66%, #fff), var(--primary) 56%, color-mix(in srgb, var(--primary) 66%, #000));width:118px;height:118px;box-shadow:0 0 0 5px #fff, 0 0 0 9px var(--se-gold), 0 18px 38px color-mix(in srgb, var(--primary) 45%, transparent);border-radius:50%;place-items:center;margin:2px auto 4px;animation:3.6s ease-in-out infinite seFloat;display:grid;position:relative}.success-medal:before,.success-medal:after{color:var(--se-gold);content:"✦";font-size:1.3rem;line-height:1;animation:2.4s ease-in-out infinite seTwinkle;position:absolute}.success-medal:before{top:-6px;inset-inline-end:-12px}.success-medal:after{bottom:4px;font-size:1rem;animation-delay:1.1s;inset-inline-start:-16px}.session-success .success-medal svg{color:#fff;filter:drop-shadow(0 3px 6px #00000038)}.session-success h2{font-size:1.85rem}.session-success>p{font-size:.95rem}.success-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.success-metric{--mc:var(--primary);border:1px solid color-mix(in srgb, var(--mc) 22%, transparent);box-shadow:0 2px 10px color-mix(in srgb, var(--mc) 8%, transparent);background:#fff;border-radius:20px;justify-items:center;gap:4px;padding:13px 10px;animation:.6s cubic-bezier(.34,1.56,.64,1) both sePopIn;display:grid}.success-metric--stars{--mc:#e49a00;animation-delay:80ms}.success-metric-icon{background:color-mix(in srgb, var(--mc) 13%, transparent);width:38px;height:38px;color:var(--mc);border-radius:13px;place-items:center;display:grid}.session-success .success-metric-icon svg{color:var(--mc)}.success-metric small{color:var(--se-muted);font-size:.78rem;font-weight:600}.success-metric strong{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:900}.success-share{color:var(--se-ink);text-align:start;background:#229ed91a;border:1px solid #229ed940;border-radius:18px;align-items:center;gap:10px;padding:13px;font-size:.9rem;font-weight:800;display:flex}.session-success .success-share svg{color:#229ed9;flex:none}.session-success .primary-button{margin-top:6px}@keyframes seFade{0%{opacity:0}}@keyframes sePop{0%{opacity:0;transform:scale(.84)translateY(10px)}}@keyframes sePopIn{0%{opacity:0;transform:scale(.7)}}@keyframes seSpin{to{transform:rotate(360deg)}}@keyframes seFloat{50%{transform:translateY(-4px)}}@keyframes seTwinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes seConfetti{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 130px)) rotate(calc(var(--r) + 540deg)) scale(1)}}@media (prefers-reduced-motion:reduce){.modal-backdrop.session-end-backdrop,.session-end-modal,.success-rays,.success-medal,.success-medal:before,.success-medal:after,.success-metric{animation:none}.success-confetti{display:none}}@media (min-width:768px) and (min-height:560px){.session-end-modal{width:min(100%,460px);padding:32px 28px 24px}.session-end-modal.session-success{padding:26px 28px 24px}}.modal-backdrop .camera-modal,.modal-backdrop .proof-review-modal{box-shadow:0 0 44px color-mix(in srgb, var(--primary) 24%, transparent), 0 26px 64px #0000004d;border-radius:34px;padding:24px 22px 20px;animation:.42s cubic-bezier(.34,1.56,.64,1) both sePop}.camera-modal video{border-radius:26px}.camera-modal .primary-button,.camera-modal .ghost-button,.camera-modal .danger-button,.proof-review-modal .primary-button,.proof-review-modal .ghost-button,.proof-review-modal .danger-button{border-radius:18px;min-height:52px;font-weight:800}.proof-review-frame{border-radius:24px}.proof-review-image-box{border-radius:18px}.camera-proof-note,.proof-review-rules{border-radius:20px}@media (min-width:768px) and (min-height:560px){.modal-backdrop .camera-modal{width:min(100%,560px)}.modal-backdrop .proof-review-modal{width:min(100%,520px)}.proof-review-image-box{width:min(100%,260px)}}body:has(.session-end-backdrop) .study-rotate-fab{display:none}