*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0c0b09;--charcoal:#1a1816;--brown:#2a1f14;--ember:#c44b1b;--ember-dark:#8f3412;--gold:#c9922a;--gold-light:#e8b84b;--cream:#f0e6d3;--muted:#7a6a56;--green:#2d6a3f;--yellow:#b8860b;--red:#8b1a1a;--white:#faf6f0}body{background:var(--black);color:var(--cream);font-family:Crimson Pro,serif}.app{background:var(--black);min-height:100vh}.app:before{content:"";pointer-events:none;z-index:9999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.display{letter-spacing:3px;font-family:Bebas Neue,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.screen{max-width:480px;margin:0 auto;padding:24px 16px 80px}.screen-wide{max-width:680px;margin:0 auto;padding:24px 16px 80px}.nav{z-index:100;background:var(--charcoal);border-bottom:2px solid var(--ember);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:4px;color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:22px}.nav-brand span{color:var(--ember)}.nav-sub{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:9px}.btn{letter-spacing:3px;cursor:pointer;text-align:center;border:none;padding:12px 28px;font-family:Bebas Neue,sans-serif;font-size:16px;transition:all .15s;display:inline-block}.btn-primary{background:var(--ember);color:var(--white)}.btn-primary:hover{background:var(--ember-dark)}.btn-secondary{color:var(--cream);border:1px solid var(--muted);background:0 0}.btn-secondary:hover{border-color:var(--cream)}.btn-gold{background:var(--gold);color:var(--black)}.btn-gold:hover{background:var(--gold-light)}.btn-full{width:100%}.btn-sm{letter-spacing:2px;padding:8px 16px;font-size:12px}.card{background:var(--charcoal);border:1px solid #2a2420;margin-bottom:16px;padding:20px}.card-ember{border-left:3px solid var(--ember)}.card-gold{border-left:3px solid var(--gold)}.field{margin-bottom:20px}.label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.input{background:var(--black);width:100%;color:var(--cream);border:1px solid #2a2420;outline:none;padding:10px 14px;font-family:Crimson Pro,serif;font-size:17px;transition:border-color .2s}.input:focus{border-color:var(--ember)}.input::placeholder{color:var(--muted)}.input-lg{padding:12px 16px;font-size:22px}.divider{border:none;border-top:1px solid #2a2420;margin:24px 0}.divider-ember{border-top-color:var(--ember);border-top-width:2px}.page-title{letter-spacing:4px;color:var(--cream);margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:42px;line-height:1}.page-title span{color:var(--ember)}.page-eyebrow{letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:9px;display:block}.page-sub{color:var(--muted);margin-bottom:24px;font-size:16px;line-height:1.5}.type-card{cursor:pointer;background:var(--charcoal);border:2px solid #2a2420;margin-bottom:12px;padding:20px;transition:all .2s}.type-card:hover{border-color:var(--muted)}.type-card.selected{border-color:var(--ember);background:var(--brown)}.type-card-title{letter-spacing:3px;color:var(--cream);margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:28px}.type-card-desc{color:var(--muted);font-size:15px;line-height:1.4}.type-card-tag{letter-spacing:2px;color:var(--ember);text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:9px;display:block}.progress-wrap{margin-bottom:8px}.progress-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.progress-bar{background:#2a2420;height:6px;overflow:hidden}.progress-fill{background:var(--ember);height:100%;transition:width .6s}.progress-fill.gold{background:var(--gold)}.progress-fill.green{background:var(--green)}.rival-split{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.rival-card{background:var(--charcoal);text-align:center;border:1px solid #2a2420;padding:16px}.rival-card.you{border-top:3px solid var(--ember)}.rival-card.them{border-top:3px solid var(--gold)}.rival-name{letter-spacing:2px;margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:20px}.rival-stat{color:var(--cream);margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:22px}.rival-sub{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:IBM Plex Mono,monospace;font-size:9px}.rival-pct{letter-spacing:2px;margin:8px 0 4px;font-family:Bebas Neue,sans-serif;font-size:36px}.meal-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.meal-slot{background:var(--charcoal);cursor:pointer;border:1px solid #2a2420;padding:14px;transition:all .15s}.meal-slot-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:9px;display:block}.meal-options{gap:6px;display:flex}.meal-dot{cursor:pointer;border:2px solid #3a3028;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.meal-dot:hover{transform:scale(1.1)}.meal-dot.active-green{background:var(--green);border-color:var(--green)}.meal-dot.active-yellow{background:var(--yellow);border-color:var(--yellow)}.meal-dot.active-red{background:var(--red);border-color:var(--red)}.day-score{background:var(--charcoal);border:1px solid #2a2420;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.day-score-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:9px}.day-score-val{letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:18px}.workout-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{letter-spacing:1px;cursor:pointer;color:var(--muted);text-transform:uppercase;border:1px solid #3a3028;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:10px;transition:all .15s}.chip.active{background:var(--ember);border-color:var(--ember);color:var(--white)}.chip:hover{border-color:var(--muted);color:var(--cream)}.lb-header{background:var(--ember);letter-spacing:4px;color:var(--white);padding:10px 16px;font-family:Bebas Neue,sans-serif;font-size:13px}.week-row{border-bottom:1px solid #2a2420;align-items:center;gap:12px;padding:12px 0;display:flex}.week-num{color:var(--ember);text-align:center;flex-shrink:0;width:40px;font-family:Bebas Neue,sans-serif;font-size:28px}.week-date{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:IBM Plex Mono,monospace;font-size:10px}.week-weight{color:var(--gold);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:16px}.week-delta{font-family:IBM Plex Mono,monospace;font-size:11px}.delta-good{color:#4caf50}.delta-bad{color:#ef5350}.badge{letter-spacing:2px;text-transform:uppercase;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:9px;display:inline-block}.badge-ember{background:var(--ember);color:var(--white)}.badge-gold{background:var(--gold);color:var(--black)}.badge-muted{color:var(--muted);background:#2a2420}.invite-box{background:var(--brown);border:2px dashed var(--gold);text-align:center;margin:20px 0;padding:24px}.invite-code{letter-spacing:12px;color:var(--gold-light);font-family:Bebas Neue,sans-serif;font-size:52px;line-height:1}.tabs{border-bottom:2px solid #2a2420;margin-bottom:20px;display:flex}.tab{letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-family:IBM Plex Mono,monospace;font-size:10px;text-decoration:none;transition:all .15s;display:inline-block}.tab.active{color:var(--ember);border-bottom-color:var(--ember)}.tab:hover{color:var(--cream)}.steak-banner{background:var(--brown);border:1px solid var(--gold);align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.steak-banner-text{color:var(--cream);font-size:15px;line-height:1.4}.steak-banner-text strong{color:var(--gold)}.run-entry{border-bottom:1px solid #2a2420;align-items:center;gap:12px;padding:12px 0;display:flex}.run-miles{color:var(--ember);width:60px;font-family:Bebas Neue,sans-serif;font-size:28px}.run-date{color:var(--muted);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px}.run-notes{color:var(--muted);font-size:14px;font-style:italic}.bottom-nav{background:var(--charcoal);border-top:2px solid var(--ember);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 8px;transition:all .15s;display:flex}.bottom-nav-item .nav-icon{font-size:18px}.bottom-nav-item .nav-label{letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:8px}.bottom-nav-item.active .nav-label{color:var(--ember)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.3s forwards fadeUp}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-gold{color:var(--gold)}.text-ember{color:var(--ember)}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.small{font-size:13px}