.maintenance-unmetered-notice{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));border-radius:var(--radius-card);color:var(--color-primary);align-items:center;gap:.9rem;padding:1rem 1.3rem;display:flex}.maintenance-unmetered-title{color:var(--color-text-primary);margin:0 0 .15rem;font-size:.94rem;font-weight:600}.maintenance-unmetered-sub{color:var(--color-text-secondary);margin:0;font-size:.84rem}.session-start-page{background:var(--color-bg);padding:24px 16px 32px}.session-start-container{flex-direction:column;gap:14px;width:100%;max-width:900px;margin:0 auto;display:flex}.session-start-title{font-family:var(--font-display);text-align:center;text-wrap:balance;color:var(--color-text-primary);margin:0;font-size:26px;font-style:italic;font-weight:400;line-height:1.35}.practice-topic-area{flex-direction:column;gap:10px;display:flex}.practice-topics-status{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.practice-topics-status svg{color:var(--color-primary);flex-shrink:0;animation:.9s linear infinite practice-spin}.practice-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.practice-tile{text-align:center;min-height:84px;font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--transition-normal), background-color var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 12px 14px;display:flex;position:relative;box-shadow:0 1px 2px #2a211d0d,0 10px 24px -14px #2a211d40}.practice-tile:hover{border-color:var(--color-primary)}.practice-tile.is-selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 22%, transparent)}.practice-tile.is-selected:after{content:"";background:var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:9px;right:9px}.practice-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.practice-tile-text{text-wrap:balance;font-size:15px;font-weight:700;line-height:1.3}.practice-tile-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);font-size:10px;font-weight:700}.practice-tile-skeleton{cursor:default;background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-bg) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.practice-tile-skeleton span{background:var(--color-border);opacity:.65;border-radius:6px;width:74%;height:10px}.practice-tile-skeleton span+span{width:52%;margin-top:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.practice-tile-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-link{min-height:36px;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 2px;font-size:13.5px;font-weight:600;display:inline-flex}.practice-link:hover:not(:disabled){color:var(--color-text-primary)}.practice-link:disabled{cursor:default;opacity:.6}.practice-link .is-spinning{animation:.9s linear infinite practice-spin}@keyframes practice-spin{to{transform:rotate(360deg)}}.custom-topic-input{width:100%;padding:11px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-family);transition:border-color var(--transition-normal);font-size:16px}.custom-topic-input::placeholder{color:var(--color-text-secondary)}.custom-topic-input:focus{border-color:var(--color-primary);outline:none}.practice-lower{flex-direction:column;gap:14px;display:flex}.practice-length{flex-direction:column;gap:8px;display:flex}.practice-length-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:700}.practice-length-options{background:var(--color-suggestions-panel);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.practice-length-option{font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 0;font-size:13.5px;font-weight:600}.practice-length-option.is-selected{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 3px #2a211d1f}.practice-length-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.start-session-btn{width:100%;padding:14px 36px;font-size:16px;font-weight:700}.start-session-hint{color:var(--color-text-secondary);margin:0;font-size:.82rem}.btn-inline-link{font-size:inherit;color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.session-start-credit-warning{color:#8a5a00;background:#fff8ec;border:1px solid #f5d08a;border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:13px}.practice-path-row{text-align:left;width:100%;font-family:var(--font-family);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:14px;align-items:center;gap:10px;margin-top:6px;padding:9px 12px;display:flex;box-shadow:0 1px 2px #2a211d0d}.practice-path-row:hover{border-color:var(--color-primary)}.practice-path-chip{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));width:30px;height:30px;color:var(--color-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.practice-path-text{min-width:0;color:var(--color-text-secondary);flex-direction:column;flex:1;font-size:13px;line-height:1.3;display:flex}.practice-path-text b{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.practice-path-go{color:var(--color-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.practice-path-go .go-long{display:none}@media (prefers-reduced-motion:reduce){.practice-tile-skeleton,.practice-topics-status svg,.practice-link .is-spinning{animation:none}}@media (width>=720px){.session-start-page{padding:var(--spacing-2xl)}.session-start-container{gap:18px}.practice-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.practice-tile{min-height:112px}.practice-tile-text{font-size:16px}.practice-lower{flex-direction:row;align-items:flex-end;gap:16px}.practice-length{flex:1}.start-session-btn{width:auto;padding:14px 44px}.practice-path-go .go-long{display:inline}.practice-path-go .go-short{display:none}}.duration-picker{margin-bottom:var(--spacing-md)}.duration-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.7rem;font-weight:700;display:block}.duration-chips{gap:var(--spacing-sm);justify-content:center;display:flex}.duration-chip{max-width:200px;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-normal), background var(--transition-normal);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.duration-chip:hover{border-color:var(--color-primary)}.duration-chip-selected{border-color:var(--color-primary);background:var(--color-primary)}.duration-chip-label{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.duration-chip-selected .duration-chip-label{color:#fff}.duration-chip-sublabel{color:var(--color-text-secondary);font-size:.78rem}.duration-chip-selected .duration-chip-sublabel{color:#ffffffd9}@media (width<=480px){.duration-chips{flex-direction:column;align-items:stretch}.duration-chip{justify-content:center;gap:var(--spacing-sm);flex-direction:row;max-width:none}}@media (width<=899px){.practice-link{min-height:44px;padding:0 4px;font-size:14px}.practice-length-options{border-radius:14px}.practice-length-option{border-radius:11px;min-height:44px;padding:0 8px;font-size:14.5px}.start-session-btn{border-radius:14px;min-height:52px}.custom-topic-input{min-height:48px}.practice-path-row{min-height:56px}.session-start-title{text-align:left;text-wrap:initial;font-size:22px;line-height:1.25}.practice-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-tile{min-height:84px}.practice-lower{flex-direction:column;align-items:stretch}.start-session-btn{width:100%}.practice-tile{box-shadow:none;border-radius:16px;padding:12px}.practice-tile.is-selected:after{display:none}.practice-length-label{letter-spacing:.06em;font-size:11.5px}.practice-length-option{white-space:nowrap;padding:0 4px}.practice-path-row{box-shadow:none;border-radius:16px;margin-top:0;padding:8px 12px}.practice-path-text b{font-size:15px;font-weight:600}.practice-path-go .go-short,.practice-path-go .go-long{display:none}.practice-cols,.practice-main,.practice-side{display:contents}}@media (width>=900px){.practice-main{flex-direction:column;gap:18px;display:flex}.practice-side{gap:18px}.session-start-title{text-align:left;font-size:28px}.practice-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.practice-lower{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;align-items:stretch;padding:18px}.practice-lower .start-session-btn{width:100%}.session-start-container>.frame-header{margin-bottom:4px}}