:root{--canvas:#08090d;--surface:#0e1520;--primary-text:#e8edf5;--accent:#ff6820;--accent-dark:#cc5210;--accent-light:#ff8f54;--accent-secondary:#00c4ff;--dither-gray:#1c2535;--border:#ff682026;--font-heading:"Chakra Petch",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--youai-primary-color:#ff6820;--youai-primary-light:#ff8f54;--youai-primary-dark:#cc5210;--youai-primary-contrast:#fff;--youai-secondary-color:#00c4ff;--youai-secondary-light:#40d4ff;--youai-secondary-dark:#09c;--youai-bg-default:var(--canvas);--youai-bg-paper:var(--surface);--youai-bg-elevation1:#141d2b;--youai-bg-elevation2:#1c2535;--youai-bg-card:var(--surface);--youai-bg-hover:#141d2b;--youai-bg-selected:#1c2535;--youai-bg-secondary:#141d2b;--youai-text-primary:var(--primary-text);--youai-text-secondary:#a0afc8bf;--youai-text-tertiary:#788ca599;--youai-text-disabled:#788ca566;--youai-text-contrast:#08090d;--youai-border-primary:#ff682026;--youai-border-secondary:#ff682040;--youai-border-hover:#ff682066;--youai-border-focus:#ff6820;--youai-border-error:#f97373;--youai-border-success:#22c55e;--youai-radius-small:4px;--youai-radius-medium:6px;--youai-radius-large:8px;--youai-radius-circle:50%;--youai-shadow-card:none;--youai-shadow-subtle:0 1px 0 #ff68201a;--youai-shadow-focus:0 0 0 2px #ff682040;--youai-shadow-hover:4px 0 20px #ff68201f;--youai-shadow-glow:0 0 20px #ff682059;--claw-grid-color:#ff68200a;--claw-glow:#ff682059;--claw-border-gradient:linear-gradient(135deg,#ff6820,#00c4ff);--claw-scan-color:#ff682003;--claw-corner-size:12px;--youai-spacing-xs:4px;--youai-spacing-sm:8px;--youai-spacing-md:16px;--youai-spacing-lg:24px;--youai-spacing-xl:32px;--youai-spacing-2xl:3rem;--youai-font-family:var(--font-heading);--youai-font-family-mono:var(--font-mono);--youai-font-size-xs:0.7rem;--youai-font-size-sm:14px;--youai-font-size-base:16px;--youai-font-size-md:18px;--youai-font-size-lg:22px;--youai-font-size-xl:28px;--youai-font-size-2xl:1.8rem;--youai-font-weight-regular:400;--youai-font-weight-medium:500;--youai-font-weight-semibold:600;--youai-opacity-disabled:0.5;--youai-opacity-hover:0.85;--youai-transition-fast:all 0.2s ease;--youai-transition-normal:all 0.3s ease;--youai-success-color:#22c55e;--youai-success-bg:#22c55e1a;--youai-error-color:#f97373;--youai-error-bg:#f973731a;--youai-warning-color:#eab308;--youai-warning-bg:#eab3081a;--youai-info-color:#00c4ff;--youai-info-bg:#00c4ff1a;--youai-header-height:4rem;--youai-button-height:2.5rem;--youai-input-height:44px;--youai-card-max-width:600px;--youai-container-max-width:72rem;--youai-z-base:0;--youai-z-elevated:10;--youai-z-modal:1000;--youai-z-tooltip:2000}@media (prefers-color-scheme:light){:root{--canvas:#f5f1eb;--surface:#fff;--primary-text:#0a0c10;--accent:#e55a10;--accent-dark:#b34410;--accent-light:#ff6820;--accent-secondary:#09c;--border:#e55a1026;--youai-primary-color:#e55a10;--youai-primary-light:#ff6820;--youai-primary-dark:#b34410;--youai-primary-contrast:#fff;--youai-secondary-color:#09c;--youai-bg-default:#f5f1eb;--youai-bg-paper:#fff;--youai-bg-elevation1:#ede9e2;--youai-bg-elevation2:#e4e0d8;--youai-bg-card:#fff;--youai-bg-hover:#ede9e2;--youai-bg-selected:#e4e0d8;--youai-text-primary:#0a0c10;--youai-text-secondary:#3c4b5fd9;--youai-border-primary:#e55a1026;--youai-border-secondary:#e55a1040;--youai-border-hover:#e55a1066;--youai-border-focus:#e55a10;--claw-grid-color:#e55a100a;--claw-glow:#e55a1040}}@media (prefers-reduced-motion:reduce){:root{--youai-transition-fast:none;--youai-transition-normal:none}}.youai-card{background:#0e1520;background:var(--youai-bg-card);border:1px solid #ff682026;border-left:2px solid #ff6820;border:1px solid var(--youai-border-primary);border-left:2px solid var(--accent);border-radius:6px;border-radius:var(--youai-radius-medium);transition:all .3s ease;transition:var(--youai-transition-normal)}.youai-card:hover{border-color:#ff682066;border-color:var(--youai-border-hover);box-shadow:4px 0 20px #ff68201f;box-shadow:var(--youai-shadow-hover)}.youai-button-primary{background:#ff6820;background:var(--youai-primary-color);border:1px solid #ff6820;border:1px solid var(--youai-primary-color);border-radius:4px;border-radius:var(--youai-radius-small);color:#fff;color:var(--youai-primary-contrast);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.08em;padding:8px 16px;padding:var(--youai-spacing-sm) var(--youai-spacing-md);text-transform:uppercase;transition:all .2s ease;transition:var(--youai-transition-fast)}.youai-button-primary:hover{background:#cc5210;background:var(--youai-primary-dark);box-shadow:0 0 0 1px #ff6820,0 0 20px #ff682059;box-shadow:0 0 0 1px var(--accent),var(--youai-shadow-glow)}.youai-button-secondary{background:#0000;border:1px solid #ff682040;border:1px solid var(--youai-border-secondary);border-radius:4px;border-radius:var(--youai-radius-small);color:#ff6820;color:var(--youai-primary-color);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.08em;padding:8px 16px;text-transform:uppercase;transition:var(--youai-transition-fast)}.youai-button-secondary:hover{background:#ff682014;border-color:#ff6820;border-color:var(--accent)}.youai-input{background:#0e1520;background:var(--youai-bg-paper);border:1px solid #ff682026;border:1px solid var(--youai-border-primary);border-radius:4px;border-radius:var(--youai-radius-small);color:#e8edf5;color:var(--youai-text-primary);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:16px;font-size:var(--youai-font-size-base);padding:8px 16px;padding:var(--youai-spacing-sm) var(--youai-spacing-md);transition:all .3s ease;transition:var(--youai-transition-normal);width:100%}.youai-input:focus{border-color:#ff6820;border-color:var(--youai-border-focus);box-shadow:0 0 0 2px #ff682040;box-shadow:var(--youai-shadow-focus);outline:none}.youai-input.error{border-color:#f97373;border-color:var(--youai-border-error)}.youai-text-primary{color:#e8edf5;color:var(--youai-text-primary)}.youai-text-secondary,.youai-text-small{color:#a0afc8bf;color:var(--youai-text-secondary)}.youai-text-small{font-size:14px;font-size:var(--youai-font-size-sm)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--youai-bg-default);background-image:radial-gradient(var(--claw-grid-color) 1px,#0000 1px);background-size:24px 24px;color:var(--youai-text-primary);font-family:var(--font-body);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--youai-bg-paper)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}@keyframes glitch{0%,88%,to{-webkit-clip-path:none;clip-path:none;transform:translate(0)}91%{-webkit-clip-path:inset(10% 0 80% 0);clip-path:inset(10% 0 80% 0);transform:translate(-2px,1px)}93%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(2px,-1px)}95%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(-1px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 #ff682000}50%{box-shadow:0 0 0 4px #ff682033,0 0 24px #ff68204d}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){@keyframes glitch{0%,to{-webkit-clip-path:none;clip-path:none;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:none}}@keyframes scanline{0%,to{background-position:0 0}}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{align-items:center;background:var(--youai-bg-default);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--youai-bg-card);border:1px solid var(--youai-border-primary);border-radius:var(--youai-radius-medium);box-shadow:var(--youai-shadow-card);max-width:400px;padding:var(--youai-spacing-xl);transition:var(--youai-transition-normal);width:100%}.auth-title{color:var(--youai-text-primary);font-size:var(--youai-font-size-xl);font-weight:var(--youai-font-weight-semibold);margin-bottom:var(--youai-spacing-xs)}.auth-subtitle,.auth-title{font-family:var(--youai-font-family);text-align:center}.auth-subtitle{color:var(--youai-text-secondary);font-size:var(--youai-font-size-base);margin-bottom:var(--youai-spacing-lg)}.auth-form{gap:var(--youai-spacing-md)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--youai-spacing-xs)}.form-group label{font-size:var(--youai-font-size-sm);font-weight:var(--youai-font-weight-medium)}.form-group input,.form-group label{color:var(--youai-text-primary);font-family:var(--youai-font-family)}.form-group input{background:var(--youai-bg-paper);border:2px solid var(--youai-border-primary);border-radius:var(--youai-radius-small);font-size:var(--youai-font-size-base);padding:var(--youai-spacing-sm) var(--youai-spacing-md);transition:var(--youai-transition-normal);width:100%}.form-group input::placeholder{color:var(--youai-text-secondary);opacity:1}.form-group input:focus{border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus);outline:none}.form-group input:disabled{background-color:var(--youai-bg-hover);color:var(--youai-text-disabled);cursor:not-allowed}.forgot-password-link{margin-top:var(--youai-spacing-xs);text-align:right}.forgot-password-link .link-button{color:var(--youai-text-secondary);font-size:var(--youai-font-size-xs);text-decoration:none}.forgot-password-link .link-button:hover{color:var(--youai-primary-color)}.auth-button{background:var(--youai-primary-color);border:none;border-radius:var(--youai-radius-small);color:var(--youai-primary-contrast);cursor:pointer;font-family:var(--youai-font-family);font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);margin-top:var(--youai-spacing-xs);padding:var(--youai-spacing-sm) var(--youai-spacing-md);transition:var(--youai-transition-fast)}.auth-button:disabled{cursor:not-allowed;opacity:var(--youai-opacity-disabled);transform:none}.google-signin-button{-webkit-text-fill-color:#f4f7fc;align-items:center;appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#1f2b3ffa,#172233fa);border:1px solid #ff682061;border-radius:var(--youai-radius-medium);box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ff682014;color:#f4f7fc;cursor:pointer;display:flex;font-family:var(--youai-font-family);font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);gap:var(--youai-spacing-sm);justify-content:center;margin-top:var(--youai-spacing-md);padding:var(--youai-spacing-sm) var(--youai-spacing-md);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.google-signin-button:hover:not(:disabled){background:linear-gradient(180deg,#25334a,#1b283b);border-color:#ff68208c;box-shadow:0 0 0 1px #ff68203d,0 10px 24px #0000002e;transform:translateY(-1px)}.google-signin-button:active:not(:disabled){transform:translateY(0)}.google-signin-button:disabled{cursor:not-allowed;opacity:var(--youai-opacity-disabled);transform:none}.google-signin-button:focus-visible{border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus);outline:none}.google-icon{flex-shrink:0;height:18px;width:18px}.google-text{-webkit-text-fill-color:inherit;color:inherit}.google-text,.wallet-signin-button{font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium)}.wallet-signin-button{-webkit-text-fill-color:#f4f7fc;align-items:center;appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#1f2b3ffa,#172233fa);border:1px solid #ff682061;border-radius:var(--youai-radius-medium);box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ff682014;color:#f4f7fc;cursor:pointer;display:flex;font-family:var(--youai-font-family);gap:var(--youai-spacing-sm);justify-content:center;margin-top:var(--youai-spacing-sm);padding:var(--youai-spacing-sm) var(--youai-spacing-md);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.wallet-signin-button:hover:not(:disabled){background:linear-gradient(180deg,#25334a,#1b283b);border-color:#ff68208c;box-shadow:0 0 0 1px #ff68203d,0 10px 24px #0000002e;transform:translateY(-1px)}.wallet-signin-button:active:not(:disabled){transform:translateY(0)}.wallet-signin-button:disabled{cursor:not-allowed;opacity:var(--youai-opacity-disabled);transform:none}.wallet-signin-button:focus-visible{border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus);outline:none}.wallet-icon{flex-shrink:0;height:20px;width:20px}.wallet-text{-webkit-text-fill-color:inherit;color:inherit;font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium)}.auth-divider{align-items:center;color:var(--youai-text-secondary);display:flex;font-size:var(--youai-font-size-sm);margin:var(--youai-spacing-lg) 0}.auth-divider:after,.auth-divider:before{background-color:var(--youai-border-primary);content:"";flex:1 1;height:1px}.auth-divider span{background-color:var(--youai-bg-default);padding:0 var(--youai-spacing-md)}.auth-footer{border-top:1px solid var(--youai-border-primary);margin-top:var(--youai-spacing-lg);padding-top:var(--youai-spacing-lg);text-align:center}.auth-footer p{color:var(--youai-text-secondary);margin:0}.auth-footer p,.link-button{font-size:var(--youai-font-size-sm)}.link-button{background:none;border:none;color:var(--youai-primary-color);cursor:pointer;font-family:var(--youai-font-family);font-weight:var(--youai-font-weight-medium);text-decoration:underline}.link-button:hover:not(:disabled){color:var(--youai-primary-light)}.link-button:disabled{cursor:not-allowed;opacity:var(--youai-opacity-disabled)}.error-message{background-color:var(--youai-error-bg);border:1px solid var(--youai-border-error);border-radius:var(--youai-radius-small);color:var(--youai-error-color)}.error-message,.success-message{font-size:var(--youai-font-size-sm);margin-bottom:var(--youai-spacing-md);padding:var(--youai-spacing-sm) var(--youai-spacing-md)}.success-message{background-color:#f0f9ff;background-color:var(--youai-success-bg,#f0f9ff);border:1px solid #10b981;border:1px solid var(--youai-border-success,#10b981);border-radius:var(--youai-radius-small);color:#065f46;color:var(--youai-success-color,#065f46)}.success-message p{color:inherit;margin:var(--youai-spacing-xs) 0}@media (max-width:480px){.auth-container{padding:10px}.auth-card{padding:var(--youai-spacing-lg)}.auth-title{font-size:var(--youai-font-size-lg)}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-height:90vh;max-width:400px;overflow-y:auto;position:relative;width:100%}.modal-actions{display:flex;gap:var(--youai-spacing-md);margin-top:var(--youai-spacing-lg)}.modal-actions .auth-button{flex:1 1}.youai-button-secondary{background-color:var(--youai-bg-secondary);border:1px solid var(--youai-border-primary);border-radius:var(--youai-radius-medium);color:var(--youai-text-primary);cursor:pointer;font-family:var(--youai-font-family);font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);padding:var(--youai-spacing-sm) var(--youai-spacing-md);transition:all .2s ease}.youai-button-secondary:hover:not(:disabled){background-color:var(--youai-bg-hover);border-color:var(--youai-border-hover);transform:translateY(-1px)}.youai-button-secondary:active:not(:disabled){transform:translateY(0)}.youai-button-secondary:disabled{cursor:not-allowed;opacity:var(--youai-opacity-disabled);transform:none}