.page{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;max-width:820px;margin:0 auto;display:flex}.page main{flex:1}.page-head{text-align:center;padding:clamp(16px,5vh,48px) 0 20px}.page-head.small{justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex}.catchphrase{color:var(--muted);margin:6px 0 0;font-size:clamp(18px,2.6vw,22px);font-weight:800}.lesson-cards{gap:14px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{background:var(--panel-2);min-height:104px;color:var(--ink);border-radius:26px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;display:flex;box-shadow:0 10px 30px #00000059}.lesson-card:active{transform:scale(.98)}.lesson-icon{font-size:clamp(44px,8vw,60px)}.lesson-text{flex:1;gap:4px;display:grid}.lesson-card .lesson-title{font-size:clamp(20px,3vw,26px);font-weight:900}.lesson-blurb{color:var(--muted);font-size:16px}.lesson-go{background:var(--go);width:64px;height:64px;color:var(--go-ink);border-radius:50%;flex:none;place-items:center;font-size:28px;display:grid}.coming{text-align:center;color:var(--muted);margin:22px 0;font-size:22px}.coming span:last-child{font-size:15px}.page-foot{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:18px 0 4px;font-size:14px;display:flex}.page-foot a{align-items:center;min-height:44px;display:inline-flex}.back-link{align-items:center;min-height:48px;font-weight:700;display:inline-flex}.ask-main h1{margin:8px 0 16px;font-size:clamp(26px,4vw,34px)}.gate,.feedback,.sent{background:var(--panel);border-radius:24px;gap:16px;padding:22px;display:grid}.gate p,.sent p{margin:0;font-size:17px}.gate-q{flex-wrap:wrap;align-items:center;gap:14px;font-size:26px;font-weight:900;display:flex}.gate-q input,.field input,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:2px solid var(--panel-3);border-radius:14px;padding:12px 14px}.gate-q input{text-align:center;width:6ch;min-height:64px;font-size:28px}.gate-miss{color:var(--hint);font-weight:700}.feedback fieldset{border:0;margin:0;padding:0}.feedback legend,.field>span:first-child{margin-bottom:8px;font-size:17px;font-weight:800}.about{color:var(--muted);margin:0}.topic-choices{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.topic-choice{background:var(--panel-2);text-align:left;border-radius:16px;min-height:64px;padding:10px 14px;font-size:16px;font-weight:800}.topic-choice.on{background:var(--panel-3);box-shadow:inset 0 0 0 3px var(--cyan)}.field{gap:6px;display:grid}.field textarea{resize:vertical;min-height:140px;font-size:17px}.field input{min-height:56px;font-size:17px}.field-hint{color:var(--muted);justify-content:space-between;gap:10px;font-size:14px;display:flex}.count{font-variant-numeric:tabular-nums;white-space:nowrap}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-error{color:#ffd9e1;background:#4a1d2b;border-radius:14px;margin:0;padding:12px 14px;font-weight:700}.sent-big{font-weight:900;font-size:30px!important}