.stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.stat-card{display:flex;flex-direction:column;gap:8px;padding:16px;min-height:100px}.stat-card .label{color:var(--muted)}.stat-number{font-family:var(--font-display);font-size:48px;font-weight:900;line-height:1;color:var(--ink)}.btn-practice{min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px}.practice-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--white)}.level-icon{font-size:24px}.practice-count{font-family:var(--font-body);font-size:14px;color:var(--white);opacity:.9}.practice-text{font-family:var(--font-label);font-size:16px;font-weight:700;text-transform:uppercase;color:var(--white);letter-spacing:.05em}.progress-card{display:flex;flex-direction:column;gap:8px;padding:16px}.progress-bar{width:100%;height:24px;border:var(--border);background:var(--paper);overflow:hidden}.progress-fill{height:100%;background:var(--blue);transition:width .3s ease}.progress-label{font-family:var(--font-label);font-size:13px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.action-buttons button:last-child{grid-column:1 / -1}.learning-path{display:flex;flex-direction:column;gap:8px;margin-top:8px}.path-step{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--footer-muted)}.path-step:last-child{border-bottom:none}.path-step .label{color:var(--muted);font-size:11px}.step-title{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--ink);margin:0;line-height:1.3}.step-families{font-family:var(--font-label);font-size:12px;color:var(--muted);margin:0;text-align:right}@media(max-width:420px){.action-buttons{grid-template-columns:1fr}.action-buttons button:last-child{grid-column:1}}.buddy{display:inline-block;flex:none;transform-origin:50% 100%}.buddy img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.buddy[data-mood=idle]{animation:buddy-breathe 3.2s ease-in-out infinite}.buddy[data-mood=gloat]{animation:buddy-pop .5s ease-out 1,buddy-breathe 3.2s ease-in-out .5s infinite}.buddy[data-mood=shifty]{animation:buddy-lean 1.8s ease-in-out infinite}.buddy[data-mood=caught]{animation:buddy-rock 1.4s ease-in-out infinite}@keyframes buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,1.035)}}@keyframes buddy-pop{0%{transform:scale(1)}35%{transform:scale(1.14,.88)}70%{transform:scale(.96,1.1)}to{transform:scale(1)}}@keyframes buddy-lean{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes buddy-rock{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}@media(prefers-reduced-motion:reduce){.buddy{animation:none!important}}.buddy-picker{display:flex;flex-direction:column;gap:8px}.buddy-picker-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.buddy-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:64px;min-height:100px;padding:6px 2px;font-size:13px;line-height:1.1;text-align:center;text-transform:none;letter-spacing:0}.buddy-choice[aria-pressed=true]{background:var(--yellow)}.parent-content{display:flex;flex-direction:column;gap:16px;font-size:17px}.parent-headline{margin:0;padding:16px;font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--white);background:var(--navy);border:var(--border);border-radius:var(--radius)}.parent-card{position:relative;min-width:0;padding:16px 16px 16px 56px;color:var(--ink);background:var(--card-paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.parent-card h3{margin:0 0 8px;font-family:var(--font-label);font-size:17px;font-weight:800}.parent-ordinal{position:absolute;top:14px;left:16px;font-family:var(--font-label);font-size:17px;font-weight:700;color:var(--muted)}.parent-big{font-family:var(--font-display);font-size:56px;line-height:1;color:var(--ink)}.parent-sub,.parent-empty{margin:8px 0 0;font-size:17px;color:var(--muted)}.parent-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.parent-chips li{padding:6px 12px;font-family:var(--font-display);font-size:20px;background:var(--sky);border:2px solid var(--ink);border-radius:999px}.parent-tangles{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.parent-tangles li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:12px}.parent-tangle-fact{font-family:var(--font-display);font-size:22px}.parent-tangle-note{min-width:0;color:var(--muted)}.parent-tangle-count{font-family:var(--font-display);font-size:22px;color:var(--purple-deep)}.parent-footer{margin:0;font-weight:700;text-align:center;color:var(--muted)}[data-screen=practice]{gap:8px;padding-top:calc(8px + var(--safe-top))}[data-screen=practice] .topbar h1{font-size:28px}.practice-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap)}.practice-head{display:flex;align-items:center;gap:var(--gap)}.streak{display:flex;gap:6px}.streak .dot{width:16px;height:16px;border:var(--border);background:var(--card-paper)}.streak .dot.on{background:var(--yellow)}.progress-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.progress{height:10px;border:var(--border);background:var(--card-paper)}.progress-fill{height:100%;background:var(--blue)}.fact-row{display:flex;align-items:flex-end;gap:8px}.fact-row .fact-card{flex:1;min-width:0}.overlay>[role=dialog]>.buddy{align-self:center}.answer-box,.mono-example,.unlock-banner,.stat,.progress,.progress-bar,.badge{border-radius:12px}.progress,.progress-bar{overflow:hidden}.streak .dot{border-radius:50%}.fact-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;text-align:center}.fact-display{font-family:var(--font-display);font-weight:400;font-size:64px;line-height:1;letter-spacing:.01em}.answer-box{display:flex;align-items:center;justify-content:center;width:100%;max-width:220px;min-height:70px;border:var(--border);background:var(--paper);font-family:var(--font-label);font-weight:700;font-size:48px;line-height:1}.fact-note{min-height:24px;display:flex;align-items:center;justify-content:center}.badge{display:inline-block;padding:2px 10px;border:var(--border);background:var(--yellow);color:var(--ink);font-family:var(--font-label);font-weight:700;font-size:14px;text-transform:uppercase}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.numpad button{min-width:64px;min-height:64px;padding:0;font-family:var(--font-label);font-weight:700;font-size:28px;letter-spacing:0}.confidence{display:flex;flex-direction:column;gap:var(--gap)}.confidence-prompt{font-family:var(--font-display);font-weight:900;font-size:30px;text-transform:uppercase;text-align:center;line-height:1}.confidence-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.confidence-btn{position:relative;min-width:70px;min-height:110px;padding:16px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--card-paper);color:var(--ink)}.band{display:block;height:10px;border-bottom:var(--border)}.confidence-btn .band{position:absolute;top:0;left:0;right:0}.ordinal{font-size:14px}.confidence-label{font-size:20px}.overlay h2{font-size:34px}.strategy-dialog{position:relative;padding-top:32px}.strategy-dialog .strategy-band{position:absolute;top:0;left:0;right:0;height:12px}.mono-example{font-family:var(--font-label);font-weight:600;padding:8px 10px;border:var(--border);background:var(--paper)}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unlock-banner{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:var(--border);background:var(--yellow);color:var(--ink)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:var(--border);background:var(--paper)}.stat-num{font-family:var(--font-label);font-weight:700;font-size:32px;line-height:1}@media(max-width:380px){.fact-display{font-size:64px}}.profile-content{display:flex;flex-direction:column;gap:24px}.explorer-header{display:flex;flex-direction:column;gap:16px}.explorer-title{font-size:28px;font-weight:900;color:var(--ink);margin:0;text-transform:uppercase;letter-spacing:-.03em;line-height:.9}.streak-display{display:flex;align-items:baseline;gap:8px}.streak-label{font-family:var(--font-label);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.streak-count{font-family:var(--font-label);font-size:32px;font-weight:700;color:var(--ink)}.stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px;padding:16px;border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow)}.stat-value{font-family:var(--font-label);font-size:28px;font-weight:700;color:var(--ink)}.stat-label{font-family:var(--font-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-button{min-height:64px;padding:16px;font-family:var(--font-label);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);cursor:pointer}.action-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-press)}.action-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.progress-ring-section{display:flex;justify-content:center;padding:var(--gap)}.progress-ring-svg{width:160px;height:160px;border:var(--border);box-shadow:var(--shadow)}.progress-ring-track{fill:none;stroke:var(--card-paper);stroke-width:8}.progress-ring-fill{fill:none;stroke:var(--blue);stroke-width:8;stroke-linecap:round;stroke-dashoffset:0;transition:stroke-dasharray .3s;transform:rotate(-90deg);transform-origin:60px 60px}.progress-ring-text{font-family:var(--font-label);font-size:24px;font-weight:700;text-anchor:middle;fill:var(--ink)}.mastery-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mastery-card{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow-wrap:anywhere;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:6px}.mastery-swatch{width:32px;height:32px;border:var(--border)}.mastery-ordinal{font-family:var(--font-label);font-size:18px;font-weight:700;color:var(--ink)}.mastery-label{font-family:var(--font-label);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--ink);text-align:center}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}@media(max-width:400px){.family-grid{grid-template-columns:repeat(3,1fr)}}.family-cell{border:var(--border);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:6px}.family-number{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--ink)}.family-count{font-family:var(--font-label);font-size:13px;font-weight:600;color:var(--ink)}.family-bar{height:6px;border:var(--border);background:var(--card-paper);overflow:hidden}.family-bar-fill{height:100%;transition:width .2s}[data-screen=progress]>h2{margin-top:8px}.due-section{border:var(--border);box-shadow:var(--shadow);padding:16px}.due-section h2{font-size:18px;margin-bottom:12px}.due-empty{font-family:var(--font-body);font-size:16px;color:var(--ink);text-align:center;padding:12px}.due-list{display:flex;flex-direction:column;gap:8px}.due-row{display:flex;align-items:center;gap:12px;padding:8px;border:var(--border);background:var(--card-paper)}.due-ordinal{font-family:var(--font-label);font-size:13px;font-weight:700;color:var(--ink);min-width:24px}.due-fact{flex:1;font-family:var(--font-label);font-size:14px;color:var(--ink)}.due-days{font-family:var(--font-label);font-size:12px;color:var(--muted);white-space:nowrap}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.stat-item{border:var(--border);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.stat-label{font-family:var(--font-label);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--ink)}.stat-value{font-family:var(--font-label);font-size:20px;font-weight:700;color:var(--ink)}@media(prefers-reduced-motion:reduce){.progress-ring-fill,.family-bar-fill{transition:none}}.settings-content{display:flex;flex-direction:column;gap:24px}.level-picker{display:flex;flex-direction:column;gap:12px}.level-button{display:flex;align-items:center;gap:16px;padding:12px 16px;text-align:left;font-family:var(--font-label);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;min-height:64px;color:var(--ink);border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);cursor:pointer}.level-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-press)}.level-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.level-button.selected{background:var(--blue);color:var(--white)}.level-button.locked{opacity:.65}.level-icon{font-size:32px;flex-shrink:0}.level-info{display:flex;flex-direction:column;gap:4px;flex:1}.level-name{font-weight:700;font-size:16px}.level-age{font-size:12px;color:var(--muted)}.level-progress{font-family:var(--font-label);font-size:12px;color:var(--muted)}.level-button.selected .level-age,.level-button.selected .level-progress{color:inherit;opacity:.85}.level-lock{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink)}.level-button.selected .level-lock{color:var(--white)}.unlock-hint{text-align:center;font-size:14px;color:var(--muted);margin:0}.toggles{display:flex;flex-direction:column;gap:12px}.toggle-button{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px;font-family:var(--font-label);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);cursor:pointer}.toggle-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-press)}.toggle-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.toggle-label{font-size:14px}.toggle-value{font-family:var(--font-label);font-size:12px;color:var(--muted)}.daily-goal{display:flex;flex-direction:column;gap:12px}.goal-label{font-family:var(--font-label);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0}.goal-buttons{display:flex;gap:8px;flex-wrap:wrap}.goal-button{flex:1;min-width:60px;min-height:64px;padding:12px;font-family:var(--font-label);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);cursor:pointer}.goal-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-press)}.goal-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.goal-button.selected{background:var(--blue);color:var(--white)}.version{text-align:center;font-family:var(--font-label);font-size:12px;color:var(--muted);margin:12px 0 0}.pin-sheet{width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;padding:20px}.pin-sheet h2{font-size:24px;margin:0;color:var(--ink)}.pin-display{display:flex;justify-content:center;gap:16px}.pin-dot{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:var(--border);border-radius:var(--radius);background:var(--card-paper);font-size:20px;color:var(--ink);box-shadow:var(--shadow)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pin-button{min-height:64px;padding:0;font-family:var(--font-label);font-size:18px;font-weight:700;color:var(--ink);border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);cursor:pointer}.pin-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-press)}.pin-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pin-button.action{background:var(--card-paper);color:var(--ink)}.pin-hint{text-align:center;font-size:13px;color:var(--muted);margin:0}.pin-cancel{min-height:64px;width:100%;font-family:var(--font-label);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);cursor:pointer}.pin-cancel:active{transform:translate(2px,2px);box-shadow:var(--shadow-press)}.pin-cancel:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.strategies-grid{display:grid;grid-template-columns:1fr;gap:12px}.strategy-card{border:2px solid var(--ink);border-top:8px solid var(--strategy-color);background:var(--card-paper);box-shadow:4px 4px 0 var(--ink);padding:16px;border-radius:0}.card-header{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ordinal{font-family:var(--font-label);font-weight:700;font-size:13px;color:var(--ink);text-transform:uppercase}.family-display{font-family:var(--font-label);font-weight:700;font-size:14px;color:var(--ink)}.strategy-card h3{font-size:18px;margin:0 0 8px}.strategy-card .description{font-size:15px;color:var(--ink);margin:8px 0}.strategy-card .example{font-family:var(--font-label);font-weight:600;font-size:14px;color:var(--ink);margin:10px 0 8px;background:var(--paper);padding:8px 12px;border-radius:0}.strategy-card .tip{font-family:var(--font-label);font-weight:600;font-size:13px;color:var(--muted);margin:8px 0 0}.array-card{--dot: clamp(10px, calc((100vw - 60px - 24px - 56px - 8px - 11 * 3px - 12px) / 12), 28px);padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.array-rows{display:flex;flex-direction:column;gap:3px}.array-row{display:flex;align-items:center;gap:4px}.row-label{width:24px;flex:none}.dots{display:flex;gap:3px;flex:1;min-width:0}.dot{width:var(--dot);height:var(--dot);flex:none;border:2px solid var(--ink);border-radius:50%;opacity:.12;transform:scale(.3);transition:opacity .3s,transform .3s}.dot.on{opacity:1;transform:scale(1)}.sum{width:56px;flex:none;text-align:right;font-family:var(--font-label);font-size:13px;font-weight:700;color:var(--muted)}.sum.now{color:var(--ink);background:var(--yellow)}.sum.hide{visibility:hidden}.counting{font-size:18px}.groups{font-family:var(--font-display);font-size:28px;font-weight:900;text-transform:uppercase}.strategy-card{display:flex;flex-direction:column;gap:6px}.example{background:var(--paper);border:var(--border);padding:8px;text-transform:none}:root{--cream: #fbf3df;--card: #fffdf6;--navy: #101a33;--navy-card: #1b2a4e;--ink: #1b1b2f;--red: #c8321f;--yellow: #ffd84d;--purple: #dccbff;--purple-deep: #4a2c8f;--sky: #d6ecfa;--green: #cfefc9;--green-deep: #1e6b2e;--muted: #55506a;--on-navy-muted: #b9c4e4;--white: #ffffff;--paper: var(--cream);--card-paper: var(--card);--blue: var(--navy-card);--yellow-text: var(--yellow);--footer-muted: var(--on-navy-muted);--focus: var(--purple-deep);--font-display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-label: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 18px;--border: 3px solid var(--ink);--shadow: 0 5px 0 var(--ink);--shadow-press: 0 1px 0 var(--ink);--tap: 64px;--gap: 12px;--pad: 16px;--shell: 560px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);font-size:18px;line-height:1.45;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.01em}h1{font-size:44px}h2{font-size:30px}h3{font-size:22px}p{margin:0}.label{font-family:var(--font-label);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted)}button{font-family:var(--font-label);font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);cursor:pointer;min-width:var(--tap);min-height:var(--tap);padding:0 16px;border:var(--border);border-radius:var(--radius);background:var(--card-paper);box-shadow:var(--shadow);touch-action:manipulation}button:active:not(:disabled){transform:translateY(4px) scale(.95);box-shadow:var(--shadow-press)}button:focus-visible,a:focus-visible{outline:4px solid var(--focus);outline-offset:3px}button:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-blue{background:var(--blue);color:var(--white)}.btn-red{background:var(--red);color:var(--white)}.btn-yellow{background:var(--yellow);color:var(--ink)}.card{border:var(--border);background:var(--card-paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}[data-screen]{width:100%;max-width:var(--shell);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:calc(var(--pad) + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(var(--pad) + var(--tap) + 24px + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));gap:var(--gap)}[data-screen=practice]{padding-bottom:calc(var(--pad) + var(--safe-bottom))}[id]{scroll-margin-top:calc(var(--tap) + var(--safe-top))}.topbar{display:flex;align-items:center;gap:var(--gap)}.topbar h1{font-size:34px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:8px calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));background:var(--navy);border-top:var(--border)}.tabbar button{flex:1;max-width:180px;box-shadow:none}.tabbar button[aria-current=page]{background:var(--yellow);color:var(--ink)}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:calc(var(--pad) + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(var(--pad) + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));background:#101a33b8}.overlay>[role=dialog]{width:100%;max-width:440px;max-height:100%;overflow-y:auto;border:var(--border);background:var(--card-paper);border-radius:var(--radius);box-shadow:0 8px 0 var(--ink);padding:20px;display:flex;flex-direction:column;gap:var(--gap)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}