@charset "UTF-8";:root,[data-theme=dark]{color-scheme:dark;--color-brand: #B827C4;--color-brand-dark: #8B1298;--color-brand-deeper: #5A0A64;--color-brand-glow: rgba(184, 39, 196, .4);--color-gold: #F59E0B;--color-gold-light: #FCD34D;--bg-page: #0C0818;--bg-gradient: linear-gradient(160deg, #1A0828 0%, #0C0818 55%, #050310 100%);--bg-card: rgba(255, 255, 255, .07);--bg-card-hover: rgba(255, 255, 255, .12);--bg-input: rgba(255, 255, 255, .06);--bg-input-focus:rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .12);--glass-border-brand: rgba(184, 39, 196, .3);--glass-blur: blur(24px);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .62);--text-muted: rgba(255, 255, 255, .35);--text-on-brand: #FFFFFF;--nav-bg: rgba(12, 8, 24, .85);--nav-border: rgba(255, 255, 255, .1);--nav-active: var(--color-brand);--nav-inactive: rgba(255, 255, 255, .38);--color-success: #22C55E;--color-success-bg: rgba(34, 197, 94, .14);--color-error: #F87171;--color-error-bg: rgba(248, 113, 113, .14);--color-warn: #FBBF24;--color-warn-bg: rgba(251, 191, 36, .14);--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .14);--chip-blue: linear-gradient(135deg, #3B82F6, #1D4ED8);--chip-purple: linear-gradient(135deg, #B827C4, #7C3AED);--chip-indigo: linear-gradient(135deg, #6366F1, #4338CA);--chip-green: linear-gradient(135deg, #22C55E, #15803D);--chip-orange: linear-gradient(135deg, #F97316, #C2410C);--chip-gray: linear-gradient(135deg, #6B7280, #374151);--chip-red: linear-gradient(135deg, #EF4444, #B91C1C);--chip-teal: linear-gradient(135deg, #14B8A6, #0F766E);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 28px rgba(0,0,0,.55);--shadow-lg: 0 24px 64px rgba(0,0,0,.65);--shadow-brand: 0 8px 28px rgba(184,39,196,.45);--shadow-gold: 0 8px 28px rgba(245,158,11,.38)}[data-theme=light]{color-scheme:light;--color-brand: #9B13A8;--color-brand-dark: #760B82;--color-brand-deeper: #4E0758;--color-brand-glow: rgba(155, 19, 168, .22);--bg-page: #F4EFFB;--bg-gradient: linear-gradient(160deg, #F0E8FA 0%, #F4EFFB 60%, #EDE4F7 100%);--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .95);--bg-input: rgba(255, 255, 255, .9);--bg-input-focus:rgba(255, 255, 255, 1);--glass-border: rgba(155, 19, 168, .14);--glass-border-brand: rgba(155, 19, 168, .25);--glass-blur: blur(20px);--text-primary: #1A0A24;--text-secondary: rgba(26, 10, 36, .62);--text-muted: rgba(26, 10, 36, .38);--text-on-brand: #FFFFFF;--nav-bg: rgba(255, 255, 255, .88);--nav-border: rgba(155, 19, 168, .12);--nav-active: var(--color-brand);--nav-inactive: rgba(26, 10, 36, .38);--color-success: #16A34A;--color-success-bg: rgba(22, 163, 74, .1);--color-error: #DC2626;--color-error-bg: rgba(220, 38, 38, .1);--color-warn: #D97706;--color-warn-bg: rgba(217, 119, 6, .1);--color-info: #2563EB;--color-info-bg: rgba(37, 99, 235, .1);--shadow-sm: 0 2px 8px rgba(100,30,120,.12);--shadow-md: 0 6px 20px rgba(100,30,120,.16);--shadow-lg: 0 16px 48px rgba(100,30,120,.2);--shadow-brand: 0 6px 20px rgba(155,19,168,.28);--shadow-gold: 0 6px 20px rgba(245,158,11,.25)}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--ease-out: cubic-bezier(.4, 0, .2, 1);--duration: .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.5;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-brand);border-radius:var(--radius-full);opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-dark)}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 28px;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px var(--color-brand-glow)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--duration),transform var(--duration) var(--ease-out);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-ghost:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.page-shell{min-height:100vh;background:var(--bg-gradient);position:relative;max-width:480px;margin:0 auto;overflow-x:hidden;transition:background var(--duration) var(--ease-out)}.inner-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);position:sticky;top:0;background:var(--nav-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:50;transition:background var(--duration) var(--ease-out)}.inner-header .back-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:20px;transition:background var(--duration)}.inner-header .back-btn:hover{background:var(--bg-card-hover)}.inner-header h1{font-size:18px;font-weight:700;color:var(--text-primary);flex:1}.settings-section{margin-bottom:var(--space-lg)}.settings-section .section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-md) var(--space-sm)}.row-item{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:14px var(--space-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);transition:background var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.row-item:hover{background:var(--bg-card-hover)}.row-item:active{transform:scale(.98)}.row-item .row-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.row-item .row-label{flex:1;font-size:14px;font-weight:600;color:var(--text-primary)}.row-item .row-value{font-size:13px;color:var(--text-secondary)}.row-item .row-chevron{color:var(--text-muted);font-size:16px;flex-shrink:0;transition:transform var(--duration),color var(--duration)}.row-item:hover .row-chevron{transform:translate(3px);color:var(--text-secondary)}.row-divider{height:1px;background:var(--glass-border);margin:0 var(--space-md)}.toggle-switch{position:relative;width:46px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .track{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--glass-border);border:1px solid var(--glass-border);transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out);cursor:pointer}.toggle-switch .track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform var(--duration) var(--ease-out),background var(--duration) var(--ease-out)}.toggle-switch input:checked+.track{background:var(--color-brand);border-color:var(--color-brand)}.toggle-switch input:checked+.track:after{transform:translate(20px);background:#fff}.chip-blue{background:var(--chip-blue)!important}.chip-purple{background:var(--chip-purple)!important}.chip-indigo{background:var(--chip-indigo)!important}.chip-green{background:var(--chip-green)!important}.chip-orange{background:var(--chip-orange)!important}.chip-gray{background:var(--chip-gray)!important}.chip-red{background:var(--chip-red)!important}.chip-teal{background:var(--chip-teal)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--color-brand-glow)}70%{box-shadow:0 0 0 12px #b827c400}to{box-shadow:0 0 #b827c400}}@keyframes spin{to{transform:rotate(360deg)}}