:root,:root.light{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #0078fe;--primary-hover: #0069e0;--secondary-color: #6c757d;--text-color: #213547;--text-secondary: #6c757d;--background-color: #ffffff;--background-soft: #f8f9fa;--secondary-background: #e5e5ea;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--border-radius: 8px}:root.dark{color-scheme:dark;color:#ffffffde;background-color:#242424;--primary-color: #3a97ff;--primary-hover: #1f88ff;--secondary-color: #6c757d;--text-color: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--background-color: #242424;--background-soft: #2c2c2c;--secondary-background: #3a3a3a;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}:root.dark button{background-color:#1a1a1a}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;min-height:100vh}:root{--color-background: #1a1a1a;--color-background-rgb: 26, 26, 26;--color-background-soft: #242424;--color-background-soft-rgb: 36, 36, 36;--color-background-mute: #2f2f2f;--color-background-mute-rgb: 47, 47, 47;--color-text: rgba(255, 255, 255, .87);--color-text-rgb: 255, 255, 255;--color-text-soft: rgba(255, 255, 255, .6);--color-text-mute: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .12);--color-border-hover: rgba(255, 255, 255, .24);--color-primary: #646cff;--color-primary-rgb: 100, 108, 255;--color-primary-hover: #747bff;--color-secondary: #42b883;--color-secondary-rgb: 66, 184, 131;--color-secondary-hover: #4ece95;--color-success: #42b883;--color-success-rgb: 66, 184, 131;--color-warning: #e6a23c;--color-warning-rgb: 230, 162, 60;--color-danger: #f56c6c;--color-danger-rgb: 245, 108, 108;--color-info: #909399;--color-info-rgb: 144, 147, 153;--color-hover: rgba(255, 255, 255, .08);--color-active: rgba(255, 255, 255, .12);--shadow-1: 0 2px 8px rgba(0, 0, 0, .5);--shadow-2: 0 4px 16px rgba(0, 0, 0, .5);--transition-normal: all .3s ease;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--ios-blur: rgba(0, 0, 0, .5);--ios-shadow: rgba(0, 0, 0, .3);--ios-radius: 16px;--ios-gradient-start: #646cff;--ios-gradient-end: #747bff;--card-blur: 10px;--card-bg-color: #2c2c2c;--highlight-color: #646cff;--highlight-bg-color: rgba(100, 108, 255, .1);--quote-color: #42b883;--quote-text-color: rgba(255, 255, 255, .8);--callout-color: #e6a23c;--callout-bg-color: rgba(230, 162, 60, .1);--border-color: rgba(255, 255, 255, .12);--background-soft: #242424}:root.light{--color-background: #ffffff;--color-background-rgb: 255, 255, 255;--color-background-soft: #f8f8f8;--color-background-soft-rgb: 248, 248, 248;--color-background-mute: #f2f2f2;--color-background-mute-rgb: 242, 242, 242;--color-text: #213547;--color-text-rgb: 33, 53, 71;--color-text-soft: rgba(60, 60, 60, .75);--color-text-mute: rgba(60, 60, 60, .5);--color-border: rgba(60, 60, 60, .12);--color-border-hover: rgba(60, 60, 60, .24);--color-hover: rgba(0, 0, 0, .05);--color-active: rgba(0, 0, 0, .1);--shadow-1: 0 2px 8px rgba(0, 0, 0, .1);--shadow-2: 0 4px 16px rgba(0, 0, 0, .1);--ios-blur: rgba(255, 255, 255, .8);--ios-shadow: rgba(0, 0, 0, .1);--card-bg-color: #f8f9fa;--highlight-color: #646cff;--highlight-bg-color: rgba(100, 108, 255, .1);--quote-color: #42b883;--quote-text-color: rgba(33, 53, 71, .8);--callout-color: #e6a23c;--callout-bg-color: rgba(230, 162, 60, .1);--border-color: rgba(60, 60, 60, .12);--background-soft: #f8f8f8}html{transition:background-color .3s ease,color .3s ease}body{background-color:var(--color-background);color:var(--color-text)}.bg-base{background-color:var(--color-background)}.bg-soft{background-color:var(--color-background-soft)}.bg-mute{background-color:var(--color-background-mute)}.text-base{color:var(--color-text)}.text-soft{color:var(--color-text-soft)}.text-mute{color:var(--color-text-mute)}.border{border:1px solid var(--color-border)}.shadow-1{box-shadow:var(--shadow-1)}.shadow-2{box-shadow:var(--shadow-2)}.glass-effect,.glass-card{backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--ios-radius)!important;box-shadow:0 8px 32px 0 var(--ios-shadow)!important;transition:var(--transition-smooth)!important}:root.light .glass-effect,:root.light .glass-card{background-color:rgba(var(--color-background-soft-rgb),.7)!important;border:1px solid rgba(255,255,255,.18)!important}:root.dark .glass-effect,:root.dark .glass-card{background-color:rgba(var(--color-background-soft-rgb),.6)!important;border:1px solid rgba(255,255,255,.08)!important}.ios-button{background:linear-gradient(135deg,var(--ios-gradient-start),var(--ios-gradient-end))!important;border:none!important;border-radius:var(--ios-radius)!important;padding:.8rem 1.5rem!important;font-weight:600!important;letter-spacing:.5px!important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.3)!important;transition:var(--transition-smooth)!important}.ios-button:hover{transform:translateY(-2px)!important;box-shadow:0 7px 14px rgba(var(--color-primary-rgb),.4)!important;filter:brightness(1.05)!important}:root{--ios-blue: #007aff;--ios-green: #34c759;--ios-indigo: #5856d6;--ios-orange: #ff9500;--ios-pink: #ff2d55;--ios-purple: #af52de;--ios-red: #ff3b30;--ios-teal: #5ac8fa;--ios-yellow: #ffcc00;--ios-gray: #8e8e93;--background-color: #f2f2f7;--card-background: #ffffff;--input-background: #ffffff;--primary-color: var(--ios-blue);--primary-rgb: 0, 122, 255;--primary-dark: #0062cc;--secondary-color: var(--ios-teal);--text-color: #000000;--text-secondary: #6c6c70;--primary-text: #ffffff;--border-color: rgba(60, 60, 60, .1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--box-shadow-sm: 0 2px 5px rgba(0, 0, 0, .05);--box-shadow-md: 0 4px 10px rgba(0, 0, 0, .08);--box-shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--success-color: var(--ios-green);--warning-color: var(--ios-orange);--error-color: var(--ios-red);--success-background: rgba(52, 199, 89, .12);--warning-background: rgba(255, 149, 0, .12);--error-background: rgba(255, 59, 48, .12);--primary-soft: rgba(0, 122, 255, .12);--background-soft: #f2f2f7;--background-mute: #e5e5ea;--secondary-background: #e5e5ea;--ios-blur-light: rgba(255, 255, 255, .8);--ios-blur-dark: rgba(30, 30, 30, .8);--ios-separator: rgba(60, 60, 60, .1);--ios-button-hover: rgba(0, 122, 255, .1);--ios-active-state: rgba(0, 122, 255, .2);--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-spring: all .5s cubic-bezier(.175, .885, .32, 1.275);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--header-height: 60px;--sidebar-width: 280px;--sidebar-width-mobile: 250px;--input-height: 40px;--button-height: 36px}:root.dark{--background-color: #000000;--card-background: #1c1c1e;--input-background: #1c1c1e;--text-color: #ffffff;--text-secondary: #98989f;--border-color: rgba(200, 200, 200, .1);--box-shadow-sm: 0 2px 5px rgba(0, 0, 0, .2);--box-shadow-md: 0 4px 10px rgba(0, 0, 0, .25);--box-shadow-lg: 0 8px 30px rgba(0, 0, 0, .3);--success-background: rgba(52, 199, 89, .2);--warning-background: rgba(255, 149, 0, .2);--error-background: rgba(255, 59, 48, .2);--primary-soft: rgba(10, 132, 255, .2);--background-soft: #2c2c2e;--background-mute: #3a3a3c;--secondary-background: #3a3a3c}@keyframes iosButtonPress{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes iosFadeIn{0%{opacity:0}to{opacity:1}}@keyframes iosSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes iosSwipe{0%{transform:translate(0)}10%{transform:translate(-5px)}30%{transform:translate(5px)}50%{transform:translate(-3px)}70%{transform:translate(3px)}90%{transform:translate(-1px)}to{transform:translate(0)}}.ios-glassmorphism{background-color:#ffffffb3;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.18);box-shadow:var(--box-shadow-md)}:root.dark .ios-glassmorphism{background-color:#1e1e1eb3;border:1px solid rgba(255,255,255,.08)}.app{width:100%;min-height:100vh}