body[data-view=settings] .topbar{display:none}
.settings-center button:disabled{cursor:not-allowed}
.settings-center{--sc-card:#19191e;--sc-text:#f4f3f5;--sc-muted:#a5a4ae;--sc-border:#ffffff0c;--sc-hover:#ffffff05;color:var(--sc-text);max-width:920px;margin:auto;padding:30px 0 100px;line-height:1.65}
.sc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px}.sc-back{width:42px;height:42px;padding:10px;border:1px solid var(--sc-border);border-radius:50%;background:var(--sc-card)}.sc-back svg{width:20px;height:20px}.sc-eyebrow{font-size:11px;color:var(--accent);letter-spacing:.5px}.sc-heading{font-size:27px;font-weight:750;line-height:1.4;margin:6px 0 8px;letter-spacing:-.5px}.sc-muted{color:var(--sc-muted);font-size:12px;margin:0;line-height:1.85}.sc-hero{border:1px solid #ff795f19;background:radial-gradient(ellipse at 95% 0%,#ff795f14,transparent 65%),var(--sc-card);border-radius:24px;padding:22px;margin-bottom:22px}.sc-identity{display:flex;align-items:center;gap:13px;margin-top:20px;padding-top:18px;border-top:1px solid var(--sc-border)}.sc-avatar{height:44px;width:44px;display:grid;place-items:center;border-radius:15px;background:#ff795f16;color:var(--accent);font-size:20px;font-weight:700;flex-shrink:0}.sc-identity strong{font-size:14px;display:block}.sc-identity small{display:block;color:var(--sc-muted);font-size:11px}.sc-identity .sc-pill{margin-inline-start:auto}.sc-pill{font-size:10px;padding:4px 9px;border-radius:20px;background:#ff795f0d;border:1px solid #ff795f24;color:#ffa68f;white-space:nowrap}.sc-search{display:flex;align-items:center;gap:10px;background:var(--sc-card);padding:0 14px;border:1px solid var(--sc-border);border-radius:14px;margin:0 0 24px}.sc-search svg{width:19px;color:var(--sc-muted)}.sc-search input{background:none;border:0;padding:13px 0;font-size:13px;min-width:0;color:var(--sc-text)}.sc-grid{display:grid;gap:22px;grid-template-columns:1fr}.sc-group-title{font-size:11px;letter-spacing:.4px;font-weight:650;color:var(--sc-muted);padding-inline:6px;margin:0 0 10px}.sc-group-card{border:1px solid var(--sc-border);border-radius:19px;overflow:hidden;background:var(--sc-card)}.sc-row{display:flex;align-items:center;gap:12px;width:100%;border-radius:0;background:none;padding:16px 15px;text-align:start;min-height:68px;color:var(--sc-text)}.sc-row+.sc-row{border-top:1px solid var(--sc-border)}.sc-row:hover{background:var(--sc-hover)}.sc-row:active{transform:none}.sc-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffffff05;color:#c9c6ce;flex-shrink:0}.sc-icon svg{height:18px;width:18px}.sc-row-content{flex:1;min-width:0}.sc-row-title{font-weight:600;font-size:13px;display:block}.sc-row-value{display:block;color:var(--sc-muted);font-size:10px;margin-top:2px}.sc-chevron{width:14px;height:14px;color:#77737f;flex-shrink:0}.sc-row:hover .sc-icon{color:var(--accent);background:#ff795f0c}.sc-danger .sc-row-title{color:#ff8d8d}.sc-footer{color:var(--sc-muted);font-size:10px;text-align:center;margin-top:30px}.sc-subhead{margin:18px 0 22px}.sc-section{padding:20px;background:var(--sc-card);border:1px solid var(--sc-border);border-radius:20px;margin-bottom:16px}.sc-section h3{font-size:15px;margin-bottom:12px}.sc-field{margin:0;padding:18px 0;display:block;border-bottom:1px solid var(--sc-border)}.sc-field:last-of-type{border-bottom:0}.sc-field-line{display:flex;gap:18px;align-items:center;justify-content:space-between}.sc-field-title{font-size:13px;font-weight:650;flex:1}.sc-field .sc-muted{font-weight:400;margin-top:7px}.sc-toggle{appearance:none;-webkit-appearance:none;width:42px!important;min-width:42px;height:25px;padding:0!important;border-radius:20px!important;border:1px solid #ffffff1c;background:#3a3840;position:relative;cursor:pointer;flex-shrink:0;margin:0}.sc-toggle:after{content:'';display:block;position:absolute;width:17px;height:17px;border-radius:50%;background:#d8d5dc;top:3px;inset-inline-start:3px;transition:inset-inline-start .15s}.sc-toggle:checked{background:var(--accent);border-color:var(--accent)}.sc-toggle:checked:after{inset-inline-start:20px;background:#201211}.sc-toggle:disabled{opacity:.4;cursor:default}.sc-field select{margin-top:10px;background:#ffffff04;border:1px solid #ffffff15;color:var(--sc-text);font-size:13px;padding:11px 12px}.sc-field option{background:var(--sc-card);color:var(--sc-text)}.sc-field textarea{margin-top:10px;font-size:13px;min-height:96px;background:#ffffff04;color:var(--sc-text)}.sc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.sc-actions button{font-size:12px}.sc-save{min-width:135px}.sc-status{font-size:12px;color:var(--sc-muted);flex:1}.sc-section .language-picker{margin:0}.sc-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:13px 0;width:100%;border-radius:0;text-align:start;background:none;color:var(--sc-text)}.sc-link+.sc-link{border-top:1px solid var(--sc-border)}.sc-note{border-inline-start:2px solid #ff795f55;padding:10px 14px;margin:16px 0 0;color:var(--sc-muted);font-size:12px;background:#ff795f06;border-radius:8px}.sc-empty{padding:28px 16px;text-align:center;color:var(--sc-muted);font-size:13px}.sc-list-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--sc-border)}.sc-list-item>div{min-width:0;flex:1}.sc-list-item strong{font-size:13px}.sc-list-item p{font-size:12px;color:var(--sc-muted);overflow-wrap:anywhere;margin:3px 0 0}.sc-list-item button{font-size:11px;flex-shrink:0}.sc-stat{font-size:34px;font-weight:750;line-height:1.3;margin:10px 0;color:var(--sc-text)}.sc-password label{font-size:12px}.sc-password input{margin-top:8px;background:#ffffff04;border-color:var(--sc-border);font-size:13px}.sc-password button{font-size:13px}.sc-faq summary{cursor:pointer;font-size:13px;padding:13px 0}.sc-faq p{font-size:12px;color:var(--sc-muted);line-height:1.9;padding-bottom:12px}.sc-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;background:#ffffff05;padding:5px 9px;border-radius:20px;color:var(--sc-muted)}
html[dir=ltr] .sc-back svg,html[dir=ltr] .sc-chevron{transform:scaleX(-1)}
html[data-large-text=true]{font-size:17px}html[data-large-text=true] button,html[data-large-text=true] label,html[data-large-text=true] input,html[data-large-text=true] textarea,html[data-large-text=true] select{font-size:16px!important}html[data-large-text=true] .sc-muted,html[data-large-text=true] .sc-row-value{font-size:14px}
html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html[data-high-contrast=true] button,html[data-high-contrast=true] input,html[data-high-contrast=true] select{outline:1px solid currentColor;outline-offset:-1px}html[data-high-contrast=true] .muted,html[data-high-contrast=true] .sc-muted,html[data-high-contrast=true] .sc-row-value{color:inherit;opacity:1}
html[data-color-scheme=light]{color-scheme:light;background:#f5f5f8;color:#202029;--muted:#66616f;--panel:#fff;--line:#20202912}html[data-color-scheme=light] body{background:#f5f5f8;color:#202029}html[data-color-scheme=light] .settings-center{--sc-card:#fff;--sc-text:#24212b;--sc-muted:#746e7c;--sc-border:#24212b0d;--sc-hover:#f7f5fa}html[data-color-scheme=light] .sc-icon{background:#f3f1f6;color:#696172}html[data-color-scheme=light] .sc-pill{color:#a7432e}html[data-color-scheme=light] .sc-toggle{background:#d3cfd9}html[data-color-scheme=light] .sc-toggle:checked{background:var(--accent)}html[data-color-scheme=light] .panel,html[data-color-scheme=light] .rail-section,html[data-color-scheme=light] .profile-overview,html[data-color-scheme=light] .sound-picker,html[data-color-scheme=light] .onboarding{background:#fff;color:#24212b}html[data-color-scheme=light] .brand,html[data-color-scheme=light] h1,html[data-color-scheme=light] h2,html[data-color-scheme=light] h3{color:#24212b}html[data-color-scheme=light] input,html[data-color-scheme=light] select,html[data-color-scheme=light] textarea{color:#24212b;background:#f4f2f7;border-color:#24212b20}html[data-color-scheme=light] .nav-button,html[data-color-scheme=light] .text-button{color:#514858}html[data-color-scheme=light] .nav-button.active{color:#b63f26}html[data-color-scheme=light] dialog{background:#fff;color:#24212b}html[data-color-scheme=light] .feed-stage,html[data-color-scheme=light] .live-video-stage,html[data-color-scheme=light] .live-viewer-stage{color:#fff;background:#050505}
@media(min-width:1100px){body[data-view=settings] .rail{display:none}body[data-view=settings] .shell{grid-template-columns:230px minmax(0,1fr)}.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sc-hero{padding:26px 28px}.sc-heading{font-size:30px}}
@media(max-width:600px){.settings-center{padding-top:20px}.sc-hero{padding:20px}.sc-heading{font-size:25px}.sc-section{padding:16px}.sc-row{padding:15px 13px;gap:11px}.sc-actions .sc-save{width:100%}.sc-top{margin-bottom:20px}.sc-identity .sc-pill{display:none}}

/* About: Saudi green, restrained gold, original CSS ornament. */
.about-soudad{--about-gold:#d5b77b;--about-green:#006C35;overflow:hidden;border:1px solid #c9ab6d30;border-radius:28px;background:var(--sc-card);isolation:isolate}
.about-hero{position:relative;overflow:hidden;padding:44px 30px 36px;text-align:center;background:radial-gradient(ellipse at 50% 0,#006c353d,transparent 72%),linear-gradient(155deg,#112c23,#10211d 58%,#171b18);color:#f8f5ec}
.about-hero:before,.about-hero:after{content:"";position:absolute;width:104px;height:104px;border:1px solid #d5b77b32;transform:rotate(45deg);pointer-events:none}
.about-hero:before{inset-block-start:-64px;inset-inline-start:-47px}.about-hero:after{inset-block-end:-67px;inset-inline-end:-47px}
.about-kicker{display:block;color:var(--about-gold);font-size:11px;margin-bottom:25px;letter-spacing:.035em}
.about-logo-stage{position:relative;width:136px;height:136px;max-width:75%;aspect-ratio:1;margin:0 auto 24px;display:grid;place-items:center}
.about-logo-stage:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#00874b3d;filter:blur(26px);z-index:-1}
.about-logo-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 8px 18px #0003)}
.about-logo-orbit{position:absolute;inset:0;border:1px solid #d5b77b38;border-radius:44px;transform:rotate(-8deg);pointer-events:none}
.about-logo-orbit:after{content:"";position:absolute;inset:7px;border:1px solid #d5b77b20;border-radius:39px;transform:rotate(16deg)}
.about-footer span{color:var(--about-gold);margin-inline-start:8px}
@media(min-width:700px){.about-logo-stage{width:156px;height:156px}}

.about-name{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:14px 0 10px;font-size:34px;font-weight:600;line-height:1.6}
.about-name>span{font-size:22px;color:#d5b77b65;font-weight:300}.about-name bdi{font-size:19px;letter-spacing:.15em;font-weight:500}
.about-version{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff16;border-radius:100px;padding:4px 13px;color:#c8d4cc;font-size:11px}
.about-rule{display:flex;align-items:center;justify-content:center;gap:13px;margin:28px auto 22px;color:var(--about-gold);font-size:11px}
.about-rule:before,.about-rule:after{content:"";height:1px;width:66px;background:linear-gradient(90deg,transparent,#d5b77b70,transparent)}
.about-motto{font-size:20px;line-height:1.9;font-weight:600;margin:0 0 16px}.about-motto [role=img]{display:inline-block;margin-inline-start:4px}
.about-story{max-width:510px;margin:0 auto;font-size:14px;line-height:2.2;color:#bccfc3;text-wrap:pretty}
.about-links{padding:15px 24px 8px}.about-links .sc-link{min-height:58px}.about-links .sc-note{font-size:11px;line-height:1.9}
.about-unavailable{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--sc-border);text-align:start}
.about-unavailable>div{flex:1;min-width:0}.about-unavailable strong{font-size:14px;font-weight:500;color:var(--sc-text)}.about-unavailable p{margin:5px 0 0;font-size:11px;line-height:1.8;color:var(--sc-muted)}
.about-unavailable .sc-icon{color:#a7b9ad;background:#006c3515}.about-pending{font-size:10px;border:1px solid var(--sc-border);border-radius:30px;padding:3px 8px;color:var(--sc-muted);white-space:nowrap}
.about-footer{text-align:center;color:var(--sc-muted);font-size:10px;padding:10px 18px 22px}
@media(min-width:700px){.about-hero{padding:48px 50px 40px}.about-links{padding-inline:40px}.about-name{font-size:42px}.about-motto{font-size:23px}}
@media(max-width:380px){.about-hero{padding-inline:18px}.about-name{font-size:30px;gap:9px}.about-name bdi{font-size:16px}.about-motto{font-size:18px}.about-links{padding-inline:18px}}