:root{--color-text-primary: rgba(0, 0, 0, .87);--color-text-secondary: rgba(0, 0, 0, .6);--color-text-tertiary: rgba(0, 0, 0, .4);--color-background: #ffffff;--color-background-secondary: #f5f5f5;--color-border: rgba(0, 0, 0, .12);--color-border-hover: rgba(0, 0, 0, .2);--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-active: #4a52d9;--color-wordle-correct: #6aaa64;--color-wordle-present: #c9b458;--color-wordle-absent: #787c7e;--color-wordle-empty: #d3d6da;--color-error: #ff6b6b;--color-success: #6aaa64;--color-warning: #c9b458;--font-family-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Menlo", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300}@media(prefers-color-scheme:dark){:root{--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .4);--color-background: #1a1a1a;--color-background-secondary: #2a2a2a;--color-border: rgba(255, 255, 255, .12);--color-border-hover: rgba(255, 255, 255, .2);--color-wordle-empty: #3a3a3c}}.chatgpt-widget{--widget-background: var(--color-background);--widget-text: var(--color-text-primary)}.ds-text-primary{color:var(--color-text-primary)}.ds-text-secondary{color:var(--color-text-secondary)}.ds-text-tertiary{color:var(--color-text-tertiary)}.ds-bg-primary{background-color:var(--color-background)}.ds-bg-secondary{background-color:var(--color-background-secondary)}.ds-border{border:1px solid var(--color-border)}.ds-font-system{font-family:var(--font-family-system)}.ds-font-mono{font-family:var(--font-family-mono)}:root{font-family:var(--font-family-system);line-height:1.5;font-weight:var(--font-weight-regular);color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.number-guess-game{max-width:500px;margin:0 auto;padding:2rem;text-align:center}.number-guess-game h2{color:#646cff;margin-bottom:1rem}.counter-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.counter-label{font-size:.9rem;opacity:.9}.counter-value{font-size:1.8rem;font-weight:700;font-family:Courier New,monospace;background:#fff3;padding:.5rem 1rem;border-radius:8px;min-width:80px;text-align:center}.instructions{margin-bottom:2rem;color:#888}.guess-form{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.guess-input{padding:.75rem;font-size:1rem;border:2px solid #646cff;border-radius:8px;width:200px;text-align:center}.guess-input:focus{outline:none;border-color:#535bf2}.guess-button{padding:.75rem 1.5rem;font-size:1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.guess-button:hover{background-color:#535bf2}.game-info{margin-bottom:2rem}.message{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;min-height:1.5rem}.attempts{color:#888;font-size:.9rem}.guesses{color:#666;font-size:.85rem;margin-top:.5rem}.error{color:#f44;font-weight:700;margin-bottom:.5rem}.guess-button:disabled{opacity:.6;cursor:not-allowed}.new-game-button{padding:.75rem 1.5rem;font-size:1rem;background-color:#42b883;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.new-game-button:hover{background-color:#35a372}.game-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.fullscreen-button{padding:.75rem 1.5rem;font-size:1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.fullscreen-button:hover{background-color:#535bf2}.virtual-keyboard{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);align-items:center}.keyboard-row{display:flex;gap:var(--spacing-xs);justify-content:center}.keyboard-key{min-width:32px;height:48px;padding:0 var(--spacing-sm);font-family:var(--font-family-system);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-wordle-empty);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;-webkit-user-select:none;user-select:none}.keyboard-key:hover:not(:disabled){background-color:var(--color-border-hover);transform:translateY(-1px)}.keyboard-key:active:not(:disabled){transform:translateY(0)}.keyboard-key:disabled{opacity:.5;cursor:not-allowed}.keyboard-key.special{min-width:64px;font-size:var(--font-size-xs)}.keyboard-key.correct{background-color:var(--color-wordle-correct);color:#fff}.keyboard-key.present{background-color:var(--color-wordle-present);color:#fff}.keyboard-key.absent{background-color:var(--color-wordle-absent);color:#fff}.keyboard-key.default{background-color:var(--color-wordle-empty);color:var(--color-text-primary)}@media(max-width:640px){.keyboard-key{min-width:28px;height:42px;font-size:var(--font-size-xs);padding:0 var(--spacing-xs)}.keyboard-key.special{min-width:56px}}.wordlove-game{max-width:500px;margin:0 auto;padding:var(--spacing-lg);font-family:var(--font-family-system);color:var(--color-text-primary);background-color:var(--color-background)}.wordlove-game.chatgpt-widget{background-color:transparent}.wordlove-title{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.wordlove-error{text-align:center;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:#ff6b6b1a;border-radius:var(--radius-md)}.wordlove-message{text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.wordlove-attempts{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.wordlove-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center}.wordlove-row{display:flex;gap:var(--spacing-sm);justify-content:center}.wordlove-cell{width:62px;height:62px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-system);border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);text-transform:uppercase;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.wordlove-input-cell{background-color:var(--color-background);border:2px solid var(--color-border);text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-system);color:var(--color-text-primary);text-transform:uppercase;padding:0;outline:none}.wordlove-input-cell:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #646cff33}.wordlove-input-cell.focused{border-color:var(--color-primary)}.wordlove-input-cell:disabled{opacity:.5;cursor:not-allowed}.wordlove-cell.correct{background-color:var(--color-wordle-correct);border-color:var(--color-wordle-correct);color:#fff}.wordlove-cell.present{background-color:var(--color-wordle-present);border-color:var(--color-wordle-present);color:#fff}.wordlove-cell.absent{background-color:var(--color-wordle-absent);border-color:var(--color-wordle-absent);color:#fff}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wordlove-cell.flipping{animation:flip .5s ease-in-out;transform-style:preserve-3d}.wordlove-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.wordlove-button{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-system);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.wordlove-button-primary{background-color:var(--color-primary);color:#fff}.wordlove-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.wordlove-button-primary:active:not(:disabled){transform:translateY(0)}.wordlove-button-primary:disabled{opacity:.5;cursor:not-allowed}.wordlove-button-secondary{background-color:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.wordlove-button-secondary:hover{background-color:var(--color-border);border-color:var(--color-border-hover)}@media(max-width:640px){.wordlove-game{padding:var(--spacing-md)}.wordlove-cell,.wordlove-input-cell{width:50px;height:50px;font-size:var(--font-size-xl)}.wordlove-title{font-size:var(--font-size-xl)}.wordlove-actions{flex-direction:column}.wordlove-button{width:100%}}.wordlove-game.pip-mode{max-width:100%;padding:var(--spacing-sm)}.wordlove-game.pip-mode .wordlove-grid{gap:var(--spacing-xs)}.wordlove-game.pip-mode .wordlove-cell,.wordlove-game.pip-mode .wordlove-input-cell{width:40px;height:40px;font-size:var(--font-size-lg)}@media(prefers-color-scheme:dark){.wordlove-cell{border-color:var(--color-border)}.wordlove-input-cell{background-color:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary)}.wordlove-input-cell:focus{border-color:var(--color-primary)}}.auth-button{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#fffffff2;border-radius:8px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;z-index:1;pointer-events:auto}.auth-button.authenticated{background:#fffffffa;border-color:#646cff4d;box-shadow:0 2px 12px #646cff33}.auth-user{display:flex;align-items:center;gap:.75rem}.auth-user-info{display:flex;flex-direction:column;gap:.125rem}.auth-email{font-size:.75rem;color:#666;font-weight:400}.auth-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.auth-name{font-size:.875rem;color:#333;font-weight:500}.auth-loading{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-login-btn,.auth-logout-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;pointer-events:auto}.auth-login-btn{background:#646cff;color:#fff;font-weight:600}.auth-login-btn:hover{background:#535bf2;transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.auth-logout-btn{background:#f5f5f5;color:#333;border:1px solid #ddd}.auth-logout-btn:hover{background:#e8e8e8;border-color:#ccc}.gamehubby{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.gamehubby-header{color:#fff;margin-bottom:3rem}.gamehubby-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:2rem}.gamehubby-header-content>div:first-child{text-align:center;flex:1}.auth-container{flex-shrink:0}.game-header-actions{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 2rem;gap:1rem}.gamehubby-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.gamehubby-header p{font-size:1.2rem;opacity:.9}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.game-card{background:#fff;border-radius:12px;padding:2rem;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.game-card h3{color:#646cff;margin-bottom:1rem;font-size:1.5rem}.game-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.play-button{width:100%;padding:.75rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s}.play-button:hover{background-color:#535bf2}.game-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 16px #0003}.back-button{margin-bottom:1rem;padding:.5rem 1rem;background-color:#fff3;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s}.back-button:hover{background-color:#ffffff4d}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}