:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f5;--bg-tertiary: #ebebeb;--text-primary: #1a1a1a;--text-secondary: #757575;--border-color: #e0e0e0;--accent-blue: #2c5282;--accent-red: #c53030;--accent-green: #2f855a;--accent-gold: #d69e2e;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-serif: "Lyon-Text", "Libre Baskerville", Georgia, serif;--font-mono: "iA Writer Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--event-color-1: #ffe2dd;--event-color-2: #fadec9;--event-color-3: #dbeddb;--event-color-4: #d3e5ef;--event-color-5: #e8deee;--event-color-6: #eaeef2;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #ffffff;--text-secondary: #ebebf5;--border-color: #38383a;--shadow-sm: 0 1px 2px rgba(255, 255, 255, .05);--event-color-1: #ff453a;--event-color-2: #ff9f0a;--event-color-3: #30d158;--event-color-4: #0a84ff;--event-color-5: #bf5af2;--event-color-6: #8e8e93;--accent-gold: #ffd60a}[data-theme=pixel]{--bg-primary: #2d2d2d;--bg-secondary: #3b3b3b;--bg-tertiary: #4a4a4a;--text-primary: #e6e6e6;--text-secondary: #b0b0b0;--border-color: #5c5c5c;--accent-blue: #00c3e3;--accent-red: #ff3c28;--accent-green: #2ecc71;--accent-gold: #f1c40f;--event-color-1: #e74c3c;--event-color-2: #f39c12;--event-color-3: #27ae60;--event-color-4: #3498db;--event-color-5: #9b59b6;--event-color-6: #7f8c8d;--font-sans: "Press Start 2P", "Courier New", monospace;--font-serif: "Courier New", Courier, monospace;--font-mono: "Courier New", Courier, monospace;--shadow-sm: 0 4px 0px rgba(0, 0, 0, .2)}[data-theme=pixel] button{border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-transform:uppercase;font-weight:700;letter-spacing:1px}[data-theme=pixel] .card{border:2px solid var(--border-color);background:var(--bg-secondary)}[data-theme=pixel] input,[data-theme=pixel] select,[data-theme=pixel] textarea{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:0}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}button{font-family:inherit}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{padding-top:constant(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);min-height:100vh}@media(max-width:768px){html{font-size:12px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=pixel] input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4c5a9'><path d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/></svg>");background-repeat:no-repeat;background-position:center;background-size:16px;cursor:pointer;opacity:1}.auth-container{display:flex;min-height:100vh;width:100vw;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.auth-bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--text-secondary) 0%,transparent 70%);opacity:.03;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.auth-card{position:relative;z-index:10;width:100%;max-width:400px;padding:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 40px #0000000d;display:flex;flex-direction:column;align-items:center}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{font-size:32px;margin-bottom:12px;display:inline-block}.auth-title{font-size:24px;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.5px}.auth-subtitle{margin-top:8px;font-size:14px;color:var(--text-secondary)}.auth-form{width:100%;display:flex;flex-direction:column;gap:20px}.input-group{position:relative;width:100%}.auth-input{width:100%;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .2s ease;outline:none}.auth-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-tertiary)}.auth-input::placeholder{color:var(--text-secondary);opacity:.6}.auth-button{margin-top:12px;width:100%;padding:16px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .2s ease}.auth-button:hover{opacity:.9}.auth-button:active{transform:scale(.98)}.auth-footer{margin-top:32px;font-size:14px;color:var(--text-secondary)}.auth-link{color:var(--text-primary);text-decoration:none;font-weight:500;margin-left:5px}.auth-link:hover{text-decoration:underline}.auth-select-wrapper{position:relative}.auth-select{appearance:none;cursor:pointer}.profile-container{min-height:100vh;padding:60px 24px 120px;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center}.profile-level{text-align:center;margin-bottom:40px}.profile-level-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}.profile-level-title{font-size:13px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);opacity:.9}.profile-xp-bar{width:200px;height:2px;background:var(--border-color);border-radius:1px;margin:16px auto 0;overflow:hidden}.profile-xp-fill{height:100%;background:var(--text-primary);border-radius:1px;transition:width .6s ease}.profile-body{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:700px;margin:0 auto}.profile-3d-viewer{position:relative;width:240px;height:380px;flex-shrink:0;border-radius:var(--radius-lg, 12px);overflow:hidden}.profile-3d-viewer canvas{width:100%!important;height:100%!important;touch-action:none}.profile-stats{display:flex;flex-direction:column;gap:12px;min-width:180px;justify-content:center}.profile-stat-card{padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:default;transition:background .3s ease;display:flex;justify-content:space-between;align-items:center;user-select:none;-webkit-user-select:none}.profile-stat-card:hover,.profile-stat-card.active{background:var(--bg-tertiary)}.profile-stat-name{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);transition:color .3s ease}.profile-stat-card:hover .profile-stat-name,.profile-stat-card.active .profile-stat-name{color:var(--text-primary)}.profile-stat-value{font-size:20px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:.02em}@media(max-width:480px){.profile-container{padding:40px 20px 120px}.profile-body{flex-direction:column;gap:32px}.profile-3d-viewer{width:200px;height:300px}.profile-stats{width:100%;max-width:300px}.profile-xp-bar{width:160px}}.xp-toast-container{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.xp-toast{padding:10px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);animation:toastIn .4s ease forwards,toastOut .4s ease 3s forwards}.xp-toast-text{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary)}.xp-toast-levelup{background:var(--text-primary)}.xp-toast-levelup .xp-toast-text{color:var(--bg-primary)}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.ice-ripple-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999;overflow:hidden}.ice-ripple-ring{position:absolute;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);border:1px solid var(--text-primary);opacity:0;animation:iceRing .8s ease-out forwards}@keyframes iceRing{0%{width:0;height:0;opacity:.35;border-width:1.5px}to{width:120px;height:120px;opacity:0;border-width:.5px}}