@charset "UTF-8";:root,[data-theme=dark]{color-scheme:dark;--color-brand: #790977;--color-brand-dark: #5c075a;--color-brand-deeper: #390d38;--color-brand-glow: rgba(121, 9, 119, .28);--color-gold: #ffc800;--color-gold-light: #ffe47a;--bg-page: #17101a;--bg-gradient: var(--bg-page);--bg-card: #241a29;--bg-card-hover: #302335;--bg-input: #1d1421;--bg-input-focus:#291d2f;--glass-border: #48364c;--glass-border-brand: #9e52a1;--glass-blur: none;--text-primary: #fbf5fc;--text-secondary: #c9b9cc;--text-muted: #b5a4b9;--text-on-brand: #FFFFFF;--nav-bg: #211725;--nav-border: #48364c;--nav-active: #ffc800;--nav-inactive: #c9b9cc;--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: #304766;--chip-purple: #790977;--chip-indigo: #483c74;--chip-green: #28584a;--chip-orange: #7c4824;--chip-gray: #514452;--chip-red: #753741;--chip-teal: #265656;--shadow-sm: 0 5px 20px rgba(0,0,0,.18);--shadow-md: none;--shadow-lg: none;--shadow-brand: none;--shadow-gold: none}[data-theme=light]{color-scheme:light;--color-brand: #790977;--color-brand-dark: #5c075a;--color-brand-deeper: #390d38;--color-brand-glow: rgba(121, 9, 119, .16);--bg-page: #faf6fa;--bg-gradient: var(--bg-page);--bg-card: #fff;--bg-card-hover: #f4eaf4;--bg-input: #faf6fa;--bg-input-focus:#fff;--glass-border: #e6d8e6;--glass-border-brand: #bf88bf;--glass-blur: none;--text-primary: #27182a;--text-secondary: #635267;--text-muted: #6d5b71;--text-on-brand: #FFFFFF;--nav-bg: #fff;--nav-border: #e6d8e6;--nav-active: #790977;--nav-inactive: #635267;--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 5px 20px rgba(57,13,56,.1);--shadow-md: none;--shadow-lg: none;--shadow-brand: none;--shadow-gold: none}: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:var(--color-brand);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){background:var(--color-brand-dark)}.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:var(--mi-reading-width);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:16px var(--mi-gutter);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:44px;height:44px;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:clamp(21px,4.5vw,29px);font-weight:700;letter-spacing:-.025em;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)}}:root{--mi-reading-width: 680px;--mi-nav-width: 520px;--mi-gutter: clamp(16px, 5vw, 32px);--mi-title: clamp(29px, 7vw, 42px);--mi-hero: #390d38;--mi-accent-soft: #382a24;--mi-focus: #ffc800;--bg-body: var(--bg-input)}[data-theme=light]{--mi-accent-soft: #f3e5f3;--mi-focus: #790977}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--mi-focus);outline-offset:3px}.mi-page{max-width:var(--mi-reading-width);min-height:100dvh;margin-inline:auto;padding:clamp(20px,5vw,40px) var(--mi-gutter) calc(92px + env(safe-area-inset-bottom))}.mi-stack{display:grid;gap:20px}.mi-card{min-width:0;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:clamp(14px,4vw,22px)}.mi-eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary)}.mi-heading{font-size:var(--mi-title);font-weight:750;letter-spacing:-.045em;line-height:1.1}.mi-section-title{font-size:19px;line-height:1.25;letter-spacing:-.02em}.mi-description{color:var(--text-secondary);font-size:14px;line-height:1.5}.mi-page-header{display:grid;justify-items:start;gap:8px}.mi-icon-button{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer}.mi-icon-button:hover{background:var(--bg-card-hover)}.mi-icon-button ion-icon{font-size:21px}.mi-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:9px 16px;color:var(--text-primary);background:var(--bg-card-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-weight:700;text-decoration:none;cursor:pointer}.mi-button--primary{color:#fff;background:var(--color-brand);border-color:var(--color-brand)}.mi-button--primary:hover:not(:disabled){background:var(--color-brand-dark)}.mi-button:disabled{cursor:default;opacity:.56}.mi-field{min-height:48px;width:100%;padding:10px 12px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.mi-choice{min-width:0;min-height:54px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer}.mi-choice:hover,.mi-choice[aria-pressed=true]{background:var(--bg-card-hover);border-color:var(--glass-border-brand)}.mi-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--glass-border-brand)}.mi-empty{padding:22px 16px;text-align:center;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
