:root{--bg-primary: #FFF7EF;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-highlight: #ffead3;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-placeholder: #d1d5db;--text-faded: #bdbdbd;--border-light: #f3f4f6;--border-medium: #e5e7eb;--border-dark: #d1d5db;--border-color: #BFBFBF;--accent-primary: #332CFF;--accent-hover: #0800ff;--accent-light: #ffd1a5;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--hover: #ffead3;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-duration: .2s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--theme-transition-duration: .4s;--theme-transition-easing: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark],.dark{--bg-primary: #161616;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--bg-highlight: #000000;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-placeholder: #525252;--text-faded: #525252;--border-light: #262626;--border-medium: #404040;--border-dark: #525252;--border-color: #262626;--accent-primary: #40d301;--accent-hover: #6BFF2C;--accent-light: #ff4802;--success: #059669;--warning: #d97706;--error: #dc2626;--hover: #000000;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-primary: #161616;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--bg-highlight: #000000;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-placeholder: #525252;--text-faded: #525252;--border-light: #262626;--border-medium: #404040;--border-dark: #525252;--border-color: #262626;--accent-primary: #40d301;--accent-hover: #6BFF2C;--accent-light: #d97706;--success: #059669;--warning: #d97706;--error: #dc2626;--hover: #000000;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;transition:all var(--transition-normal)}html{height:100vh;scroll-behavior:smooth;font-size:18px}body{height:100vh;font-family:VT323,monospace;line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-normal),color var(--transition-normal);width:100vw;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}p{line-height:var(--line-height-relaxed);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background-color:var(--accent-light);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-dark) var(--bg-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width: 640px){body{font-size:var(--font-size-sm)}}a{color:inherit;text-decoration:none}button{font-family:inherit}.font-instrumentsans{font-family:Instrument Sans,sans-serif;font-size:var(--font-size-base);line-height:1.7;letter-spacing:.01em}.font-instrumentserif{font-family:"Instrument Serif",serif;font-size:var(--font-size-lg);line-height:1.8;letter-spacing:.01em}.font-schoolbell{font-family:Schoolbell,cursive;font-size:var(--font-size-lg);line-height:1.6;letter-spacing:.01em}.font-vt323{font-family:VT323,monospace;font-size:var(--font-size-lg);line-height:1.5;letter-spacing:.02em}.font-jetbrainsmono{font-family:JetBrains Mono,monospace;font-size:var(--font-size-sm);line-height:1.7;letter-spacing:-.02em}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-normal);transition-timing-function:ease-in-out}@media (display-mode: standalone){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}@supports (-webkit-touch-callout: none){.app{height:100vh;height:-webkit-fill-available}}@media (max-width: 640px){body{font-size:var(--font-size-sm);overflow-x:hidden;-webkit-overflow-scrolling:touch}*{-webkit-overflow-scrolling:touch}}.editor-wrapper::-webkit-scrollbar{width:6px}.editor-wrapper::-webkit-scrollbar-track{background:transparent}.editor-wrapper::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.editor-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.editor-wrapper{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.status-bar,.font-selector,header,footer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}