.progress-bar{background:var(--color-border);border-radius:10px;height:20px;position:relative;overflow:hidden}.progress-bar__fill{background:var(--color-yellow);border-radius:10px;height:100%;transition:width .3s}.progress-bar__label{color:var(--color-bg);mix-blend-mode:difference;font-size:11px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.goal-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;transition:box-shadow .3s;display:flex}.goal-item--complete{box-shadow:0 0 12px var(--color-yellow);border-color:var(--color-yellow)}.goal-item__header{align-items:center;gap:8px;display:flex}.goal-item__name{flex:1;font-size:14px;font-weight:700}.goal-item__badge{background:var(--color-yellow);color:var(--color-bg);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.goal-item__delete{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px}.goal-item__delete:hover{color:#f44}.goal-item__controls{align-items:center;gap:12px;display:flex}.goal-item__controls button{background:var(--color-border);color:var(--color-text);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.goal-item__controls button:hover:not(:disabled){background:var(--color-yellow);color:var(--color-bg)}.goal-item__controls button:disabled{opacity:.3;cursor:default}.goal-item__count{color:var(--color-text-muted);text-align:center;min-width:80px;font-size:13px}.goals-panel__form{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.goals-panel__list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.challenges-panel__count{color:var(--color-yellow);margin-bottom:10px;font-size:13px;font-weight:700}.challenges-panel__form{gap:8px;margin-bottom:12px;display:flex}.challenges-panel__list{flex-direction:column;gap:6px;max-height:300px;list-style:none;display:flex;overflow-y:auto}.challenge-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:8px;padding:8px 12px;display:flex}.challenge-item__text{flex:1;font-size:13px}.challenge-item__delete{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:14px}.challenge-item__delete:hover{color:#f44}.egg-panel{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.egg{cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-size:160px;line-height:1;transition:filter .3s,transform .3s}.egg--idle{opacity:1;animation:3s ease-in-out infinite egg-float}.egg--ready{cursor:pointer;opacity:1;animation:3s ease-in-out infinite egg-float,1.5s ease-in-out infinite egg-glow-pulse}.egg--cracking{cursor:default;opacity:1;animation:1s forwards egg-crack}.egg--empty{opacity:.25;filter:grayscale()}@keyframes egg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes egg-glow-pulse{0%,to{filter:drop-shadow(0 0 8px var(--color-yellow))}50%{filter:drop-shadow(0 0 20px var(--color-yellow))}}@keyframes egg-crack{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.1)rotate(-5deg)}40%{transform:scale(1.1)rotate(5deg)}60%{transform:scale(1.15)rotate(-3deg)}80%{transform:scale(.95)rotate(2deg)}to{transform:scale(1)rotate(0)}}.egg-panel__label{color:var(--color-text-muted);text-align:center;font-size:14px}.egg-panel__label--ready{color:var(--color-yellow);font-size:16px;font-weight:700;animation:1.5s ease-in-out infinite egg-glow-pulse}.modal-backdrop{z-index:100;background:#000000d9;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:2px solid var(--color-yellow);text-align:center;width:90%;max-width:560px;box-shadow:0 0 40px var(--color-yellow);border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:40px;display:flex}.modal__eyebrow{color:var(--color-text-muted);font-size:16px;font-weight:600}.modal__challenge{color:var(--color-yellow);font-size:28px;font-weight:700;line-height:1.3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dashboard{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}.dashboard__header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dashboard__brand{flex:1;align-items:center;gap:12px;display:flex}.dashboard__logo{object-fit:contain;width:48px;height:48px}.dashboard__wordmark{object-fit:contain;height:28px}.dashboard__overlay-msg{color:var(--color-text-muted);width:100%;font-size:13px}.dashboard__grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:24px;display:grid}.dashboard__grid>:last-child{grid-column:1/-1;justify-content:center;display:flex}@media (width<=700px){.dashboard__grid{grid-template-columns:1fr}.dashboard__grid>:last-child{grid-column:1}}html,body{background:0 0;margin:0;padding:0}.overlay{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:1280px;height:720px;display:flex;position:relative;overflow:hidden}.overlay__goals{flex-direction:column;gap:12px;width:560px;display:flex}.overlay__goal{flex-direction:column;gap:6px;display:flex}.overlay__goal-name{color:var(--color-yellow);text-shadow:0 1px 4px #000;text-align:center;font-size:16px;font-weight:700}.overlay__popup{z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.4s fade-in;display:flex;position:absolute;inset:0}.overlay__popup-eyebrow{color:#888;font-size:20px;font-weight:600}.overlay__popup-text{color:gold;text-align:center;text-shadow:0 2px 20px #ffd70099;padding:0 80px;font-size:56px;font-weight:900;line-height:1.2}:root{--color-bg:#0a0a0a;--color-yellow:gold;--color-yellow-dim:#b39900;--color-surface:#1a1a1a;--color-border:#2a2a2a;--color-text:#fff;--color-text-muted:#888;--radius:8px;--font:"Segoe UI", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);min-height:100vh}.panel-title{color:var(--color-yellow);margin-bottom:16px;font-size:18px;font-weight:700}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;flex:1;padding:8px 12px;font-size:14px}.input:focus{border-color:var(--color-yellow)}.input--small{flex:0 0 90px}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:700;transition:opacity .2s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--color-yellow);color:var(--color-bg)}.btn--secondary{color:var(--color-yellow);border:1px solid var(--color-yellow);background:0 0}.btn--large{padding:12px 32px;font-size:16px}.form-error{color:#f44;margin-top:4px;font-size:12px}.empty-msg{color:var(--color-text-muted);padding:12px 0;font-size:13px}