:root{--canvas: #08090D;--surface: #0E1520;--primary-text: #E8EDF5;--accent: #FF6820;--accent-dark: #CC5210;--accent-light: #FF8F54;--accent-secondary: #00C4FF;--dither-gray: #1C2535;--border: rgba(255, 104, 32, .15);--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: #FFFFFF;--youai-secondary-color: #00C4FF;--youai-secondary-light: #40D4FF;--youai-secondary-dark: #0099CC;--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: rgba(160, 175, 200, .75);--youai-text-tertiary: rgba(120, 140, 165, .6);--youai-text-disabled: rgba(120, 140, 165, .4);--youai-text-contrast: #08090D;--youai-border-primary: rgba(255, 104, 32, .15);--youai-border-secondary: rgba(255, 104, 32, .25);--youai-border-hover: rgba(255, 104, 32, .4);--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 rgba(255, 104, 32, .1);--youai-shadow-focus: 0 0 0 2px rgba(255, 104, 32, .25);--youai-shadow-hover: 4px 0 20px rgba(255, 104, 32, .12);--youai-shadow-glow: 0 0 20px rgba(255, 104, 32, .35);--claw-grid-color: rgba(255, 104, 32, .04);--claw-glow: rgba(255, 104, 32, .35);--claw-border-gradient: linear-gradient(135deg, #FF6820 0%, #00C4FF 100%);--claw-scan-color: rgba(255, 104, 32, .01);--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: .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: .5;--youai-opacity-hover: .85;--youai-transition-fast: all .2s ease;--youai-transition-normal: all .3s ease;--youai-success-color: #22c55e;--youai-success-bg: rgba(34, 197, 94, .1);--youai-error-color: #f97373;--youai-error-bg: rgba(249, 115, 115, .1);--youai-warning-color: #eab308;--youai-warning-bg: rgba(234, 179, 8, .1);--youai-info-color: #00C4FF;--youai-info-bg: rgba(0, 196, 255, .1);--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: #FFFFFF;--primary-text: #0A0C10;--accent: #E55A10;--accent-dark: #B34410;--accent-light: #FF6820;--accent-secondary: #0099CC;--border: rgba(229, 90, 16, .15);--youai-primary-color: #E55A10;--youai-primary-light: #FF6820;--youai-primary-dark: #B34410;--youai-primary-contrast: #FFFFFF;--youai-secondary-color: #0099CC;--youai-bg-default: #F5F1EB;--youai-bg-paper: #FFFFFF;--youai-bg-elevation1: #EDE9E2;--youai-bg-elevation2: #E4E0D8;--youai-bg-card: #FFFFFF;--youai-bg-hover: #EDE9E2;--youai-bg-selected: #E4E0D8;--youai-text-primary: #0A0C10;--youai-text-secondary: rgba(60, 75, 95, .85);--youai-border-primary: rgba(229, 90, 16, .15);--youai-border-secondary: rgba(229, 90, 16, .25);--youai-border-hover: rgba(229, 90, 16, .4);--youai-border-focus: #E55A10;--claw-grid-color: rgba(229, 90, 16, .04);--claw-glow: rgba(229, 90, 16, .25)}}@media(prefers-reduced-motion:reduce){:root{--youai-transition-fast: none;--youai-transition-normal: none}}.youai-card{background:var(--youai-bg-card);border-radius:var(--youai-radius-medium);border:1px solid var(--youai-border-primary);border-left:2px solid var(--accent);transition:var(--youai-transition-normal)}.youai-card:hover{border-color:var(--youai-border-hover);box-shadow:var(--youai-shadow-hover)}.youai-button-primary{background:var(--youai-primary-color);color:var(--youai-primary-contrast);border:1px solid var(--youai-primary-color);border-radius:var(--youai-radius-small);padding:var(--youai-spacing-sm) var(--youai-spacing-md);font-family:var(--font-mono);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:var(--youai-transition-fast);cursor:pointer}.youai-button-primary:hover{background:var(--youai-primary-dark);box-shadow:0 0 0 1px var(--accent),var(--youai-shadow-glow)}.youai-button-secondary{background:transparent;color:var(--youai-primary-color);border:1px solid var(--youai-border-secondary);border-radius:var(--youai-radius-small);padding:var(--youai-spacing-sm) var(--youai-spacing-md);font-family:var(--font-mono);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:var(--youai-transition-fast);cursor:pointer}.youai-button-secondary:hover{border-color:var(--accent);background:#ff682014}.youai-input{width:100%;padding:var(--youai-spacing-sm) var(--youai-spacing-md);border:1px solid var(--youai-border-primary);border-radius:var(--youai-radius-small);font-size:var(--youai-font-size-base);font-family:var(--font-body);transition:var(--youai-transition-normal);background:var(--youai-bg-paper);color:var(--youai-text-primary)}.youai-input:focus{outline:none;border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus)}.youai-input.error{border-color:var(--youai-border-error)}.youai-text-primary{color:var(--youai-text-primary)}.youai-text-secondary{color:var(--youai-text-secondary)}.youai-text-small{font-size:var(--youai-font-size-sm);color:var(--youai-text-secondary)}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--youai-bg-default);color:var(--youai-text-primary);background-image:radial-gradient(var(--claw-grid-color) 1px,transparent 1px);background-size:24px 24px}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{transform:translate(0);clip-path:none}91%{transform:translate(-2px,1px);clip-path:inset(10% 0 80% 0)}93%{transform:translate(2px,-1px);clip-path:inset(60% 0 20% 0)}95%{transform:translate(-1px);clip-path:inset(40% 0 40% 0)}}@keyframes glowPulse{0%,to{box-shadow: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{transform:translate(0);clip-path:none}}@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 infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--youai-bg-default);padding:20px}.auth-card{background:var(--youai-bg-card);border-radius:var(--youai-radius-medium);box-shadow:var(--youai-shadow-card);border:1px solid var(--youai-border-primary);transition:var(--youai-transition-normal);max-width:400px;width:100%;padding:var(--youai-spacing-xl)}.auth-title{font-size:var(--youai-font-size-xl);font-weight:var(--youai-font-weight-semibold);color:var(--youai-text-primary);text-align:center;margin-bottom:var(--youai-spacing-xs);font-family:var(--youai-font-family)}.auth-subtitle{font-size:var(--youai-font-size-base);color:var(--youai-text-secondary);text-align:center;margin-bottom:var(--youai-spacing-lg);font-family:var(--youai-font-family)}.auth-form{display:flex;flex-direction:column;gap:var(--youai-spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--youai-spacing-xs)}.form-group label{font-size:var(--youai-font-size-sm);font-weight:var(--youai-font-weight-medium);color:var(--youai-text-primary);font-family:var(--youai-font-family)}.form-group input{width:100%;padding:var(--youai-spacing-sm) var(--youai-spacing-md);border:2px solid var(--youai-border-primary);border-radius:var(--youai-radius-small);font-size:var(--youai-font-size-base);transition:var(--youai-transition-normal);font-family:var(--youai-font-family);background:var(--youai-bg-paper);color:var(--youai-text-primary)}.form-group input::placeholder{color:var(--youai-text-secondary);opacity:1}.form-group input:focus{outline:none;border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus)}.form-group input:disabled{background-color:var(--youai-bg-hover);cursor:not-allowed;color:var(--youai-text-disabled)}.forgot-password-link{text-align:right;margin-top:var(--youai-spacing-xs)}.forgot-password-link .link-button{font-size:var(--youai-font-size-xs);color:var(--youai-text-secondary);text-decoration:none}.forgot-password-link .link-button:hover{color:var(--youai-primary-color)}.auth-button{background:var(--youai-primary-color);color:var(--youai-primary-contrast);border:none;border-radius:var(--youai-radius-small);padding:var(--youai-spacing-sm) var(--youai-spacing-md);font-weight:var(--youai-font-weight-medium);transition:var(--youai-transition-fast);cursor:pointer;margin-top:var(--youai-spacing-xs);font-size:var(--youai-font-size-base);font-family:var(--youai-font-family)}.auth-button:disabled{opacity:var(--youai-opacity-disabled);cursor:not-allowed;transform:none}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:var(--youai-spacing-sm);width:100%;padding:var(--youai-spacing-sm) var(--youai-spacing-md);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#1f2b3ffa,#172233fa);border:1px solid rgba(255,104,32,.38);border-radius:var(--youai-radius-medium);color:#f4f7fc;-webkit-text-fill-color:#f4f7fc;font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);font-family:var(--youai-font-family);cursor:pointer;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ff682014;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;margin-top:var(--youai-spacing-md)}.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{opacity:var(--youai-opacity-disabled);cursor:not-allowed;transform:none}.google-signin-button:focus-visible{outline:none;border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus)}.google-icon{width:18px;height:18px;flex-shrink:0}.google-text{font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);color:inherit;-webkit-text-fill-color:inherit}.wallet-signin-button{display:flex;align-items:center;justify-content:center;gap:var(--youai-spacing-sm);width:100%;padding:var(--youai-spacing-sm) var(--youai-spacing-md);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#1f2b3ffa,#172233fa);border:1px solid rgba(255,104,32,.38);border-radius:var(--youai-radius-medium);color:#f4f7fc;-webkit-text-fill-color:#f4f7fc;font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);font-family:var(--youai-font-family);cursor:pointer;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ff682014;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;margin-top:var(--youai-spacing-sm)}.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{opacity:var(--youai-opacity-disabled);cursor:not-allowed;transform:none}.wallet-signin-button:focus-visible{outline:none;border-color:var(--youai-border-focus);box-shadow:var(--youai-shadow-focus)}.wallet-icon{width:20px;height:20px;flex-shrink:0}.wallet-text{font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);color:inherit;-webkit-text-fill-color:inherit}.auth-divider{display:flex;align-items:center;margin:var(--youai-spacing-lg) 0;color:var(--youai-text-secondary);font-size:var(--youai-font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--youai-border-primary)}.auth-divider span{padding:0 var(--youai-spacing-md);background-color:var(--youai-bg-default)}.auth-footer{text-align:center;margin-top:var(--youai-spacing-lg);padding-top:var(--youai-spacing-lg);border-top:1px solid var(--youai-border-primary)}.auth-footer p{color:var(--youai-text-secondary);font-size:var(--youai-font-size-sm);margin:0}.link-button{background:none;border:none;color:var(--youai-primary-color);text-decoration:underline;cursor:pointer;font-size:var(--youai-font-size-sm);font-weight:var(--youai-font-weight-medium);font-family:var(--youai-font-family)}.link-button:hover:not(:disabled){color:var(--youai-primary-light)}.link-button:disabled{opacity:var(--youai-opacity-disabled);cursor:not-allowed}.error-message{background-color:var(--youai-error-bg);color:var(--youai-error-color);padding:var(--youai-spacing-sm) var(--youai-spacing-md);border-radius:var(--youai-radius-small);border:1px solid var(--youai-border-error);font-size:var(--youai-font-size-sm);margin-bottom:var(--youai-spacing-md)}.success-message{background-color:var(--youai-success-bg, #f0f9ff);color:var(--youai-success-color, #065f46);padding:var(--youai-spacing-sm) var(--youai-spacing-md);border-radius:var(--youai-radius-small);border:1px solid var(--youai-border-success, #10b981);font-size:var(--youai-font-size-sm);margin-bottom:var(--youai-spacing-md)}.success-message p{margin:var(--youai-spacing-xs) 0;color:inherit}@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{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-actions{display:flex;gap:var(--youai-spacing-md);margin-top:var(--youai-spacing-lg)}.modal-actions .auth-button{flex:1}.youai-button-secondary{background-color:var(--youai-bg-secondary);border:1px solid var(--youai-border-primary);color:var(--youai-text-primary);padding:var(--youai-spacing-sm) var(--youai-spacing-md);border-radius:var(--youai-radius-medium);font-size:var(--youai-font-size-base);font-weight:var(--youai-font-weight-medium);font-family:var(--youai-font-family);cursor:pointer;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{opacity:var(--youai-opacity-disabled);cursor:not-allowed;transform:none}