.settings-page{--sp-blue:#334ccc;--sp-ink:#173052;--sp-muted:#64748b;max-width:1050px;margin:0 auto;padding:18px 0 36px;color:var(--sp-ink)}.sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-hero{display:flex;align-items:center;gap:25px;background:#334ccc;color:white;border-radius:22px;padding:34px 38px;box-shadow:0 12px 25px #334ccc16;margin-bottom:28px}.sp-avatar{display:grid;place-items:center;flex:0 0 86px;height:86px;border-radius:23px;background:#ffffffed;border:1px solid #ffffff80;font-size:49px;box-shadow:0 5px 14px #12296620}.sp-identity{min-width:0;flex:1}.sp-identity h2{font-size:27px;line-height:1.25;overflow-wrap:anywhere;margin:0 0 6px;color:white}.sp-identity p{font-size:16px;overflow-wrap:anywhere;margin:0;color:#e4eaff}.sp-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.sp-hero-tags>span{display:inline-flex;align-items:center;gap:5px;background:#ffffff20;border:1px solid #ffffff35;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:600}.sp-hero-tags svg{width:14px;height:14px}.sp-local{font-size:12px;color:#e4eaff;white-space:nowrap}.sp-tabs{display:flex;gap:5px;background:#edf1f8;padding:5px;width:max-content;max-width:100%;border-radius:12px;margin-bottom:28px}.sp-tabs button{padding:10px 19px;border:0;border-radius:9px;background:transparent;color:#65758e;font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.sp-tabs button[aria-pressed=true]{background:white;color:#334ccc;box-shadow:0 2px 6px #17305212}.sp-tabs button:hover{color:#334ccc}.sp-stack{display:flex;flex-direction:column;gap:23px}.sp-card{background:#fff;border:1px solid #dfe6f1;border-radius:17px;padding:28px 31px;box-shadow:0 2px 4px #17305206;min-width:0}.sp-card-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:26px}.sp-card-heading>svg{width:23px;height:23px;flex-shrink:0;margin-top:2px;color:#334ccc}.sp-card-heading h2{font-size:19px;line-height:1.4;margin:0;color:#173052}.sp-card-heading p{font-size:14px;color:#64748b;line-height:1.5;margin:7px 0 0}.sp-field{display:flex;flex-direction:column;gap:9px;color:#173052;font-size:13px;font-weight:600;max-width:560px}.sp-field input,.sp-field select{box-sizing:border-box;width:100%;padding:12px 14px;min-height:47px;border:1px solid #cdd8e9;background:#fff;border-radius:9px;color:#173052;font:inherit;font-size:15px;font-weight:400}.sp-field small,.sp-note{font-size:12px;font-weight:400;line-height:1.6;color:#64748b}.sp-note{margin:15px 0 0}.sp-choice-fieldset{border:0;padding:0;margin:0;min-width:0}.sp-mascots{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:650px}.sp-mascot{position:relative;cursor:pointer;min-width:0}.sp-mascot>input,.sp-badge-options label>input{position:absolute;width:1px;height:1px;opacity:0}.sp-mascot>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:1px solid #dfe6f1;border-radius:14px;padding:19px 10px;background:#fafcff;min-height:110px;box-sizing:border-box}.sp-mascot b{font-size:38px;line-height:1.1;font-weight:400}.sp-mascot strong{font-size:12px;font-weight:600}.sp-mascot input:checked+span{border:2px solid #334ccc;background:#f0f4ff;padding:18px 9px}.sp-mascot input:focus-visible+span,.sp-badge-options input:focus-visible+span{outline:3px solid #93b4ff;outline-offset:4px}.sp-badge-options{display:flex;flex-wrap:wrap;gap:12px}.sp-badge-options label{position:relative;cursor:pointer}.sp-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border:1px solid #d9e2f1;border-radius:10px;min-height:46px;padding:9px 17px;background:#f7f9fc;color:#526480;box-sizing:border-box}.sp-badge svg{width:20px;height:20px}.sp-badge-options input:checked+span{border:2px solid #334ccc;padding:8px 16px;background:#edf3ff;color:#334ccc}.sp-badge-diamond{color:#2e67bc}.sp-badge-silver{color:#596b85}.sp-hero-tags .sp-badge-diamond,.sp-hero-tags .sp-badge-silver{color:white}.sp-save-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.sp-save-row>span{font-size:12px;color:#64748b}.sp-primary,.sp-secondary{border:1px solid #334ccc;border-radius:10px;padding:12px 22px;font:inherit;font-size:14px;font-weight:600;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sp-primary{background:#334ccc;color:white}.sp-primary:hover{background:#293fb2}.sp-secondary{background:white;color:#334ccc;border-color:#cbd8ef}.sp-secondary:hover{background:#f3f6ff}.sp-preferences-form{display:flex;flex-direction:column;gap:24px}.sp-motion{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.sp-motion input{accent-color:#334ccc;width:19px;height:19px;margin:2px 0 0}.sp-motion strong{display:block;font-size:14px;font-weight:600}.sp-motion small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.5}.sp-plan-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid #e3eaf4}.sp-overline{font-size:10px;letter-spacing:.1em;font-weight:700;color:#64748b}.sp-plan-summary h3{font-size:31px;color:#334ccc;margin:8px 0}.sp-plan-summary p{font-size:14px;color:#64748b;margin:0}.sp-plan-pill{background:#edf3ff;color:#334ccc;border:1px solid #d4e1fc;padding:7px 15px;border-radius:20px;font-size:13px;font-weight:600}.sp-plan-features{list-style:none;display:grid;gap:18px;margin:26px 0;padding:0;font-size:14px;color:#415673}.sp-plan-features li{display:flex;gap:12px;line-height:1.5}.sp-plan-features li:before{content:'✓';color:#334ccc;font-weight:700}.sp-plan-status{background:#f3f6fc;padding:15px 18px;font-size:12px;border-radius:10px;color:#64748b}.sp-notice{padding:14px 18px;border:1px solid #cdddf7;background:#eff5ff;color:#254a91;border-radius:10px;font-size:13px;line-height:1.5}.settings-page :is(button,input,select):focus-visible{outline:3px solid #93b4ff;outline-offset:3px}
@media(max-width:850px){.sp-hero{padding:28px;gap:20px;flex-wrap:wrap}.sp-local{width:100%;padding-left:106px;margin-top:-10px}.sp-identity h2{font-size:23px}.sp-card{padding:25px}.sp-mascots{gap:10px}}
@media(max-width:520px){.settings-page{padding-top:5px}.sp-hero{border-radius:17px;padding:23px 20px;gap:17px}.sp-avatar{flex-basis:65px;height:65px;border-radius:18px;font-size:38px}.sp-identity{min-width:160px}.sp-identity h2{font-size:21px}.sp-identity p{font-size:13px}.sp-local{padding-left:82px;font-size:11px}.sp-tabs{margin-bottom:22px;width:100%;box-sizing:border-box;gap:3px}.sp-tabs button{flex:1;padding:9px 8px;font-size:13px}.sp-card{padding:22px 19px;border-radius:14px}.sp-card-heading{gap:11px;margin-bottom:22px}.sp-card-heading h2{font-size:18px}.sp-card-heading p{font-size:13px}.sp-mascots{grid-template-columns:repeat(2,1fr)}.sp-mascot>span{min-height:100px;padding:15px 10px}.sp-mascot input:checked+span{padding:14px 9px}.sp-badge-options{gap:8px}.sp-badge{padding:8px 12px;font-size:12px}.sp-badge-options input:checked+span{padding:7px 11px}.sp-save-row{align-items:stretch;flex-direction:column;gap:12px}.sp-save-row>span{text-align:center;order:2}.sp-plan-summary h3{font-size:25px}.sp-stack{gap:18px}}