:root{--bg-base: #13091F;--bg-surface: #1A0F2E;--bg-surface-elevated: #221542;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--accent-purple: #8B5CF6;--accent-purple-light: #A78BFA;--accent-purple-dark: #7C3AED;--accent-gradient: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(168, 85, 247, .1) 100%);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .45);--text-disabled: rgba(255, 255, 255, .25);--border-soft: rgba(167, 139, 250, .15);--border-medium: rgba(167, 139, 250, .3);--border-strong: rgba(167, 139, 250, .5);--status-success: #4ADE80;--status-success-bg: rgba(34, 197, 94, .2);--status-warning: #FBBF24;--status-warning-bg: rgba(251, 191, 36, .2);--status-danger: #F87171;--status-danger-bg: rgba(239, 68, 68, .2);--status-info: #A78BFA;--status-info-bg: rgba(167, 139, 250, .2);--rating-5: #22C55E;--rating-4: #84CC16;--rating-3: #FBBF24;--rating-2: #F97316;--rating-1: #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-accent: 0 4px 24px rgba(139, 92, 246, .3);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;margin:0;color:var(--text-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--accent-purple-light);text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.os-gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.os-card{background:var(--bg-card);border:.5px solid var(--border-medium);border-radius:var(--radius-md);padding:12px}.os-card-hover:hover{background:var(--bg-card-hover)}.os-btn-primary{background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);padding:14px 20px;font-size:14px;font-weight:500;font-family:var(--font-heading);box-shadow:var(--shadow-accent);transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.os-btn-primary:active{transform:scale(.97)}.os-btn-secondary{background:var(--bg-card);color:var(--accent-purple-light);border:.5px solid var(--border-medium);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;font-weight:500;font-family:var(--font-heading);transition:background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.os-btn-secondary:active{background:var(--bg-card-hover)}.os-btn-danger{background:var(--status-danger-bg);color:var(--status-danger);border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;font-weight:500}.os-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;font-family:var(--font-heading)}.os-badge-success{background:var(--status-success-bg);color:var(--status-success)}.os-badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.os-badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.os-badge-info{background:var(--status-info-bg);color:var(--status-info)}.os-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-gradient);border-radius:var(--radius-sm);font-size:18px;flex-shrink:0}.os-screen{flex:1;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));max-width:480px;margin:0 auto;width:100%}.os-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.os-back{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary)}.os-title{font-size:18px;font-weight:600;font-family:var(--font-heading)}.os-list{display:flex;flex-direction:column;gap:8px}.os-list-item{background:var(--bg-card);border:.5px solid var(--border-medium);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .15s ease}.os-list-item:active{background:var(--bg-card-hover)}.os-list-item-text{flex:1;font-size:14px;font-weight:500;font-family:var(--font-heading)}.os-list-item-chevron{color:var(--text-tertiary);font-size:18px}.os-section-label{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase;margin:20px 0 8px;font-family:var(--font-heading)}.os-section-label:first-child{margin-top:0}.os-toggle{width:40px;height:22px;background:var(--bg-card);border:.5px solid var(--border-medium);border-radius:var(--radius-pill);position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.os-toggle.active{background:var(--accent-purple);border-color:var(--accent-purple)}.os-toggle-knob{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.os-toggle.active .os-toggle-knob{transform:translate(18px)}.os-spinner{width:24px;height:24px;border:2px solid var(--border-soft);border-top-color:var(--accent-purple-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.os-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--text-secondary)}.os-empty-emoji{font-size:48px;margin-bottom:12px;opacity:.6}.os-tabs{display:flex;gap:4px;background:var(--bg-card);padding:4px;border-radius:var(--radius-md)}.os-tab{flex:1;padding:8px;text-align:center;font-size:12px;font-weight:500;font-family:var(--font-heading);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s ease}.os-tab.active{background:var(--status-info-bg);color:var(--accent-purple-light)}.os-input{width:100%;padding:12px 14px;background:var(--bg-card);border:.5px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.os-input:focus{outline:none;border-color:var(--accent-purple)}.os-textarea{resize:vertical;min-height:80px;font-family:inherit}