.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.onboarding-title{font-size:28px;font-weight:700;margin-bottom:8px}.onboarding-subtitle{font-size:16px;color:var(--color-text-secondary);margin-bottom:28px;line-height:1.4}.onboarding-step{font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:600}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;max-width:360px}.language-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:var(--radius);background:var(--color-surface);border:2px solid transparent;transition:all var(--transition);cursor:pointer}.language-card:active{transform:scale(.97)}.language-card.selected{border-color:var(--color-primary);background:rgba(108,142,239,.08)}.language-card-flag{font-size:32px}.language-card-name{font-size:15px;font-weight:600}.language-card-native{font-size:13px;color:var(--color-text-secondary)}.onboarding-header{width:100%;max-width:360px;text-align:left;margin-bottom:8px}.onboarding-next{margin-top:24px;width:100%;max-width:360px}.storage-notice{margin-top:32px;padding:12px 16px;font-size:12px;line-height:1.5;color:var(--color-text-secondary);max-width:360px;text-align:center}.onboarding-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.onboarding-option-btn{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radius);background:var(--color-surface);border:2px solid transparent;transition:all var(--transition);cursor:pointer;font-size:16px;font-weight:600;color:var(--color-text)}.onboarding-option-btn:active{transform:scale(.98)}.onboarding-option-btn:hover{border-color:var(--color-primary);background:rgba(108,142,239,.08)}.onboarding-option-icon{font-size:24px;flex-shrink:0}.onboarding-option-text{flex:1;text-align:left;display:flex;flex-direction:column;gap:2px}.onboarding-option-label{font-size:16px;font-weight:600}.onboarding-option-desc{font-size:13px;font-weight:400;color:var(--color-text-secondary)}.onboarding-hint{margin-top:20px;font-size:13px;color:var(--color-text-secondary);max-width:360px}.compat-warning{background:#fff3cd;border:1px solid #ffda6a;border-radius:var(--radius);padding:16px 20px;margin-bottom:20px;max-width:360px;width:100%;text-align:left}[data-theme=auto] .compat-warning,[data-theme=dark] .compat-warning{background:#3d3200;border-color:#665200}@media (prefers-color-scheme:dark){[data-theme=auto] .compat-warning{background:#3d3200;border-color:#665200}}.compat-warning-title{font-size:14px;font-weight:700;color:#664d03;margin-bottom:6px}[data-theme=auto] .compat-warning-title,[data-theme=dark] .compat-warning-title{color:#ffda6a}@media (prefers-color-scheme:dark){[data-theme=auto] .compat-warning-title{color:#ffda6a}}.compat-warning-message{font-size:13px;line-height:1.5;color:#664d03;margin-bottom:12px}[data-theme=auto] .compat-warning-message,[data-theme=dark] .compat-warning-message{color:#ffe69c}@media (prefers-color-scheme:dark){[data-theme=auto] .compat-warning-message{color:#ffe69c}}.compat-warning-dismiss{font-size:13px;font-weight:600;color:#664d03;background:rgba(102,77,3,.1);border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;transition:background var(--transition)}[data-theme=auto] .compat-warning-dismiss,[data-theme=dark] .compat-warning-dismiss{color:#ffda6a;background:rgba(255,218,106,.15)}@media (prefers-color-scheme:dark){[data-theme=auto] .compat-warning-dismiss{color:#ffda6a;background:rgba(255,218,106,.15)}}.compat-warning-dismiss:active{background:rgba(102,77,3,.2)}@media (max-width:375px){.onboarding{padding:16px}.language-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.language-card{padding:14px 10px;gap:6px}.language-card-flag{font-size:28px}.language-card-name{font-size:13px}.onboarding-title{font-size:24px}.onboarding-subtitle{font-size:14px;margin-bottom:20px}.storage-notice{margin-top:16px}.onboarding-option-btn{padding:16px 18px}}@media (max-height:700px){.onboarding{padding:16px}.onboarding-title{font-size:24px;margin-bottom:6px}.onboarding-subtitle{font-size:15px;margin-bottom:20px}.onboarding-step{margin-bottom:12px;font-size:12px}.language-card{padding:14px 12px;gap:6px}.language-card-flag{font-size:28px}.language-card-name{font-size:14px}.onboarding-next{margin-top:16px}.storage-notice{margin-top:16px}.onboarding-option-btn{padding:14px 20px}.onboarding-hint{margin-top:12px}.compat-warning{margin-bottom:12px}}