:root{--color-bg: #FFFFFF;--color-fg: #000000;--color-accent: #FF3366;--color-secondary: #0066FF;--color-success: #00CC66;--color-border: #000000;--color-gray-light: #F5F5F5;--color-gray-mid: #CCCCCC;--color-gray-dark: #666666;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--border-width: 3px;--border-radius: 0px;--shadow-sm: 4px 4px 0 var(--color-border);--shadow-md: 6px 6px 0 var(--color-border);--shadow-lg: 8px 8px 0 var(--color-border);--transition-fast: .15s ease;--transition-base: .2s ease;--max-width-sm: 480px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-content: 480px;--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-fg);background-color:var(--color-bg)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.p-1{padding:var(--space-1)}.p-3{padding:var(--space-3)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-decoration:none;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-fg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translate(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-border)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-bg);border-color:var(--color-border)}.btn-success{background-color:var(--color-success);color:var(--color-bg);border-color:var(--color-border)}.btn-outline{background-color:transparent;color:var(--color-fg)}.btn-large{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg);min-height:64px;min-width:64px}.btn-icon{padding:var(--space-2);min-width:48px;min-height:48px}.input{width:100%;padding:var(--space-2);font-family:var(--font-primary);font-size:var(--font-size-base);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-fg);transition:box-shadow var(--transition-fast)}.input:focus{outline:none;box-shadow:var(--shadow-sm)}.input::placeholder{color:var(--color-gray-dark)}.input:disabled{background-color:var(--color-gray-light);cursor:not-allowed}.textarea{width:100%;min-height:120px;padding:var(--space-2);font-family:var(--font-primary);font-size:var(--font-size-base);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-fg);resize:vertical;transition:box-shadow var(--transition-fast)}.textarea:focus{outline:none;box-shadow:var(--shadow-sm)}.card{padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);box-shadow:var(--shadow-md)}.card-interactive{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.card-interactive:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:var(--space-3)}html,body{background-color:var(--color-bg)}#root{min-height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column;position:relative}.app-container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding-left:var(--space-2);padding-right:var(--space-2)}@media(min-width:768px){html,body{background-color:var(--color-gray-light)}}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}