:root{--bg: #F8F5EF;--bg-gradient: radial-gradient(circle at 10% 0%, #FFF3E0 0%, transparent 40%), radial-gradient(circle at 90% 10%, #E9F5FF 0%, transparent 40%), #F8F5EF;--surface: #FFFFFF;--surface-hover: #FAFBFD;--border: #E8EAEF;--border-soft: #F0F2F5;--text: #0F172A;--text-muted: #64748B;--text-dim: #94A3B8;--accent: #FF6B2C;--accent-2: #FF9A3C;--accent-dim: rgba(255, 107, 44, .12);--green: #10B981;--green-dim: rgba(16, 185, 129, .12);--blue: #3B82F6;--blue-dim: rgba(59, 130, 246, .12);--purple: #8B5CF6;--purple-dim: rgba(139, 92, 246, .12);--yellow: #F59E0B;--yellow-dim: rgba(245, 158, 11, .15);--red: #EF4444;--red-dim: rgba(239, 68, 68, .1);--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .05);--shadow-soft: 0 1px 2px rgba(15, 23, 42, .03), 0 4px 12px rgba(15, 23, 42, .04);--shadow-hover: 0 2px 4px rgba(15, 23, 42, .06), 0 16px 40px rgba(15, 23, 42, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);min-height:100vh}body{background:var(--bg-gradient);background-attachment:fixed}button{font-family:inherit}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:#ffffffb3;backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:10}.top-nav .brand{font-weight:800;font-size:1.0625rem;letter-spacing:-.015em;display:inline-flex;align-items:center;gap:.5rem}.top-nav .brand:before{content:"";width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 2px 6px #ff6b2c66}.top-nav .nav-links a{color:var(--text-muted);text-decoration:none;margin-left:1.25rem;font-size:.875rem;font-weight:500;padding:.375rem .75rem;border-radius:8px;transition:all .15s}.top-nav .nav-links a:hover{color:var(--text);background:var(--surface-hover)}.top-nav .nav-links a.active{color:var(--text);background:var(--accent-dim);font-weight:600}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{max-width:440px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;text-align:center;box-shadow:var(--shadow)}.auth-card h1{font-size:1.875rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.375rem}.auth-card p.muted{color:var(--text-muted);margin-bottom:1.5rem}.app{max-width:1120px;margin:0 auto;padding:1.5rem 1.5rem 5rem}.dash-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem}@media(max-width:900px){.dash-grid{grid-template-columns:1fr}}.hero{background:linear-gradient(135deg,#fff,#fff7ee);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem;display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-40%;right:-20%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;font-size:1.75rem;display:grid;place-items:center;box-shadow:0 8px 20px #ff6b2c4d;position:relative;z-index:1}.hero-body{position:relative;z-index:1;min-width:0}.hero-name{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.hero-title{color:var(--text-muted);font-size:.875rem;margin-top:2px}.xp-bar{margin-top:.875rem;height:10px;background:var(--border-soft);border-radius:999px;overflow:hidden;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #ff6b2c80}.xp-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:.375rem;font-variant-numeric:tabular-nums}.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;position:relative;z-index:1}.plan-badge{font-size:.7rem;padding:4px 10px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.trial-chip{font-size:.7rem;font-weight:600;color:var(--yellow);background:var(--yellow-dim);padding:4px 10px;border-radius:999px}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-soft)}.card h2{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.875rem;display:flex;align-items:center;gap:.5rem}.card h2 .emoji{font-size:1rem}.streak-hero{background:linear-gradient(135deg,#fff7ee,#ffebd3);border:1px solid rgba(255,107,44,.2);border-radius:var(--radius-lg);padding:1.75rem 1.5rem 1.5rem;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow);margin-bottom:1.25rem}.streak-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 120%,rgba(255,107,44,.25) 0%,transparent 50%);pointer-events:none}.streak-flame{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 16px rgba(255,107,44,.5));animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}.streak-number{font-size:4.5rem;font-weight:900;color:var(--accent);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:.5rem;position:relative;z-index:1}.streak-label{font-size:.875rem;color:var(--text-muted);margin-top:.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.streak-meta{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;position:relative;z-index:1}.streak-chip{background:#fff;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:700;color:var(--text);border:1px solid var(--border-soft);display:inline-flex;align-items:center;gap:.25rem}.streak-chip .v{color:var(--accent);font-variant-numeric:tabular-nums}.milestone-bar{margin-top:1rem;position:relative;z-index:1}.milestone-bar .label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:6px}.milestone-bar .track{height:8px;background:#ffffffb3;border-radius:999px;overflow:hidden;border:1px solid rgba(255,107,44,.15)}.milestone-bar .fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1)}.quest{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.quest.active{border-color:var(--blue);background:linear-gradient(135deg,#fff,#f5faff)}.quest.done{border-color:var(--green);background:linear-gradient(135deg,#fff,#f3fbf7)}.quest.missed{border-color:var(--red-dim)}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.quest-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:.25rem}.quest.active .quest-tag{background:var(--blue-dim);color:var(--blue)}.quest.done .quest-tag{background:var(--green-dim);color:var(--green)}.quest.missed .quest-tag{background:var(--red-dim);color:var(--red)}.quest-body{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text)}.quest-cta{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.btn-quest{background:linear-gradient(135deg,var(--blue),#2563EB);color:#fff;border:none;border-radius:10px;padding:.625rem 1.125rem;font-weight:700;font-size:.875rem;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:transform .15s}.btn-quest:hover{transform:translateY(-1px)}.heat{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin-top:.5rem}.heat-day{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--text-muted);background:var(--border-soft);border:1px solid transparent;transition:transform .15s;position:relative}.heat-day:hover{transform:translateY(-2px) scale(1.05);z-index:2}.heat-day .d{font-size:.6rem;font-weight:800}.heat-day .s{font-size:.9rem;line-height:1;margin-top:1px}.heat-day.hit{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border-color:#10b9814d}.heat-day.missed{background:#fff1f2;color:#be123c;border-color:#ef444433}.heat-day.pending{background:var(--border-soft);color:var(--text-dim)}.heat-day.today{outline:2px solid var(--accent);outline-offset:2px}.week-ring-row{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center}.ring{width:84px;height:84px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-track{stroke:var(--border-soft)}.ring-fill{stroke:url(#ringGrad);transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;font-size:1.25rem;color:var(--text);font-variant-numeric:tabular-nums}.week-stats{display:flex;flex-direction:column;gap:.25rem}.week-stats .big{font-size:1rem;font-weight:700;letter-spacing:-.01em}.week-stats .sub{font-size:.8125rem;color:var(--text-muted)}.epic{padding:.875rem 0;border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.epic:last-child{border-bottom:none}.epic-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--purple-dim),var(--blue-dim));display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.epic-body{min-width:0}.epic-text{font-weight:600;font-size:.9375rem;line-height:1.4}.epic-meta{font-size:.7rem;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.c-row{display:flex;align-items:center;gap:.625rem;padding:.625rem 0;border-bottom:1px solid var(--border-soft)}.c-row:last-child{border-bottom:none}.c-check{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font-size:.875rem;font-weight:800}.c-check.pending{background:var(--yellow-dim);color:var(--yellow)}.c-check.done{background:var(--green);color:#fff}.c-check.missed{background:var(--red-dim);color:var(--red)}.c-text{flex:1;font-size:.9125rem;line-height:1.35}.c-row.done .c-text{color:var(--text-muted);text-decoration:line-through}.ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.ach{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,var(--border-soft),#FAFBFD);border:1px solid var(--border-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem;gap:2px;transition:transform .15s,box-shadow .15s;position:relative}.ach.unlocked{background:linear-gradient(135deg,#fff7ee,#ffe8d1);border-color:#ff6b2c4d;box-shadow:0 4px 14px #ff6b2c2e}.ach.unlocked:hover{transform:translateY(-2px) scale(1.03)}.ach-icon{font-size:1.5rem;filter:grayscale(1) opacity(.35)}.ach.unlocked .ach-icon{filter:none}.ach-name{font-size:.6rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.ach.unlocked .ach-name{color:var(--text)}.milestones{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.milestone-tier{font-size:.7rem;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--border-soft);color:var(--text-dim);display:inline-flex;align-items:center;gap:.25rem}.milestone-tier.hit{background:var(--accent-dim);color:var(--accent)}.milestone-tier.current{background:var(--accent);color:#fff;box-shadow:0 4px 12px #ff6b2c66}.setup-prompt{max-width:480px;margin:5rem auto 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;box-shadow:var(--shadow)}.setup-prompt h1{font-size:2rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-prompt p{color:var(--text-muted);margin-bottom:1.25rem}.setup-prompt input{background:var(--surface-hover);border:1px solid var(--border);border-radius:12px;padding:.875rem 1rem;color:var(--text);font-size:1rem;width:100%;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.setup-prompt input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.setup-prompt button{margin-top:.75rem;width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:12px;padding:.875rem 2rem;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #ff6b2c4d;transition:transform .15s}.setup-prompt button:hover{transform:translateY(-1px)}.loading,.error,.empty{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.error{color:var(--red)}.empty-state{max-width:44rem;margin:4rem auto;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-soft)}.empty-state h1{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.empty-state code{background:var(--surface-hover);padding:.1rem .4rem;border-radius:4px;font-size:.85em;border:1px solid var(--border-soft);font-family:SF Mono,ui-monospace,monospace}.settings-container{max-width:820px;margin:2rem auto;padding:0 2rem}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.settings-header h1{font-size:1.875rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.375rem}.settings-list{display:flex;flex-direction:column;gap:.875rem}.setting-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.125rem 1.25rem;box-shadow:var(--shadow-soft)}.setting-row.set{border-color:#10b98166}.setting-title{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1rem;margin-bottom:.25rem;flex-wrap:wrap}.setting-help{color:var(--text-muted);font-size:.825rem;line-height:1.5;margin-bottom:.75rem}.current-value{color:var(--text-muted);font-size:.75rem;margin-bottom:.75rem;font-family:SF Mono,ui-monospace,monospace}.current-value code{background:var(--bg);padding:.1rem .3rem;border-radius:4px}.source-pill{display:inline-block;padding:.125rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.source-firestore{background:var(--green-dim);color:var(--green)}.source-env{background:var(--yellow-dim);color:var(--yellow)}.source-unset{background:var(--red-dim);color:var(--red)}.saved-pill{background:var(--green-dim);color:var(--green);padding:.125rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700}.setting-form{display:flex;gap:.5rem}.setting-form input{flex:1;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;padding:.625rem .875rem;color:var(--text);font-family:SF Mono,ui-monospace,monospace;font-size:.825rem}.setting-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.setting-form button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.625rem 1.25rem;font-weight:700;cursor:pointer;font-size:.875rem}.setting-form button:disabled{opacity:.5;cursor:not-allowed}.settings-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted);line-height:1.6}.settings-footer code{background:var(--surface-hover);padding:.1rem .3rem;border-radius:4px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:700;cursor:pointer;font-size:.9rem;box-shadow:0 4px 12px #ff6b2c4d}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.5rem 1rem;cursor:pointer;font-size:.825rem;font-weight:600}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-text{background:none;border:none;color:var(--text-muted);cursor:pointer;text-decoration:underline;font-size:.8rem}.alert{border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem;font-size:.875rem}.alert-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.25)}.banner{background:linear-gradient(135deg,#fff7ee,#ffe8d1);border:1px solid rgba(255,107,44,.2);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:var(--shadow-soft)}.banner.warning{background:linear-gradient(135deg,#fef9e3,#fdf3c9);border-color:#f59e0b4d}.banner.danger{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#ef44444d}.banner h3{font-size:.9375rem;font-weight:800;margin-bottom:2px}.banner p{font-size:.825rem;color:var(--text-muted)}.foot-row{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;font-size:.8rem;color:var(--text-muted)}.muted{color:var(--text-muted);font-size:.875rem}@media(max-width:640px){.app{padding:1rem}.hero{grid-template-columns:auto 1fr}.hero-side{grid-column:1 / -1;flex-direction:row;justify-content:flex-start}.streak-number{font-size:3.5rem}.streak-flame{font-size:2.75rem}.ach-grid{grid-template-columns:repeat(3,1fr)}.heat{grid-template-columns:repeat(7,1fr)}.heat-day{aspect-ratio:1}}