:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"opsz" auto;--brand-neon: #0FF7AE;--brand-muted: #9BE702;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-muted: rgba(0, 0, 0, .4);--border-primary: #e0e0e0;--border-secondary: #d0d0d0;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-heavy: rgba(0, 0, 0, .2);--button-bg: #ffffff;--button-text: #333333;--button-hover-bg: #f8f9fa;--button-border: #e0e0e0;--button-hover-border: #0FF7AE;--card-bg: #f8f8f8;--code-bg: #f8f9fa;--code-text: #333333;--input-bg: #ffffff;--input-border: #e0e0e0;--input-focus-border: #0FF7AE;--modal-bg: rgba(255, 255, 255, .95);--modal-backdrop: rgba(0, 0, 0, .5)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--border-primary: #404040;--border-secondary: #505050;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .5);--button-bg: #2d2d2d;--button-text: #ffffff;--button-hover-bg: #404040;--button-border: #404040;--button-hover-border: #0FF7AE;--card-bg: #2d2d2d;--code-bg: #1a1a1a;--code-text: #ffffff;--input-bg: #2d2d2d;--input-border: #404040;--input-focus-border: #0FF7AE;--modal-bg: rgba(45, 45, 45, .95);--modal-backdrop: rgba(0, 0, 0, .7)}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;width:100vw;overflow-x:hidden;min-height:100vh;background-color:var(--bg-primary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--button-hover-border);background-color:var(--button-hover-bg)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{min-height:100vh;width:100vw;overflow-x:hidden;background-color:var(--bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 16px}.tip-box{background-color:#6366f133;border-radius:12px;padding:16px;margin:16px 0;color:#000;position:relative;display:flex;align-items:flex-start;gap:12px}.tip-box:before{content:"💡";font-size:20px;flex-shrink:0;margin-top:2px;opacity:.8}.tip-box.important{background-color:#6366f133}.tip-box.warning{background-color:#f59e0b33}.tip-box.success{background-color:#10b98133}.tip-box.error{background-color:#ef444433}.tip-box.note{background-color:#90fe7acc}.tip-box-content{flex:1}.tip-box-title{font-weight:600;font-size:16px;margin-bottom:8px;opacity:.6}.tip-box-text{font-size:14px;line-height:1.5;opacity:.4}