.settings-page{max-width:720px;margin-inline:auto}.settings-page h1{color:var(--ui-accent);margin-bottom:6px}.settings-card{margin:22px 0;padding:22px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface)}.settings-card h2{font-size:1.15rem;margin:0 0 16px;color:var(--ui-accent)}.settings-card p{font-size:.9rem;color:var(--ui-muted);line-height:1.8;margin:16px 0 0}.settings-card .language-switch{display:inline-flex}.settings-card button{min-height:44px}.settings-card .theme-options{margin-top:0}.settings-symbol{display:block;width:42px;height:42px;margin-inline:15px}#moreItems button[data-destination=settings]{margin-top:10px;border:0;border-top:1px solid var(--ui-line);border-radius:0;background:transparent;min-height:70px}
.splash{overflow-y:auto}.splash-content{margin-block:auto;padding-block:20px}.splash-logo{position:relative;margin-bottom:24px}.welcome-language{width:max-content;max-width:100%;margin:20px auto 16px}.welcome-language button{min-height:44px;padding:8px 22px}.welcome-begin,#dismissSplash.welcome-begin{display:block;min-height:48px;min-width:160px;padding:12px 24px;margin:14px auto 0;border:0;border-radius:12px;background:var(--ui-accent);color:var(--ui-on-accent);font:inherit;font-weight:600;cursor:pointer}#skipWelcomeTour{display:block;margin:8px auto 0;min-height:44px;color:var(--ui-muted);background:transparent;border:0}.splash .hero-bottom{margin-top:8px}.splash .splash-logo{border:1px solid var(--ui-line);border-radius:90px 90px 16px 16px;padding:14px;box-sizing:content-box;outline:1px solid var(--ui-line);outline-offset:6px}.splash .herosub{margin-bottom:8px}
.welcome-tour{width:min(92vw,460px);max-height:88vh;max-height:88dvh;overflow-y:auto;padding:24px;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-surface);color:var(--ui-text);text-align:center}.welcome-tour::backdrop{background:#0009}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-top p{margin:0;color:var(--ui-muted);font-size:.85rem}.welcome-tour h2{color:var(--ui-accent);font-size:1.5rem;margin:16px 0 10px}.welcome-tour #tourBody{font-size:1rem;line-height:1.9;color:var(--ui-text);margin:0 0 20px}.welcome-tour #tourArt .artwork-icon{width:110px;height:100px;margin:16px auto 0}.tour-actions{display:flex;align-items:center;justify-content:center;gap:16px}.tour-actions .welcome-begin{margin:0;min-width:120px}.welcome-tour .textbutton{min-height:44px;color:var(--ui-muted)}#tourSkip{margin-top:12px}#tourClose{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--ui-accent);flex-shrink:0}#tourClose::before{content:'';width:24px;height:24px;background:currentColor;mask:var(--ornament-close) center/contain no-repeat;-webkit-mask:var(--ornament-close) center/contain no-repeat}
#dismissSplash:focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:4px}.welcome-tour [hidden]{display:none!important}
@media(max-height:700px){.splash-logo{width:90px;height:90px}.splash h1{font-size:32px!important;margin:4px 0}.splash .eyebrow{margin:6px 0}.splash .hero-bottom{padding:4px 0}.welcome-language{margin-top:10px}.splash-content{padding-block:8px}}
@media(prefers-reduced-motion:no-preference){.splash-content,.welcome-tour[open]{animation:welcome-appear .3s ease-out}@keyframes welcome-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
#welcomeTe,#langTe{font-family:'Nitya Telugu',sans-serif}
.settings-card .language-switch button,.welcome-language button{padding:8px 18px;font-size:14px;color:var(--ui-text)}
.settings-card .language-switch button[aria-pressed=true],.welcome-language button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-on-accent)}

#notificationSettings label{display:flex;align-items:center;gap:12px;margin:14px 0;min-height:44px}#notificationSettings input[type=checkbox]{width:22px;height:22px}#notificationSettings input[type=time]{padding:10px;max-width:150px}#notificationSettings button{min-height:44px;margin:8px 4px 0 0}

/* Explicit first-visit choice, with separate focus and selection states. */
#welcomeLanguagePrompt{font-family:"Nitya Telugu",system-ui,sans-serif;margin:18px 0 8px;color:var(--ui-muted);font-size:14px;line-height:1.6}
#welcomeLanguage{display:flex;gap:12px;padding:0;border:0;border-radius:0;margin:8px auto 16px}
#welcomeLanguage button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:116px;min-height:48px;padding:10px 14px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);color:var(--ui-text);font-size:16px}
#welcomeLanguage button::before{content:'';width:16px;height:16px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:50%;flex-shrink:0}
#welcomeLanguage button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
#welcomeLanguage button[aria-pressed=true]::before{content:'✓';border:0;font-size:16px;line-height:16px}
#dismissSplash:disabled,#skipWelcomeTour:disabled{opacity:.4;cursor:not-allowed}
#splash:focus,#tourTitle:focus{outline:none}
#welcomeLanguage button:focus,#tourClose:focus,#shareClose:focus{outline:none}
body.keyboard-navigation #welcomeLanguage button:focus-visible,body.keyboard-navigation #tourClose:focus-visible,body.keyboard-navigation #shareClose:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}