.grade-pick{flex-direction:column;gap:14px;display:flex}.grade-pick h2{font:700 20px/1.25 var(--head)}.grade-pick p{color:var(--muted);font-size:14px}.grade-pick .grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grade-pick .grid button{height:56px;font:700 20px var(--head);color:var(--fg);background:var(--glass-2);border:1px solid var(--line);border-radius:16px;transition:background .2s,transform .15s}.grade-pick .grid button:hover{background:color-mix(in srgb, var(--lime) 18%, transparent)}.grade-pick .grid button:active{transform:scale(.97)}.grade-pick .skip{color:var(--muted);align-self:flex-start;padding:4px 0;font-size:13px;text-decoration:underline}.grade-pick .aims{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:520px){.grade-pick .aims{grid-template-columns:1fr 1fr}}.grade-pick .aims button{text-align:left;color:var(--fg);background:var(--glass-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:14px;transition:background .2s,transform .15s;display:flex}.grade-pick .aims button:hover{background:color-mix(in srgb, var(--lime) 18%, transparent)}.grade-pick .aims button:active{transform:scale(.98)}.grade-pick .aims .ic{flex:none;font-size:22px}.grade-pick .aims b{font:700 15px/1.3 var(--head);display:block}.grade-pick .aims small{color:var(--muted);font-size:13px;display:block}
