.header{z-index:100;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.header-logo{color:var(--color-accent);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:700}.header-logo-star{margin-right:.25rem}.header-user{align-items:center;gap:.75rem;display:flex}.header-avatar{background:var(--color-accent-dim);border:2px solid var(--color-accent);cursor:pointer;width:36px;height:36px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.header-name{color:var(--color-text-secondary);font-size:.9rem}.header-logout{color:var(--color-text-secondary);opacity:.6;background:0 0;border:none;padding:.25rem;font-size:1rem;transition:opacity .2s}.header-logout:hover{opacity:1;color:var(--color-error)}.tab-bar{max-width:var(--max-width);gap:0;margin:0 auto 1.5rem;padding:0;display:flex;overflow-x:auto}.tab-item{color:var(--color-text-secondary);border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:70px;padding:.75rem .5rem;font-size:.8rem;text-decoration:none;transition:color .2s,border-color .2s;display:flex;position:relative}.tab-item:hover{color:var(--color-text);text-decoration:none}.tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-icon{font-size:1.2rem}.tab-label{font-weight:500}.tab-badge{background:var(--color-accent);color:var(--color-bg);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:.4rem;right:calc(50% - 20px)}@media (width<=768px){.tab-bar{z-index:100;border-top:1px solid var(--color-border);border-radius:0;margin:0;position:fixed;bottom:0;left:0;right:0}.tab-item{border-top:2px solid #0000;border-bottom:none;padding:.5rem .25rem}.tab-active{border-top-color:var(--color-accent)}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-form{flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex}.auth-title{text-align:center;font-size:1.5rem;font-weight:700}.auth-star{color:var(--color-accent)}.auth-subtitle{text-align:center;color:var(--color-text-secondary);margin-top:-.5rem;font-size:.9rem}.auth-form input{border:1px solid var(--color-border);color:var(--color-text);background:#ffffff0d;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.auth-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.auth-form input::placeholder{color:var(--color-text-secondary);opacity:.7}.auth-submit{background:var(--color-accent);color:var(--color-bg);border:none;border-radius:24px;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.auth-submit:hover:not(:disabled){opacity:.9}.auth-submit:disabled{opacity:.5}.auth-error{border:1px solid var(--color-error);color:var(--color-error);background:#ef535026;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.auth-switch{text-align:center;color:var(--color-text-secondary);font-size:.85rem}.onboarding-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.onboarding-form{flex-direction:column;gap:1.25rem;width:100%;max-width:460px;padding:2rem;display:flex}.onboarding-title{text-align:center;font-size:1.5rem}.onboarding-subtitle{text-align:center;color:var(--color-text-secondary);margin-top:-.75rem;font-size:.9rem}.onboarding-label{color:var(--color-text-secondary);flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.onboarding-label input[type=date],.onboarding-label input[type=time],.onboarding-label input[type=text]{border:1px solid var(--color-border);color:var(--color-text);background:#ffffff0d;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.onboarding-label input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.onboarding-checkbox{cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.onboarding-checkbox input[type=checkbox]{accent-color:var(--color-accent)}.onboarding-hint{color:var(--color-warning);font-size:.8rem}.feedback-buttons{gap:.5rem;margin-top:.75rem;display:flex}.fb-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;transition:all .2s}.fb-btn:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text)}.fb-btn:disabled{opacity:.5}.fb-yes.fb-active{border-color:var(--color-success);color:var(--color-success);background:#4caf5033}.fb-partial.fb-active{border-color:var(--color-warning);color:var(--color-warning);background:#ffb74d33}.fb-no.fb-active{border-color:var(--color-error);color:var(--color-error);background:#ef535033}.page{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 2rem}.page h1{margin-bottom:.5rem;font-size:clamp(1.25rem,2vw + .5rem,1.75rem);font-weight:700}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-loading{text-align:center;color:var(--color-text-secondary);padding:4rem}.page-empty{text-align:center;color:var(--color-text-secondary);padding:3rem 2rem}.card-list{flex-direction:column;gap:1rem;display:flex}.card{padding:1.25rem}.card-key{color:var(--color-accent);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.card-text{color:var(--color-text);font-size:.95rem;line-height:1.7}.card-domain{border-left:3px solid var(--color-accent)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;background:0 0;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:disabled{opacity:.5}@media (width<=768px){.page{padding:0 1rem 5rem}}.chart-container{justify-content:center;padding:1rem 0;display:flex}.chart-svg{width:100%;max-width:500px;height:auto}.todo-section{margin-bottom:2rem}.todo-section-title{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:500}.todo-list{flex-direction:column;gap:.5rem;display:flex}.todo-item{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.todo-done{opacity:.6}.todo-done .todo-text{text-decoration:line-through}.todo-check{border:2px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.todo-check:hover{border-color:var(--color-accent);color:var(--color-accent)}.todo-checked{border-color:var(--color-success);color:var(--color-success);background:#4caf5026}.todo-content{flex:1}.todo-text{font-size:.95rem;line-height:1.5}.todo-source{color:var(--color-text-secondary);margin-top:.25rem;font-size:.75rem}.todo-delete{color:var(--color-text-secondary);opacity:0;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.85rem;transition:opacity .2s,color .2s}.todo-item:hover .todo-delete{opacity:.6}.todo-delete:hover{color:var(--color-error);opacity:1!important}:root{--color-bg:#0a0a1a;--color-surface:#1a1a3acc;--color-surface-hover:#1a1a3af2;--color-accent:gold;--color-accent-dim:#ffd70033;--color-text:#f0f0f0;--color-text-secondary:#a0a0b0;--color-border:#ffffff1a;--color-success:#4caf50;--color-error:#ef5350;--color-warning:#ffb74d;--max-width:1200px;--border-radius:12px;--blur-amount:10px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--border-radius)}@keyframes flyingStarPulse{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}