:root{--canvas: #0a0a0a;--surface: #1a1a1a;--surface-alt: #181818;--primary-text: #ffffff;--accent: #ffc700;--accent-dark: #e6b800;--accent-light: #ffd54a;--accent-secondary: #3f7a6e;--border: #222222;--font-display: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: var(--font-display);--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-code: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--youai-primary-color: #ffc700;--youai-primary-light: #ffd54a;--youai-primary-dark: #e6b800;--youai-primary-contrast: #181818;--youai-on-accent: #181818;--youai-gold-ink: #ffc700;--youai-secondary-color: #3f7a6e;--youai-secondary-light: #5a9488;--youai-secondary-dark: #2f665b;--youai-gold-chip: rgba(255, 199, 0, .12);--youai-gold-input: rgba(255, 199, 0, .04);--youai-gold-selected: rgba(255, 199, 0, .06);--youai-grid-color: rgba(255, 199, 0, .05);--youai-bg-default: var(--canvas);--youai-bg-paper: var(--surface);--youai-bg-elevation1: #141414;--youai-bg-elevation2: #1a1a1a;--youai-bg-card: var(--surface);--youai-bg-hover: #141414;--youai-bg-selected: var(--youai-gold-selected);--youai-bg-secondary: #141414;--youai-overlay: rgba(0, 0, 0, .85);--youai-text-primary: var(--primary-text);--youai-text-secondary: #b3b3b3;--youai-text-tertiary: #666666;--youai-text-muted: #666666;--youai-text-disabled: rgba(179, 179, 179, .4);--youai-text-contrast: #181818;--youai-border-primary: #222222;--youai-border-secondary: #222222;--youai-border-hover: rgba(255, 199, 0, .4);--youai-border-raised: rgba(255, 199, 0, .25);--youai-border-focus: #ffc700;--youai-border-error: #ff6666;--youai-border-success: #66ff66;--youai-radius-small: 4px;--youai-radius-medium: 6px;--youai-radius-large: 8px;--youai-radius-circle: 50%;--youai-shadow-card: none;--youai-shadow-subtle: none;--youai-shadow-focus: 0 0 0 2px rgba(255, 199, 0, .25);--youai-shadow-hover: 0 2px 8px 0 rgba(255, 199, 0, .1);--youai-shadow-raised: 0 0 20px rgba(255, 199, 0, .2);--youai-shadow-glow: 0 0 20px rgba(255, 199, 0, .28);--youai-spacing-xs: 4px;--youai-spacing-sm: 8px;--youai-spacing-md: 16px;--youai-spacing-lg: 24px;--youai-spacing-xl: 32px;--youai-spacing-2xl: 48px;--youai-font-family: var(--font-display);--youai-font-family-mono: var(--font-mono);--youai-font-size-eyebrow: .6875rem;--youai-font-size-meta: .625rem;--youai-font-size-button: .75rem;--youai-font-size-xs: .6875rem;--youai-font-size-sm: .8125rem;--youai-font-size-base: 1rem;--youai-font-size-md: 1.1875rem;--youai-font-size-lg: 1.625rem;--youai-font-size-xl: 2.375rem;--youai-font-size-2xl: 4.75rem;--youai-font-weight-regular: 400;--youai-font-weight-medium: 500;--youai-font-weight-semibold: 600;--youai-font-weight-bold: 700;--youai-tracking-display: -.02em;--youai-tracking-chrome: .08em;--youai-tracking-eyebrow: .14em;--youai-opacity-disabled: .5;--youai-opacity-hover: .85;--youai-transition-fast: all .2s ease;--youai-transition-normal: all .3s ease;--youai-success-color: #66ff66;--youai-success-fill: #009900;--youai-success-bg: rgba(102, 255, 102, .1);--youai-error-color: #ff6666;--youai-error-fill: #990000;--youai-error-bg: rgba(255, 102, 102, .1);--youai-warning-color: #ffff66;--youai-warning-fill: #999900;--youai-warning-bg: rgba(255, 255, 102, .1);--youai-info-color: #66b7ff;--youai-info-fill: #0066cc;--youai-info-bg: rgba(102, 183, 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}:root[data-theme=light]{--canvas: #faf9f6;--surface: #ffffff;--surface-alt: #f2f0ea;--primary-text: #181818;--border: #e4e0d6;--youai-gold-ink: #7a5e00;--youai-bg-default: #faf9f6;--youai-bg-paper: #ffffff;--youai-bg-elevation1: #f2f0ea;--youai-bg-elevation2: #e9e6de;--youai-bg-card: #ffffff;--youai-bg-hover: #f2f0ea;--youai-text-primary: #181818;--youai-text-secondary: #5c574c;--youai-text-tertiary: #8a8474;--youai-text-muted: #8a8474;--youai-text-disabled: rgba(92, 87, 76, .4);--youai-border-primary: #e4e0d6;--youai-border-secondary: #e4e0d6;--youai-border-focus: #7a5e00;--youai-grid-color: rgba(122, 94, 0, .06);--youai-shadow-raised: none}@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-on-accent);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:var(--youai-font-size-button);letter-spacing:var(--youai-tracking-chrome);text-transform:uppercase;transition:var(--youai-transition-fast);cursor:pointer}.youai-button-primary:hover{background:var(--youai-primary-dark);border-color:var(--youai-primary-dark);box-shadow:var(--youai-shadow-glow)}.youai-button-secondary{background:transparent;color:var(--youai-gold-ink);border:1px solid var(--accent);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:var(--youai-font-size-button);letter-spacing:var(--youai-tracking-chrome);text-transform:uppercase;transition:var(--youai-transition-fast);cursor:pointer}.youai-button-secondary:hover{border-color:var(--accent);background:#ffc70014}.youai-button-quiet{background:transparent;color:var(--youai-text-secondary);border:1px solid var(--youai-border-primary);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:var(--youai-font-size-button);letter-spacing:var(--youai-tracking-chrome);text-transform:uppercase;transition:var(--youai-transition-fast);cursor:pointer}.youai-button-quiet:hover{border-color:#444;color:var(--youai-text-primary)}.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-gold-input);color:var(--youai-text-primary)}.youai-input::placeholder{font-family:var(--font-mono);font-size:var(--youai-font-size-button);letter-spacing:.06em;text-transform:uppercase;color:var(--youai-text-disabled)}.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-eyebrow{font-family:var(--font-mono);font-size:var(--youai-font-size-eyebrow);font-weight:600;letter-spacing:var(--youai-tracking-eyebrow);text-transform:uppercase;color:var(--youai-gold-ink)}.youai-meta{font-family:var(--font-mono);font-size:var(--youai-font-size-meta);letter-spacing:var(--youai-tracking-chrome);color:var(--youai-text-muted)}.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(circle,var(--youai-grid-color) 1px,transparent 1px);background-size:24px 24px}code{font-family:var(--font-code)}::selection{background:var(--accent);color:var(--youai-on-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--youai-bg-default)}::-webkit-scrollbar-thumb{background:var(--youai-border-primary);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--youai-text-secondary)}@media(prefers-reduced-motion:no-preference){@keyframes glowPulse{0%,to{box-shadow:0 0 #ffc70000}50%{box-shadow:0 0 0 4px #ffc70033,0 0 24px #ffc7004d}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){@keyframes glowPulse{0%,to{box-shadow:none}}@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:var(--youai-bg-paper);border:1px solid var(--youai-border-primary);border-radius:var(--youai-radius-small);color:var(--youai-text-secondary);-webkit-text-fill-color:var(--youai-text-secondary);font-size:var(--youai-font-size-button);font-weight:var(--youai-font-weight-semibold);font-family:var(--font-mono);letter-spacing:var(--youai-tracking-chrome);text-transform:uppercase;cursor:pointer;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;margin-top:var(--youai-spacing-md)}.google-signin-button:hover:not(:disabled){border-color:#444;color:var(--youai-text-primary);-webkit-text-fill-color:var(--youai-text-primary)}.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:var(--youai-bg-paper);border:1px solid var(--youai-border-primary);border-radius:var(--youai-radius-small);color:var(--youai-text-secondary);-webkit-text-fill-color:var(--youai-text-secondary);font-size:var(--youai-font-size-button);font-weight:var(--youai-font-weight-semibold);font-family:var(--font-mono);letter-spacing:var(--youai-tracking-chrome);text-transform:uppercase;cursor:pointer;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;margin-top:var(--youai-spacing-sm)}.wallet-signin-button:hover:not(:disabled){border-color:#444;color:var(--youai-text-primary);-webkit-text-fill-color:var(--youai-text-primary)}.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}