:root{--color-gulf-blue:#5b8db8;--color-mint-green:#8fb6a7;--color-warm-sand:#eadcc8;--color-lavender:#c9b8d9;--color-sunlight-yellow:#f6d37a;--color-ink-blue:#2e3a46;--color-soft-white:#f8f9fa;--primary:var(--color-gulf-blue);--secondary:var(--color-mint-green);--background:var(--color-soft-white);--text-main:var(--color-ink-blue);--surface:var(--color-warm-sand);--accent:var(--color-lavender);--highlight:var(--color-sunlight-yellow);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-regular:400;--font-medium:500;--font-bold:700;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-tap-highlight-color:transparent;font-family:Inter,Noto Sans TC,sans-serif;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}