/* Settings uses the selected world's palette rather than a fixed Mandarin red. */
.settings-page-heading h1{margin:0;color:var(--world-foreground,#94291a);font-family:"Avenir Next",Avenir,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.7px}.settings-character-section{width:100%;margin-top:28px}.settings-heading h2{margin:0;color:#46515a;font-family:"Avenir Next",Avenir,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.35px}.settings-help-button{color:var(--world-foreground,#94291a)!important;background:color-mix(in srgb,var(--world-highlight,#df654d) 42%,white)!important}.settings-close{color:var(--world-foreground,#94291a)!important}.settings-script-choice{border-color:color-mix(in srgb,var(--world-background,#c23d26) 22%,white)!important;box-shadow:0 6px 0 color-mix(in srgb,var(--world-background,#c23d26) 18%,transparent)!important}.settings-script-choice:hover{box-shadow:0 9px 0 color-mix(in srgb,var(--world-background,#c23d26) 26%,transparent)!important}.settings-script-choice.is-selected{border-color:var(--world-background,#c23d26)!important;box-shadow:0 6px 0 color-mix(in srgb,var(--world-background,#c23d26) 18%,transparent)!important}.settings-script-choice>span{color:var(--world-foreground,#94291a)!important}.settings-about-footer>strong,.settings-about-footer a{color:var(--world-background,#c23d26)!important}.settings-about-footer i{background:color-mix(in srgb,var(--world-background,#c23d26) 38%,transparent)!important}
@media (min-width:900px){.settings-swift-header{justify-content:space-between}.settings-heading{justify-content:flex-start}.settings-about-footer .settings-globe{filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--world-background,#c23d26) 20%,transparent))}}
@media (max-width:899px){.settings-swift-header{justify-content:space-between}.settings-page-heading h1{font-size:27px}.settings-character-section{margin-top:24px}.settings-heading h2{font-size:21px}.settings-script-choice.is-selected{border-color:var(--world-background,#c23d26)!important;box-shadow:0 6px 0 color-mix(in srgb,var(--world-background,#c23d26) 18%,transparent)!important}.settings-about-footer .settings-globe{filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--world-background,#c23d26) 20%,transparent))}}

/* Profile stays deliberately light: a small, immediate picker and ordinary
   form controls rather than another screen inside Settings. */
.settings-profile-section{width:100%;margin-top:32px;padding-top:30px;border-top:1px solid color-mix(in srgb,var(--world-background,#c23d26) 18%,transparent)}
.settings-profile-section .settings-heading h2{color:var(--world-foreground,#94291a)}
.settings-profile-signed-out{gap:9px;padding:22px}.settings-profile-signed-out strong{color:var(--world-foreground,#94291a);font-size:21px;font-weight:500;letter-spacing:-.45px;line-height:1.15}.settings-profile-signed-out p{font-size:17px;font-weight:400;line-height:1.38}.settings-profile-signed-out button{margin-top:5px}
.settings-profile-signout{justify-self:center;min-width:148px;min-height:44px;margin:0 0 2px;padding:0 22px;border:1px solid color-mix(in srgb,var(--world-shadow,#7d2114) 20%,white);border-radius:13px;color:var(--world-foreground,#94291a);background:transparent;font:600 16px "Avenir Next",Avenir,sans-serif;cursor:pointer}
.signout-confirm-dialog .reset-case-warning{background:var(--signout-world-background,#c23d26)}.signout-confirm-dialog h2{color:var(--signout-world-foreground,#94291a)}.signout-confirm-dialog #cancel-signout{color:var(--signout-world-foreground,#94291a);background:color-mix(in srgb,var(--signout-world-background,#c23d26) 10%,#fff)}.signout-confirm-dialog #confirm-signout{color:#fff;background:var(--signout-world-background,#c23d26);box-shadow:0 4px 0 var(--signout-world-shadow,#7d2114)}
.settings-profile-signed-out form{display:grid;gap:8px;margin-top:8px}.settings-profile-signed-out form label{color:var(--world-foreground,#94291a);font-size:15px;font-weight:500}.settings-profile-signed-out form input{box-sizing:border-box;width:100%;min-height:50px;margin-top:6px;padding:0 14px;border:2px solid color-mix(in srgb,var(--world-background,#c23d26) 23%,white);border-radius:14px;color:#36413e;background:rgba(255,255,255,.92);font:400 17px "Avenir Next",Avenir,sans-serif}.settings-profile-signed-out form button{width:100%;min-height:50px;margin-top:3px;font-size:16px}.settings-profile-sign-in-message{padding:3px 1px 0;color:var(--world-foreground,#94291a);font-size:15px;font-weight:400;line-height:1.35}.settings-profile-sign-in-message.is-error{color:#a52f22}
.settings-course-section{width:100%;margin-top:30px}.settings-course-section .settings-heading h2{color:var(--world-foreground,#94291a)}.settings-course-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.settings-course-choice{display:flex;flex-direction:column;align-items:center;min-width:0;padding:20px 18px 18px;border:1px solid color-mix(in srgb,var(--world-background,#c23d26) 22%,white);border-radius:20px;color:var(--world-foreground,#94291a);background:rgba(255,255,255,.96);box-shadow:0 5px 0 color-mix(in srgb,var(--world-background,#c23d26) 18%,transparent);font-family:"Avenir Next",Avenir,sans-serif;text-align:center;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}.settings-course-choice:hover{transform:translateY(-2px);box-shadow:0 7px 0 color-mix(in srgb,var(--world-background,#c23d26) 22%,transparent)}.settings-course-choice.is-selected{border:3px solid var(--world-background,#c23d26);box-shadow:0 5px 0 color-mix(in srgb,var(--world-background,#c23d26) 18%,transparent)}.settings-course-choice img{width:75%;aspect-ratio:1;object-fit:contain}.settings-course-choice strong{display:block;width:100%;margin-top:12px;color:var(--world-foreground,#94291a);font-size:17px;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.settings-course-choice:active{transform:translateY(4px) scale(.98);box-shadow:none}
@media (max-width:899px){.settings-course-section{margin-top:27px}.settings-course-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}.settings-course-choice{padding:15px 10px 14px;border-radius:18px}.settings-course-choice strong{margin-top:10px;font-size:16px}}
.settings-profile-form{display:grid;gap:20px;margin-top:20px}.settings-profile-signed-out{display:grid;gap:14px;margin-top:18px;padding:20px;border-radius:20px;background:color-mix(in srgb,var(--world-highlight,#df654d) 12%,white)}.settings-profile-signed-out p{margin:0;color:#626a66;font-size:15px;font-weight:600;line-height:1.4}.settings-profile-signed-out button,.settings-email-row button{border:0;border-radius:14px;color:#fff;background:var(--world-background,#c23d26);box-shadow:0 4px 0 var(--world-shadow,#7d2114);font:600 15px "Avenir Next",Avenir,sans-serif;cursor:pointer}.settings-profile-signed-out button{justify-self:start;padding:11px 17px}.settings-avatar-picker{display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:22px;padding:22px 24px;border-radius:28px;background:color-mix(in srgb,var(--world-highlight,#df654d) 15%,white)}.settings-profile-avatar{display:grid;place-items:center;width:142px;height:142px;border-radius:30px;background-color:#fffaf1;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:0 8px 18px rgba(39,32,22,.12);color:var(--world-foreground,#94291a);font-size:38px;font-weight:700;overflow:hidden}.settings-avatar-picker p{margin:0 0 13px;color:var(--world-foreground,#94291a);font-size:17px;font-weight:600}.settings-avatar-options{display:flex;flex-wrap:wrap;gap:10px}.settings-avatar-option{display:grid;place-items:center;width:58px;height:58px;padding:5px;border:3px solid transparent;border-radius:18px;background:#fffaf1;box-shadow:none;cursor:pointer}.settings-avatar-option img{width:100%;height:100%;object-fit:contain}.settings-avatar-option.is-selected{border-color:var(--world-background,#c23d26);box-shadow:none}.settings-avatar-option:focus-visible,.settings-profile-form input:focus-visible,.settings-profile-form button:focus-visible{outline:3px solid color-mix(in srgb,var(--world-highlight,#df654d) 75%,white);outline-offset:3px}.settings-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-profile-form label{display:grid;gap:7px;color:var(--world-foreground,#94291a);font-size:15px;font-weight:600}.settings-profile-form input{box-sizing:border-box;width:100%;min-height:50px;padding:12px 14px;border:2px solid color-mix(in srgb,var(--world-background,#c23d26) 23%,white);border-radius:16px;color:#36413e;background:rgba(255,255,255,.9);font:500 16px "Avenir Next",Avenir,sans-serif}.settings-profile-form input::placeholder{color:color-mix(in srgb,var(--world-foreground,#94291a) 42%,white);font-style:italic}.settings-date-field{position:relative;display:block}.settings-date-field input{padding-right:48px}.settings-date-field i{position:absolute;top:50%;right:16px;color:var(--world-background,#c23d26);font-size:25px;font-style:normal;line-height:1;pointer-events:none;transform:translateY(-53%) rotate(-25deg)}.settings-profile-birthday input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:48px;height:100%;opacity:0;cursor:pointer}.settings-email-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.settings-email-row button{min-height:50px;padding:0 16px;white-space:nowrap}.settings-email-row button:disabled{opacity:.62;cursor:wait}.settings-profile-actions{display:flex;align-items:center;min-height:24px}.settings-profile-actions span{color:var(--world-foreground,#94291a);font-size:16px;font-weight:600}.settings-profile-actions span.is-error{color:#a52f22}
@media (max-width:899px){.settings-profile-section{margin-top:28px;padding-top:25px}.settings-avatar-picker{grid-template-columns:108px minmax(0,1fr);gap:16px;padding:18px}.settings-profile-avatar{width:108px;height:108px;border-radius:26px}.settings-avatar-picker p{margin-bottom:10px;font-size:16px}.settings-avatar-options{gap:7px}.settings-avatar-option{width:48px;height:48px;padding:4px;border-width:3px;border-radius:15px}.settings-profile-fields{gap:10px}.settings-email-row{grid-template-columns:1fr}.settings-email-row button{justify-self:start;padding:0 16px}.settings-about-footer{padding-top:32px}}
@media (max-width:430px){.settings-profile-fields{grid-template-columns:1fr}.settings-avatar-picker{grid-template-columns:1fr;justify-items:center;text-align:center}.settings-avatar-picker p{text-align:center}.settings-avatar-options{justify-content:center;max-height:116px;overflow:auto;padding-right:2px}.settings-profile-avatar{width:120px;height:120px}}
.settings-date-field i{font-size:0;transform:translateY(-50%)!important;rotate:none}.settings-date-field i .ff-symbol{display:block;width:22px;height:22px;stroke-width:3.2}
.settings-avatar-option.is-selected{transform:scale(1.1)}
.settings-profile-signed-out{gap:9px;padding:22px}.settings-profile-signed-out strong{color:var(--world-foreground,#94291a);font-size:21px;font-weight:500;letter-spacing:-.45px;line-height:1.15}.settings-profile-signed-out p{font-size:17px;font-weight:400;line-height:1.38}.settings-profile-signed-out button{margin-top:5px}
.settings-date-field input{padding-right:54px}.settings-date-field>button{position:absolute;top:50%;right:7px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;color:var(--world-foreground,#94291a);background:color-mix(in srgb,var(--world-background,#c23d26) 10%,white);cursor:pointer;transform:translateY(-50%)}.settings-date-field>button i{position:static!important;display:block!important;color:currentColor!important;transform:none!important}.settings-date-field>button i .ff-symbol{width:20px;height:20px}.settings-birthday-picker{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:min(296px,calc(100vw - 48px));padding:14px;border:1px solid color-mix(in srgb,var(--world-background,#c23d26) 18%,white);border-radius:18px;color:var(--world-foreground,#94291a);background:#fffdf8;box-shadow:0 8px 0 color-mix(in srgb,var(--world-shadow,#7d2114) 15%,transparent),0 16px 28px rgba(34,28,20,.18)}.settings-birthday-picker[hidden]{display:none}.settings-birthday-picker-header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center}.settings-birthday-picker-header strong{font-size:17px;font-weight:600}.settings-birthday-picker-header button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;color:var(--world-foreground,#94291a);background:color-mix(in srgb,var(--world-background,#c23d26) 10%,white);font:400 27px/1 "Avenir Next",Avenir,sans-serif;cursor:pointer}.settings-birthday-picker-header button:disabled{opacity:.35;cursor:default}.settings-birthday-picker select{box-sizing:border-box;width:100%;height:38px;margin:10px 0 12px;padding:0 10px;border:1px solid color-mix(in srgb,var(--world-background,#c23d26) 22%,white);border-radius:11px;color:var(--world-foreground,#94291a);background:color-mix(in srgb,var(--world-background,#c23d26) 7%,white);font:600 15px "Avenir Next",Avenir,sans-serif}.settings-birthday-weekdays,.settings-birthday-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.settings-birthday-weekdays{margin-bottom:4px;color:color-mix(in srgb,var(--world-foreground,#94291a) 57%,white);font-size:11px;font-weight:600}.settings-birthday-days{grid-auto-rows:34px}.settings-birthday-days span{display:block}.settings-birthday-days button{display:grid;place-items:center;padding:0;border:0;border-radius:10px;color:#44504a;background:transparent;font:500 14px "Avenir Next",Avenir,sans-serif;cursor:pointer}.settings-birthday-days button:hover{color:var(--world-foreground,#94291a);background:color-mix(in srgb,var(--world-background,#c23d26) 12%,white)}.settings-birthday-days button.is-selected{color:#fff;background:var(--world-background,#c23d26);box-shadow:0 2px 0 var(--world-shadow,#7d2114)}.settings-birthday-days button:disabled{color:#c7ccc5;cursor:default}.settings-birthday-days button:disabled:hover{background:transparent}.settings-date-field:focus-within>button{outline:3px solid color-mix(in srgb,var(--world-highlight,#df654d) 75%,white);outline-offset:3px}
.settings-profile-form select{box-sizing:border-box;width:100%;min-height:50px;padding:12px 14px;border:2px solid color-mix(in srgb,var(--world-background,#c23d26) 23%,white);border-radius:16px;color:#36413e;background:rgba(255,255,255,.9);font:500 16px "Avenir Next",Avenir,sans-serif;cursor:pointer}.settings-profile-form select:focus-visible{outline:3px solid color-mix(in srgb,var(--world-highlight,#df654d) 75%,white);outline-offset:3px}