html{min-width:320px}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{width:100%}.header-inner{max-width:1240px;margin:auto;padding:15px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{flex-shrink:0}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.brand-name.MuiTypography-root{font-size:20px;font-weight:800;letter-spacing:-.5px}.brand-description{font-size:10px!important}.nav-tabs .MuiTab-root{min-height:48px;font-size:14px;min-width:120px}.count-badge{border-radius:6px;padding:0 5px;font-size:11px}.main-container{width:100%;max-width:1240px;margin:0 auto;padding:48px 36px 32px;flex:1}.intro-row{margin-bottom:32px;gap:24px}.eyebrow.MuiTypography-root{font-size:10px;font-weight:750;letter-spacing:1.7px}.hero-heading.MuiTypography-root{font-size:clamp(28px,3.5vw,39px);font-weight:800;line-height:1.2;letter-spacing:-1.5px}.hero-description.MuiTypography-root{margin-top:12px;font-size:14px;line-height:1.7}.pace-chip.MuiChip-root{padding:8px;height:36px;flex-shrink:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px}.mode-card.MuiCard-root{border-radius:14px;transition:border-color .2s,background .2s}.mode-action.MuiCardActionArea-root{display:flex;align-items:center;gap:16px;padding:19px 22px;height:100%}.mode-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center}.mode-card .MuiTypography-body2{font-size:12px;margin-top:3px}.mode-radio{height:20px;width:20px;border:1.5px solid;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.topic-panel.MuiPaper-root{min-height:490px;padding:28px 32px 32px;display:flex;flex-direction:column}.topic-content{flex:1;min-height:285px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px 0}.topic-symbol{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;margin-bottom:24px}.topic-title.MuiTypography-root{font-size:clamp(25px,2.7vw,33px);font-weight:750;letter-spacing:-.9px;line-height:1.35;text-wrap:balance;overflow-wrap:anywhere;max-width:640px}.topic-hint.MuiTypography-root{max-width:420px;margin-top:16px;font-size:14px;line-height:1.8}.topic-shuffle{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.shuffle-letters.MuiTypography-root{display:flex;flex-direction:column;align-items:center}.shuffle-line{display:flex;justify-content:center;gap:.45em}.shuffle-word{white-space:nowrap}.shuffle-word>span{display:inline-block;transition:opacity .16s ease}.shuffle-caption.MuiTypography-root{font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.topic-actions{text-align:center;padding-top:12px}.topic-actions .MuiButton-sizeLarge{padding:13px 28px}.settings-panel.MuiPaper-root,.tip-panel.MuiPaper-root{padding:24px}.categories-button.MuiButton-root{justify-content:space-between;font-size:12px;border-color:var(--mui-palette-divider, #d5d7e5)}.tip-panel .MuiTypography-body2{font-size:12px}.how-it-works{display:flex;justify-content:space-between;gap:24px;margin:32px 16px 8px}.step-number{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:12px;font-weight:750}.app-footer{max-width:1168px;width:calc(100% - 72px);margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;gap:16px}.active-topic.MuiTypography-root{font-size:24px;font-weight:700;text-align:center;line-height:1.4;overflow-wrap:anywhere}.timer-area{display:flex;flex-direction:column;align-items:center;padding:24px 0 14px}.timer-circle{width:220px;height:220px;position:relative;display:grid;place-items:center}.timer-circle .MuiCircularProgress-circle{stroke-linecap:round}.timer-numbers.MuiTypography-root{font-size:52px;font-weight:750;line-height:1.25;letter-spacing:-2px;font-variant-numeric:tabular-nums}.breath-label{margin-top:14px;border-radius:999px;padding:7px 17px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:12px}.breath-dot{width:9px;height:9px;border-radius:50%;background:currentColor;transition:transform 1s ease}.breath-dot.inhale{transform:scale(1.4)}.breath-dot.exhale{transform:scale(.65)}.answer-structure.MuiTypography-root{text-align:center;font-size:13px;margin:10px 0 24px}.completed-content{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.completion-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center}.completion-title.MuiTypography-root{max-width:470px;font-size:32px;font-weight:750;line-height:1.35;letter-spacing:-1px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-option{border:1px solid;border-radius:10px;padding:3px 8px 3px 0}.category-option .MuiFormControlLabel-label{width:100%}.MuiDialogActions-root{padding:16px 24px!important;flex-wrap:wrap;gap:4px}.favorites-page{min-height:600px}.favorites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.favorite-card.MuiPaper-root{padding:24px;display:flex;flex-direction:column}.empty-favorites.MuiPaper-root{padding:64px 24px;margin-top:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.empty-favorites .topic-symbol{margin-bottom:0}.spinning{animation:rotate 2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1000px){.header-inner{padding:14px 24px;gap:12px}.main-container{padding:32px 24px}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.topic-panel.MuiPaper-root{padding:24px}.settings-panel.MuiPaper-root,.tip-panel.MuiPaper-root{padding:20px}.brand-description{display:none}.pace-chip{display:none!important}.favorites-grid{grid-template-columns:1fr 1fr}.app-footer{width:calc(100% - 48px)}}@media(max-width:720px){.header-inner{flex-wrap:wrap;padding:14px 20px 0;gap:8px}.brand-name.MuiTypography-root{font-size:18px}.brand-mark{width:35px;height:35px;border-radius:10px}.header-actions{margin-left:auto}.nav-tabs{order:3;width:100%}.nav-tabs .MuiTab-root{flex:1}.nav-tabs .MuiTabs-list{width:100%}.main-container{padding:28px 20px}.hero-heading.MuiTypography-root{letter-spacing:-.9px;font-size:29px}.hero-description.MuiTypography-root{font-size:13px}.intro-row{margin-bottom:24px}.mode-grid{gap:10px;margin-bottom:18px}.mode-action.MuiCardActionArea-root{padding:14px;gap:10px;flex-wrap:wrap}.mode-icon{width:32px;height:32px;border-radius:9px}.mode-action>div:nth-child(2){order:3;flex-basis:100%}.mode-radio{margin-left:auto}.mode-card .MuiTypography-body2{font-size:11px}.workspace-grid{grid-template-columns:1fr}.topic-panel.MuiPaper-root{padding:22px 20px;min-height:440px}.topic-content{min-height:250px}.topic-title.MuiTypography-root{font-size:27px}.topic-actions .MuiButton-root{flex:1;padding:11px 16px;font-size:13px;min-width:140px}.topic-hint.MuiTypography-root{font-size:13px}.how-it-works{flex-direction:column;gap:20px;margin:28px 4px 0}.app-footer{width:calc(100% - 40px);flex-direction:column;gap:4px}.category-grid,.favorites-grid{grid-template-columns:1fr}.active-topic.MuiTypography-root{font-size:22px}.completion-title.MuiTypography-root{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}