/* Shared white surfaces and a symmetric header for every entry/setup screen. */
:root{--bg:#fff;--panel:#fff;--cream:#fff;--ink:#242933;--muted:#949da9;--line:#edf0f4}
html,body,.app-shell,.workspace,.sidebar,.topbar,.onboarding-shell,.auth-body,.entry-stage,.entry-card,.wizard-body,.wizard-stage,.wizard-card,.wizard-footer{background:#fff}
.sidebar,.topbar{border-color:#edf0f4}.breadcrumb,.today-label,.brand-caption{color:#a2aab5}.nav-link{color:#8d96a3}.nav-link:hover{background:#f7f8fa}.nav-link.active{background:#f5f6f8;color:#555d69}.nav-link.active>.bi{color:#eea01b}.sidebar-invite{background:#fff;border-color:#e9edf2}.invite-icon{border-color:#fff;background:#fff7e6}.sidebar-profile small{color:#9da6b2}
.hero-card,.continue-card,.daily-card,.weekly-card,.mini-event,.level-promo,.learning-banner,.tip-card,.test-hero,.white-card,.profile-card,.profile-card .stat-grid,.match-row,.person-card,.discover-person,.group-card,.event-card,.topic-row,.conversation-list,.chat-panel,.message-form{background:#fff;border-color:#e9edf2}.hero-kicker,.hero-copy p,.daily-card>p,.rail-note,.tip-card p,.learning-banner p,.test-hero p{color:#959da8}.hero-card{border-color:#edf0f4}.hero-word{background:#fff;border-color:#e8ecf1;color:#a1a9b4}.visual-caption,.hero-social>span{color:#adb4bf}.continue-content .eyebrow,.continue-content p{color:#9ca5b2}.search-box,.compact,.outline,.topic-row{background:#fff;border-color:#e7ebf0}.search-box input::placeholder{color:#a5aeba}.search-box:focus-within{box-shadow:none}.filter-tabs button{background:#f5f6f8;color:#8993a1}.filter-tabs button.active{background:#282c33;color:#fff}.level-tabs button{border-color:#e7ebf0}.level-tabs button.active{background:#ffbc20;border-color:#ffbc20}.topic-row:hover{background:#fafbfc;border-color:#dbe1e9}.tag:not(.mint):not(.rose):not(.amber):not(.blue):not(.lavender):not(.peach){background:#f5f6f8;color:#8993a1}.chat-messages{background:#fff}.message-form input,.conversation-list>.search-box{background:#f8f9fb;border-color:#edf0f4}.conversation.active{background:#f6f7f9}.profile-section,.profile-account,.site-footer{border-color:#edf0f4}.site-footer{color:#a6afbc}.bottom-nav{background:#ffffffed;border-color:#edf0f4}.profile-country-separator{color:#b4bbc5}.progress-track{background:#f0f2f5}.stat-grid small,.muted{color:#98a2b0}.site-footer .footer-dot{background:#d5dae2}
.flow-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;height:64px;min-height:64px;flex:none;width:100%;padding:0 24px;background:#fff;border-bottom:1px solid #f1f3f6;position:relative;z-index:4;margin:0}
.flow-back{justify-self:start;display:grid;place-items:center;height:40px;width:40px;margin:0;border:1px solid #edf0f4;border-radius:13px;color:#8993a1;font-size:16px;transition:background .18s}.flow-back:hover{background:#f7f8fa;color:#505b6a}.flow-back>.bi{direction:ltr;transform:none}.flow-center{display:flex;justify-content:center;align-items:center;min-width:0}.flow-label{font-size:9px;color:#9aa4b2;white-space:nowrap;font-weight:500}.flow-brand{justify-self:end;font:800 16px/1 Arial,Vazirmatn,sans-serif;letter-spacing:-.7px;direction:ltr;white-space:nowrap;color:#252a33}.flow-brand>span{color:#f4a01b}.flow-progress{display:flex;align-items:center;justify-content:center;gap:4px;direction:rtl;width:98px;min-height:20px}.flow-progress>span{display:block;height:4px;width:14px;flex:none;border-radius:5px;background:#e8ecf1}.flow-progress>span.done{background:#f3d69e}.flow-progress>span.current{width:22px;background:#f3aa2c}
.wizard-input,.wizard-level,.wizard-goal{background:#fff;border-color:#e5eaf0}.wizard-input>.bi{color:#a5afbd}.wizard-field>label,.wizard-levels>legend{color:#8f9ba9}.wizard-heading>p,.wizard-eyebrow{color:#9da7b4}.wizard-feedback{color:#c17965!important}.wizard-input input,.wizard-input select,.wizard-input textarea{color:#626d7c}.wizard-input input::placeholder,.wizard-input textarea::placeholder{color:#b0bac7}.wizard-field>label>small{color:#b0b9c5}.wizard-level strong{color:#8591a1}.wizard-level>span{color:#a5afbc}.wizard-level:has(input:checked){background:#fff8e8;border-color:#ebc57d}.wizard-photo-add{background:#fafbfc;border-color:#dce2eb;color:#a0adbd}.wizard-photo-add:hover{background:#f5f7fa;border-color:#c2cbd8}.wizard-photo{background:#f4f6f9;border-color:#e0e5ed}.wizard-photo-caption,.wizard-footer-meta,.wizard-footer-meta>small{color:#a9b3c0}.wizard-goal-icon{background:#f6f8fb;color:#a4adba}.wizard-goal strong{color:#929eae}.wizard-goal:has(input:checked){background:#fff8e8;border-color:#ebc57d}.wizard-levels>legend>span{color:#b2bbc7}.profile-big-avatar{border-color:#fff}
/* Keep secondary copy readable on the white canvas. */
.entry-card p,.entry-form-heading>p,.intro-copy p,.intro-copy.centered p,.wizard-heading>p,.wizard-eyebrow,.wizard-field>label,.wizard-levels>legend,.wizard-level>span,.wizard-goal strong,.flow-label,.wizard-footer-meta,.wizard-footer-meta>small,.wizard-photo-caption,.wizard-field>label>small,.wizard-levels>legend>span{color:#6b7280}
.auth-consent,.auth-switch{color:#6b7280!important}.auth-input input::placeholder,.wizard-input input::placeholder,.wizard-input textarea::placeholder{color:#7a8491}.password-hint,.remember-me,.auth-divider{color:#737d8b}.auth-notice{color:#477748}.auth-error-summary{color:#a25645}.wizard-level strong{color:#626d7c}.wizard-input input,.wizard-input select,.wizard-input textarea{color:#495463}
@media(min-width:600px){.wizard-card{border-color:#edf0f4;box-shadow:0 12px 40px #1f293707}.entry-card,.wizard-card{background:#fff}}
@media(max-height:740px){.flow-header{height:58px;min-height:58px;padding-inline:23px}.flow-back{width:36px;height:36px;border-radius:12px}.flow-brand{font-size:15px}}
@media(max-height:620px){.flow-header{height:51px;min-height:51px;padding-inline:21px}.flow-back{width:33px;height:33px;font-size:14px;border-radius:11px}.flow-brand{font-size:14px}.flow-label{font-size:8px}.flow-progress{width:88px;gap:3px}.flow-progress>span{width:13px;height:3px}.flow-progress>span.current{width:20px}}
@media(max-width:350px){.flow-header{padding-inline:20px;gap:7px}.flow-brand{font-size:14px}.flow-progress{width:85px}.flow-label{font-size:8px}}
.auth-body.auth-keyboard .flow-header,.wizard-body.keyboard-open .flow-header{height:43px;min-height:43px}.auth-body.auth-keyboard .flow-back,.wizard-body.keyboard-open .flow-back{height:30px;width:30px;border-radius:10px;font-size:13px}
@media(max-height:400px){.flow-header{height:39px;min-height:39px}.flow-back{height:29px;width:29px;font-size:13px}.flow-label{font-size:8px}}

/* Text fields keep their native caret without a rectangular focus ring. */
input,textarea,select,[contenteditable=true]{-webkit-tap-highlight-color:transparent;caret-color:#3698df}