@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--bg-base:#f5f4f1;--bg-surface:#fff;--bg-surface-glass:#ffffffd9;--border-glass:#0c2c471a;--border-glass-focus:#bf512c99;--color-brand:#bf512c;--color-brand-glow:#bf512c33;--color-accent-blue:#0c2c47;--color-accent-green:#2e5749;--color-accent-yellow:#da9b2b;--color-accent-green-glow:#2e57491f;--color-accent-blue-glow:#0c2c4714;--text-primary:#0c2c47;--text-secondary:#556877;--text-tertiary:#94a1ac;--bg-nested:#0c2c470d;--bg-nested-hover:#0c2c4714;--color-error-bg:#dc26260f;--color-error-text:#b91c1c;--color-error-border:#dc262633;--font-sans:"Atkinson Hyperlegible Next", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Atkinson Hyperlegible Next", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height:72px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--card-shadow:0 10px 30px 0 #0c2c470f;--card-shadow-hover:0 16px 40px 0 #0c2c471f;--input-shadow:inset 0 2px 4px #0c2c470d, 0 1px 2px #00000005;--nav-shadow:0 -8px 32px #0c2c470d;--btn-secondary-shadow:0 4px 12px #0c2c470a;--scrollbar-track:#f4f3f0;--scrollbar-thumb:#d6c9c5;--bg-overlay:#0c2c4759;--header-bg:#f5f4f1eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}:root.dark-mode{--bg-base:#040e1a;--bg-surface:#091929;--bg-surface-glass:#091929d9;--border-glass:#d6c9c526;--border-glass-focus:#bf512c80;--color-brand:#bf512c;--color-brand-glow:#bf512c59;--color-accent-blue:#abcbcb;--color-accent-green:#2e5749;--color-accent-yellow:#da9b2b;--color-accent-green-glow:#2e57494d;--color-accent-blue-glow:#abcbcb33;--text-primary:#fff;--text-secondary:#d6c9c5;--text-tertiary:#8fa0b0;--bg-nested:#ffffff0f;--bg-nested-hover:#ffffff1a;--color-error-bg:#dc262626;--color-error-text:#fca5a5;--color-error-border:#dc262666;--card-shadow:0 10px 30px 0 #00000040;--card-shadow-hover:0 16px 40px 0 #00000059;--input-shadow:inset 0 2px 4px #0000004d, 0 1px 2px #ffffff05;--nav-shadow:0 -8px 32px #00000059;--btn-secondary-shadow:0 4px 12px #0003;--scrollbar-track:#040e1a;--scrollbar-thumb:#091929;--bg-overlay:#050508d9;--header-bg:#091929e0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overflow-x:hidden}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 20px);font-size:16px;line-height:1.5;transition:background-color .3s,color .3s}h1{font-family:Crimson Pro,Georgia,serif!important;font-size:clamp(24px,6vw,44px)!important;font-weight:800!important;line-height:1.15!important}h2,h3,h4,h5,h6,button,input,select,textarea{font-family:var(--font-sans)!important}:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.gradient-text{background:linear-gradient(135deg, var(--text-primary), var(--color-brand));-webkit-text-fill-color:transparent;font-family:var(--font-display);-webkit-background-clip:text;font-weight:800}.glass-card{background-color:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--card-shadow);border:none;border-radius:18px;padding:20px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,background-color .3s}.glass-card:hover{box-shadow:var(--card-shadow-hover)}.btn,.btn-primary,.btn-secondary,.btn-preset-orange{min-height:48px;font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding-left:24px;padding-right:24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-brand);color:#fff;box-shadow:var(--btn-secondary-shadow)}.btn-primary:hover:not(:disabled){box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--btn-secondary-shadow);border:none}.btn-secondary:hover:not(:disabled){background-color:var(--bg-nested-hover)}.btn-preset-orange{color:var(--color-brand);box-shadow:var(--btn-secondary-shadow);background-color:#bf512c1a;border:none}.btn-preset-orange:hover:not(:disabled){background-color:#bf512c2e;transform:translateY(-1px)}.btn-preset-orange:active:not(:disabled){background-color:#bf512c38;transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.input-field{background-color:var(--bg-base);width:100%;min-height:48px;color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--input-shadow);border:none;border-radius:10px;padding:12px 16px;font-size:15px;transition:all .2s}.input-field:focus{box-shadow:0 0 0 3px var(--color-brand-glow);outline:none}.nav-bar{height:calc(var(--nav-height) + var(--safe-area-bottom));background-color:var(--header-bg);border-top:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding-bottom:var(--safe-area-bottom);z-index:1000;box-shadow:var(--nav-shadow);justify-content:space-around;align-items:center;width:100%;transition:background-color .3s;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:100%;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;padding-left:4px;padding-right:4px;overflow:hidden}.nav-log-item{background-color:var(--color-brand);cursor:pointer;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;margin-left:8px;margin-right:8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s;display:flex;box-shadow:0 4px 12px #bf512c66;color:#fff!important}.nav-log-item:hover{filter:brightness(1.06);transform:scale(1.08)}.nav-log-item:active{transform:scale(.92)}.nav-log-item.active{box-shadow:0 4px 12px #bf512c66, 0 0 0 3px var(--color-brand-glow)}.nav-item.active{color:var(--color-brand);position:relative}.nav-item.active:after{content:"";background-color:var(--color-brand);width:20px;height:2px;box-shadow:0 0 8px var(--color-brand);border-radius:1px;animation:.2s slideUp;position:absolute;top:4px}.nav-item:hover{color:var(--text-primary)}.achievement-alert{top:calc(20px + env(safe-area-inset-top,0px));border:2px solid var(--color-brand);width:max-content;max-width:calc(100vw - 32px);box-shadow:0 10px 40px var(--color-brand-glow);z-index:9999;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(135deg,#1a0f08 0%,#0d0804 100%);border-radius:16px;align-items:center;gap:16px;padding:16px 24px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s,visibility .3s;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(-200%)}.achievement-alert.show{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)translateY(0)}.flex-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.flex-col{flex-direction:column;gap:16px;display:flex}.log-form-group{flex-direction:column;gap:4px;display:flex}.grid-2{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(3,1fr)}}.avatar-emoji{background-color:var(--bg-surface);border:1px solid var(--border-glass);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex}.badge-icon{background:radial-gradient(circle, var(--border-glass-focus) 0%, var(--bg-surface) 100%);border:2px solid var(--border-glass);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;transition:all .3s;display:flex}.badge-icon.unlocked{border-color:var(--color-brand);box-shadow:0 4px 14px var(--color-brand-glow)}@media (width<=600px){.hide-mobile{display:none!important}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--color-brand-glow)}70%{box-shadow:0 0 0 10px #bf512c00}to{box-shadow:0 0 #bf512c00}}.pulse-glow{animation:2s infinite pulseGlow}@keyframes feedPostFlash{0%{box-shadow:0 0 0 0 var(--color-brand-glow)}20%{box-shadow:0 0 0 4px var(--color-brand-glow)}to{box-shadow:0 0 #bf512c00}}.feed-post-flash{animation:2s ease-out feedPostFlash}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s cubic-bezier(.25,.8,.25,1) forwards slideUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}@media (width>=800px){.detailed-preset-grid>div:nth-child(4){grid-column:2}}.friend-search-form{gap:12px;width:100%;display:flex}@media (width<=480px){.friend-search-form{flex-direction:column;align-items:stretch}.friend-search-form button{width:100%}}.admin-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border-glass);gap:8px;width:100%;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab-btn{min-height:40px;font-family:var(--font-display);cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;padding-left:16px;padding-right:16px;font-size:14px;font-weight:600;transition:all .2s}.admin-tab-btn.active{background-color:var(--color-brand);color:var(--bg-base);border-color:var(--color-brand)}@media (width<=480px){.dashboard-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.period-picker{justify-content:space-around;width:100%}.period-picker button{text-align:center;flex:1;padding-left:8px!important;padding-right:8px!important}}.drawer-scroll-container::-webkit-scrollbar{width:4px}.drawer-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.drawer-scroll-container::-webkit-scrollbar-thumb{background:var(--color-brand);border-radius:4px}.skeleton{background:linear-gradient(100deg, var(--bg-nested) 30%, var(--bg-nested-hover) 50%, var(--bg-nested) 70%);background-size:200% 100%;border-radius:8px;animation:1.3s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}