:root{--color-primary: #2D5A27;--color-secondary: #4A90D9;--color-accent: #F5A623;--color-background: #1A1A2E;--color-surface: #2D2D44;--color-text: #FFFFFF;--color-text-muted: #C8C8D8;--color-success: #4CAF50;--color-error: #E57373;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-unit: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-button: 8px;--radius-card: 12px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + var(--safe-area-top));padding-bottom:calc(var(--spacing-lg) + var(--safe-area-bottom));overflow-y:auto}.screen-center{justify-content:center;align-items:center;text-align:center}button{font-family:inherit;font-size:18px;font-weight:600;border:none;border-radius:var(--radius-button);cursor:pointer;transition:transform .1s,opacity .1s;touch-action:manipulation}button:active{transform:scale(.98);opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:var(--spacing-md);background-color:var(--color-primary);color:var(--color-text);min-height:56px}.btn-primary:hover{background-color:#3a7332}.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);color:var(--color-text)}.btn-icon{width:44px;height:44px;padding:var(--spacing-sm);background-color:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.card{background-color:var(--color-surface);border-radius:var(--radius-card);padding:var(--spacing-md)}h1{font-size:32px;font-weight:700;margin-bottom:var(--spacing-lg)}h2{font-size:24px;font-weight:700;margin-bottom:var(--spacing-md)}h3{font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}