/* Slovra V6.8 — Settings */
:root{--slovra-accent:var(--color-green);--slovra-accent-shadow:var(--shadow-green);--slovra-frame:#1cb0f6;--slovra-frame-glow:rgba(28,176,246,.28)}
.settings-topbar{position:sticky;top:0;z-index:50;height:66px;padding:0 18px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;background:rgba(19,31,36,.94);backdrop-filter:blur(14px);border-bottom:1px solid #2b3b42}
.settings-back-btn,.settings-topbar-icon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid #34464f;background:#1c2b32;color:#fff;font:inherit;font-size:21px;font-weight:900}.settings-back-btn{cursor:pointer;box-shadow:0 3px 0 #101a1f}.settings-back-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #101a1f}.settings-topbar-icon{font-size:18px;color:#dce7eb}.settings-topbar-copy{text-align:center;display:flex;flex-direction:column;line-height:1.05}.settings-topbar-copy span{font-size:8px;letter-spacing:1.35px;font-weight:900;color:var(--slovra-accent)}.settings-topbar-copy strong{font-size:18px;color:var(--text-main);margin-top:3px}
.settings-v67{max-width:560px;margin:0 auto;padding:15px 16px 100px!important}
.settings-profile-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #34464f;border-radius:24px;background:linear-gradient(145deg,#1e3038,#17262d);box-shadow:0 7px 0 #0e181d,0 15px 28px rgba(0,0,0,.15);margin-bottom:16px}.settings-profile-hero:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-55px;background:radial-gradient(circle,var(--slovra-frame-glow),transparent 68%);pointer-events:none}.settings-avatar-wrap{position:relative;flex:0 0 auto}.settings-avatar-wrap img{width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover;border:3px solid var(--slovra-frame)!important;box-shadow:0 0 0 5px var(--slovra-frame-glow),0 8px 18px rgba(0,0,0,.22)}.settings-avatar-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border:3px solid #18282f;border-radius:50%;background:#58cc02}.settings-profile-copy{min-width:0;position:relative;z-index:1}.settings-profile-name{font-size:20px;font-weight:900;color:var(--text-main);line-height:1.25}.settings-profile-name span{display:inline-flex!important;margin-left:6px!important;box-shadow:none!important}.settings-profile-email{font-size:12px;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.settings-profile-stats span{background:#142229;border:1px solid #2e424b;border-radius:10px;padding:6px 8px;font-size:11px;color:#cdd9dd}.settings-profile-stats b{color:#fff}
.settings-section-card{border:1px solid #34464f;border-radius:23px;background:linear-gradient(180deg,#1c2c33,#17252b);box-shadow:0 6px 0 #0e171b;margin-bottom:15px;padding:16px}.settings-section-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2px}.settings-section-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.18)}.settings-section-icon.visual{background:rgba(168,85,247,.14)}.settings-section-icon.learning{background:rgba(88,204,2,.13)}.settings-section-icon.games{background:rgba(28,176,246,.13)}.settings-section-icon.account{background:rgba(255,200,0,.11)}.settings-section-icon.data{background:rgba(255,150,0,.12)}.settings-section-head strong{display:block;color:var(--text-main);font-size:16px}.settings-section-head span{display:block;color:var(--text-muted);font-size:11px;margin-top:2px;line-height:1.35}
.settings-control-block{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}.settings-control-title{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.settings-control-title span{font-size:13px;font-weight:900;color:#ecf4f7}.settings-control-title small{font-size:9px;color:#82949c;text-align:right;line-height:1.3;max-width:55%}.settings-segmented{display:grid;gap:7px}.settings-segmented.three{grid-template-columns:repeat(3,1fr)}.settings-segmented.four{grid-template-columns:repeat(4,1fr)}.settings-segmented button,.settings-frame-grid button{min-height:40px;border:1px solid #354750;border-bottom-width:3px;border-radius:13px;background:#14232a;color:#aebbc1;font:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:.14s ease}.settings-segmented button.is-active,.settings-frame-grid button.is-active{border-color:var(--slovra-accent);background:color-mix(in srgb,var(--slovra-accent) 15%,#14232a);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--slovra-accent) 10%,transparent)}.settings-segmented button:active,.settings-frame-grid button:active{transform:translateY(2px);border-bottom-width:1px}
.settings-accent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.accent-dot{height:43px;border-radius:14px;border:2px solid rgba(255,255,255,.08);cursor:pointer;position:relative;box-shadow:0 4px 0 rgba(0,0,0,.25)}.accent-dot.green{background:#58cc02}.accent-dot.cyan{background:#1cb0f6}.accent-dot.purple{background:#a855f7}.accent-dot.pink{background:#ff69b4}.accent-dot.orange{background:#ff9600}.accent-dot.is-active:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3)}.accent-dot.is-active{outline:3px solid rgba(255,255,255,.15);outline-offset:2px}
.settings-frame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.settings-frame-grid button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px}.frame-preview{width:13px;height:13px;border-radius:50%;display:inline-block;border:3px solid}.frame-preview.cyan{border-color:#1cb0f6}.frame-preview.green{border-color:#58cc02}.frame-preview.purple{border-color:#a855f7}.frame-preview.gold{border-color:#ffc800}
.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}.settings-toggle-row.no-border{border-bottom:0;padding-bottom:1px}.settings-toggle-row strong{display:block;font-size:13px;color:#edf5f7}.settings-toggle-row span{display:block;font-size:10px;color:#82949c;margin-top:2px;line-height:1.35}.slovra-switch{position:relative;display:block;width:48px;height:28px;flex:0 0 48px}.slovra-switch input{opacity:0;width:0;height:0}.slovra-switch span{position:absolute;inset:0;margin:0;background:#34464f;border-radius:999px;cursor:pointer;transition:.18s}.slovra-switch span:before{content:"";position:absolute;width:20px;height:20px;left:4px;top:4px;background:#a9b6bc;border-radius:50%;transition:.18s;box-shadow:0 2px 4px rgba(0,0,0,.25)}.slovra-switch input:checked+span{background:var(--slovra-accent)}.slovra-switch input:checked+span:before{transform:translateX(20px);background:#fff}
.settings-action-list{display:flex;flex-direction:column}.settings-action-list button{display:grid;grid-template-columns:40px 1fr 18px;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:inherit;padding:13px 0;font:inherit;text-align:left;cursor:pointer}.settings-action-list button:last-child{border-bottom:0;padding-bottom:1px}.settings-action-list .action-icon{width:38px;height:38px;border-radius:12px;background:#14242a;display:flex;align-items:center;justify-content:center;font-size:17px}.settings-action-list strong{display:block;color:#edf4f7;font-size:13px}.settings-action-list small{display:block;color:#82949c;font-size:10px;margin-top:2px;line-height:1.3}.settings-action-list button>b{font-size:22px;color:#6f828b}.settings-logout-btn{width:100%;min-height:50px;border:1px solid rgba(255,75,75,.25);border-bottom:4px solid #a82f2f;border-radius:16px;background:rgba(255,75,75,.12);color:#ff8585;font:inherit;font-size:13px;font-weight:900;cursor:pointer;margin-top:3px}.settings-logout-btn:active{transform:translateY(2px);border-bottom-width:2px}.settings-version{text-align:center;padding:17px 5px 0;color:#657981;font-size:10px}.settings-version b{color:#91a4ac}.settings-save-toast{position:fixed;left:50%;bottom:92px;z-index:9999;transform:translate(-50%,15px);opacity:0;background:#14252c;border:1px solid #35505c;color:#e8f7fc;padding:9px 14px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.3);pointer-events:none;transition:.18s}.settings-save-toast.show{opacity:1;transform:translate(-50%,0)}
#profile-pic{border-color:var(--slovra-frame)!important;box-shadow:0 0 0 3px var(--slovra-frame-glow)!important}
body.slovra-simple-header .xp-area,body.slovra-simple-header .level-area{display:none!important}
body.slovra-large-text{font-size:1.055em}body.slovra-large-text .game-header,body.slovra-large-text .settings-topbar{font-size:initial}
body.slovra-compact .settings-v67{padding-top:9px!important}body.slovra-compact .settings-section-card{padding:12px;margin-bottom:11px}body.slovra-compact .settings-control-block,body.slovra-compact .settings-toggle-row{padding-top:10px;padding-bottom:10px}body.slovra-compact .unit-card,body.slovra-compact .profile-card{padding:13px!important;margin-bottom:14px!important}
body.slovra-reduce-motion *,body.slovra-reduce-motion *:before,body.slovra-reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
body.light-mode .settings-topbar{background:rgba(248,251,252,.94);border-bottom-color:#dce5e8}.light-mode .settings-back-btn,.light-mode .settings-topbar-icon{background:#fff;border-color:#dce5e8;color:#26363d;box-shadow:0 3px 0 #dce5e8}.light-mode .settings-profile-hero,.light-mode .settings-section-card{background:linear-gradient(180deg,#fff,#f7fafb);border-color:#dce6e9;box-shadow:0 6px 0 #dce6e9,0 10px 18px rgba(0,0,0,.04)}.light-mode .settings-profile-stats span,.light-mode .settings-segmented button,.light-mode .settings-frame-grid button,.light-mode .settings-action-list .action-icon{background:#f1f5f7;border-color:#d7e2e6;color:#52666f}.light-mode .settings-section-head,.light-mode .settings-control-block,.light-mode .settings-toggle-row,.light-mode .settings-action-list button{border-color:#e7edef}.light-mode .settings-profile-name,.light-mode .settings-section-head strong,.light-mode .settings-control-title span,.light-mode .settings-toggle-row strong,.light-mode .settings-action-list strong{color:#22343c}.light-mode .settings-profile-email,.light-mode .settings-section-head span,.light-mode .settings-toggle-row span,.light-mode .settings-action-list small,.light-mode .settings-control-title small{color:#6c8089}.light-mode .settings-profile-stats b{color:#25373f}.light-mode .settings-avatar-dot{border-color:#fff}
@media(max-width:420px){.settings-v67{padding-left:12px!important;padding-right:12px!important}.settings-profile-hero{padding:15px;gap:12px}.settings-avatar-wrap img{width:64px!important;height:64px!important}.settings-profile-name{font-size:18px}.settings-section-card{padding:14px;border-radius:20px}.settings-segmented.four{grid-template-columns:repeat(2,1fr)}.settings-frame-grid{grid-template-columns:repeat(2,1fr)}.settings-control-title{display:block}.settings-control-title small{display:block;max-width:none;text-align:left;margin-top:3px}.settings-profile-stats{gap:5px}.settings-profile-stats span{font-size:10px;padding:5px 7px}}


/* V6.8 — Premium, ödeme tercihi ve hesap silme */
.settings-section-icon.premium{background:rgba(168,85,247,.15);border-color:rgba(168,85,247,.20)}
.settings-section-icon.danger{background:rgba(255,75,75,.13);border-color:rgba(255,75,75,.20)}
.settings-premium-card{position:relative;overflow:hidden}.settings-premium-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-75px;background:radial-gradient(circle,rgba(168,85,247,.15),transparent 68%);pointer-events:none}.settings-premium-card.is-active{border-color:rgba(168,85,247,.40);box-shadow:0 6px 0 #301844,0 14px 28px rgba(77,27,111,.18)}.settings-premium-card.is-expired{border-color:rgba(255,150,0,.28)}
.settings-section-head{position:relative;z-index:1}.settings-premium-card .settings-section-head{display:grid;grid-template-columns:42px 1fr auto}.settings-premium-badge{padding:6px 9px;border-radius:999px;background:#273840;border:1px solid #3a4c54;color:#9fb0b8;font-size:9px;font-weight:900;letter-spacing:.6px}.settings-premium-badge.active{background:rgba(168,85,247,.17);border-color:rgba(168,85,247,.28);color:#deb7ff}
.settings-premium-summary{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px 0}.settings-premium-summary>div{min-width:0;border:1px solid rgba(255,255,255,.055);background:#14242a;border-radius:14px;padding:10px}.settings-premium-summary span{display:block;font-size:9px;color:#7f949d;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.settings-premium-summary strong{display:block;color:#edf5f7;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-payment-block{padding-top:5px}.settings-payment-current{margin-top:9px;padding:9px 10px;border-radius:12px;background:rgba(28,176,246,.07);border:1px solid rgba(28,176,246,.11);font-size:10px;line-height:1.4;color:#9eb4bd}.settings-premium-note{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:10px;border-radius:13px;background:rgba(255,200,0,.065);border:1px solid rgba(255,200,0,.10);margin-top:12px}.settings-premium-note span{font-size:16px}.settings-premium-note p{margin:0;color:#a9b9bf;font-size:10px;line-height:1.45}.settings-premium-manage{width:100%;min-height:44px;margin-top:11px;border:1px solid rgba(168,85,247,.32);border-bottom:4px solid #69329a;border-radius:14px;background:rgba(168,85,247,.15);color:#e5c4ff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.settings-premium-manage:active{transform:translateY(2px);border-bottom-width:2px}
.settings-danger-card{border-color:rgba(255,75,75,.20);background:linear-gradient(180deg,rgba(59,29,31,.55),#17252b)}.settings-danger-copy{padding:13px 0 11px}.settings-danger-copy strong{display:block;color:#ff9a9a;font-size:13px}.settings-danger-copy p{margin:4px 0 0;color:#8f9fa6;font-size:10px;line-height:1.45}.settings-delete-account-btn{width:100%;min-height:46px;border:1px solid rgba(255,75,75,.28);border-bottom:4px solid #a52f2f;border-radius:14px;background:rgba(255,75,75,.12);color:#ff8e8e;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.settings-delete-account-btn:active{transform:translateY(2px);border-bottom-width:2px}.settings-delete-account-btn:disabled,.settings-delete-account-btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none}.settings-delete-account-note{display:block;color:#b68a8a;font-size:9px;line-height:1.4;margin-top:7px}
.account-delete-modal{width:min(92vw,480px);max-height:88vh;overflow:auto;border-radius:24px;background:#192a31;border:1px solid #394c55;box-shadow:0 24px 80px rgba(0,0,0,.55);padding:18px}.account-delete-head{display:grid;grid-template-columns:44px 1fr 34px;gap:10px;align-items:center}.account-delete-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,75,75,.13);border:1px solid rgba(255,75,75,.2);font-size:20px}.account-delete-head span{display:block;color:#ff7777;font-size:9px;letter-spacing:1px;font-weight:900}.account-delete-head h2{margin:2px 0 0;color:#fff;font-size:18px}.account-delete-head>button{width:32px;height:32px;border:0;border-radius:10px;background:#23363e;color:#9eb0b8;font-size:16px;cursor:pointer}.account-delete-intro{color:#98aab2;font-size:11px;line-height:1.5;margin:14px 0}.account-delete-label{display:block;color:#dbe6ea;font-size:11px;font-weight:900;margin:12px 0 6px}.account-delete-label small{font-weight:700;color:#718790}.account-delete-select,.account-delete-modal textarea,.account-delete-modal input[type=password]{width:100%;box-sizing:border-box;border:1px solid #3b4e57;border-bottom-width:3px;border-radius:13px;background:#122229;color:#fff;font:inherit;font-size:12px;padding:11px 12px;outline:none}.account-delete-modal textarea{resize:vertical;min-height:76px}.account-delete-select:focus,.account-delete-modal textarea:focus,.account-delete-modal input[type=password]:focus{border-color:#ff6767}.account-delete-confirm{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:#a9b7bd;font-size:10px;line-height:1.4}.account-delete-confirm input{margin-top:2px;accent-color:#ff4b4b}.account-delete-warning{padding:9px 10px;border-radius:11px;background:rgba(255,150,0,.08);border:1px solid rgba(255,150,0,.12);color:#d3a66d;font-size:9px;line-height:1.4}.account-delete-progress{margin-top:10px;text-align:center;color:#ff9a9a;font-size:10px;font-weight:900}.account-delete-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}.account-delete-actions button{min-height:44px;border-radius:13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.account-delete-actions .btn-outline{background:#22343c;border:1px solid #3b4d55;color:#c5d1d6}.account-delete-actions #account-delete-submit{border:1px solid rgba(255,75,75,.32);border-bottom:4px solid #9a2d2d;background:#c73f3f;color:#fff}.account-delete-actions #account-delete-submit:disabled{opacity:.4;cursor:not-allowed}
.light-mode .settings-premium-summary>div{background:#f1f5f7;border-color:#dce6ea}.light-mode .settings-premium-summary strong{color:#253840}.light-mode .settings-payment-current{color:#5d727b}.light-mode .settings-danger-card{background:linear-gradient(180deg,#fff7f7,#fff)}.light-mode .account-delete-modal{background:#fff;border-color:#dce6ea}.light-mode .account-delete-head h2,.light-mode .account-delete-label{color:#273940}.light-mode .account-delete-select,.light-mode .account-delete-modal textarea,.light-mode .account-delete-modal input[type=password]{background:#f4f7f8;color:#263940;border-color:#d8e2e6}.light-mode .account-delete-intro,.light-mode .account-delete-confirm{color:#61757e}
@media(max-width:420px){.settings-premium-summary{grid-template-columns:1fr 1fr}.settings-premium-card .settings-section-head{grid-template-columns:42px 1fr}.settings-premium-badge{grid-column:2;justify-self:start;margin-top:-3px}.payment-methods{grid-template-columns:1fr!important}.account-delete-modal{padding:15px;border-radius:20px}.account-delete-actions{grid-template-columns:1fr}}