*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:transparent}body{min-height:100vh;line-height:1.5}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#app{min-height:100vh;background:transparent}:root{--app-accent: #007AFF;--app-accent-hover: #0062D1;--app-accent-subtle: rgba(0, 122, 255, .08);--plan-pink: #FF6B9D;--plan-cyan: #00D4FF;--plan-yellow: #FFD93D;--plan-green: #4ADE80;--plan-red: #FF4757;--plan-purple: #A78BFA;--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-info: #5AC8FA;--bg-primary: rgba(255, 255, 255, .65);--bg-secondary: rgba(245, 245, 247, .55);--bg-tertiary: rgba(232, 232, 237, .5);--bg-sidebar: rgba(246, 246, 246, .45);--bg-card: rgba(255, 255, 255, .55);--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .06);--text-primary: #1D1D1F;--text-secondary: #86868B;--text-tertiary: #AEAEB2;--text-inverse: #FFFFFF;--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .15);--separator-color: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .2), 0 0 0 .5px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .15s cubic-bezier(.25, .1, .25, 1);--transition-normal: .25s cubic-bezier(.25, .1, .25, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 240px;--titlebar-height: 52px}@media (prefers-color-scheme: dark){:root{--bg-primary: rgba(30, 30, 30, .65);--bg-secondary: rgba(44, 44, 46, .55);--bg-tertiary: rgba(58, 58, 60, .5);--bg-sidebar: rgba(30, 30, 30, .45);--bg-card: rgba(44, 44, 46, .55);--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .08);--text-primary: #F5F5F7;--text-secondary: #98989D;--text-tertiary: #636366;--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .15);--separator-color: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(255, 255, 255, .08)}}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,system-ui,sans-serif;font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:22px;font-weight:700}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}h4{font-size:13px;font-weight:600}code,pre{font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px}.text-display{font-weight:700;font-size:17px}.text-label{font-weight:500;font-size:13px}.text-body{font-size:13px;line-height:1.5}.text-small{font-size:11px;color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-normal)}.slide-enter-from,.slide-leave-to{transform:translate(-100%)}.modal-enter-active{transition:all .2s cubic-bezier(.25,.1,.25,1)}.modal-leave-active{transition:all .15s cubic-bezier(.25,.1,.25,1)}.modal-enter-from{opacity:0;transform:scale(.96) translateY(8px)}.modal-leave-to{opacity:0;transform:scale(.98)}.drag-region{-webkit-app-region:drag}.no-drag{-webkit-app-region:no-drag}*:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px;border-radius:var(--radius-sm)}
