:root{--bg: #100D09;--surface: #1a1510;--surface-light: #231d15;--surface-warm: #2a2218;--amber: #D4943A;--gold: #C8A96E;--warm-gray: #7D7872;--text: #E8E0D8;--text-dim: #9E9890;--border: #302820;--border-warm: #3a3028;--night-deep: #1a2a4a;--night-mid: #2a3a5a;--night-steel: #4a5a7a;--night-silver: #8a9aaa;--night-glow: #6a8aaa;--fire-deep: #8a2a08;--fire-core: #c44a0a;--fire-mid: #e06a10;--fire-bright: #f08a18;--parchment-bg: linear-gradient(170deg, #F0E4D0 0%, #E4D4B8 30%, #D8C8A8 70%, #D0BC98 100%);--parchment-border: #C8AC80;--parchment-text: #4A3A28;--parchment-text-mid: #6B5840;--parchment-text-light: #8B7558;--success: #4CAF50;--danger: #E74C3C;--font-heading: "Cinzel", "Georgia", serif;--font-body: "Georgia", "Crimson Text", serif;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-content{min-height:100vh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:linear-gradient(180deg,#1a1510,#100d09);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:50}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px;background:none;border:none;color:var(--text-dim);font-family:var(--font-heading);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .2s;min-width:56px}.nav-tab.active{color:var(--amber)}.nav-tab-icon{font-size:20px;line-height:1;font-family:var(--font-heading);font-weight:400}.page-header{padding:16px 20px 12px;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.page-header-brand{font-size:10px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-family:var(--font-heading);font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}.page-header-title{font-size:20px;font-weight:600;color:var(--text);margin-top:2px;font-family:var(--font-heading)}.card{margin:12px 16px;border-radius:4px;background:var(--surface);border:1px solid var(--border-warm);overflow:hidden;position:relative;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff08}.card:before{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none;z-index:0;border-radius:inherit}.card>*{position:relative;z-index:1}.card-dawn{border-color:#d4943a40;box-shadow:0 2px 16px #d4943a14,inset 0 1px #d4943a0f}.card-night{border-color:#6a8aaa40;box-shadow:0 2px 16px #6a8aaa14,inset 0 1px #6a8aaa0f}.card-inner{padding:20px}.fire-bar{height:3px;background:linear-gradient(90deg,var(--fire-deep),var(--fire-core) 15%,var(--fire-mid) 30%,var(--fire-bright) 42%,var(--fire-bright) 58%,var(--fire-mid) 70%,var(--fire-core) 85%,var(--fire-deep))}.moon-bar{height:3px;background:linear-gradient(90deg,#0e1420,var(--night-steel) 15%,var(--night-silver) 30%,#c8d4e0 50%,var(--night-silver) 70%,var(--night-steel) 85%,#0e1420)}.rune-hero{font-size:40px;margin-bottom:8px;font-family:var(--font-heading);line-height:1}.rune-hero-dawn{color:var(--amber);text-shadow:0 0 20px rgba(212,148,58,.4),0 0 40px rgba(212,148,58,.15)}.rune-hero-night{color:var(--night-glow);text-shadow:0 0 20px rgba(106,138,170,.4),0 0 40px rgba(106,138,170,.15)}.rune-badge{width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:22px;font-family:var(--font-heading)}.rune-badge-dawn{background:linear-gradient(135deg,#2a1808,#1a0e04);border:2px solid var(--amber);color:var(--amber);box-shadow:0 0 12px #d4943a26}.rune-badge-night{background:linear-gradient(135deg,#1a2838,#0e1420);border:2px solid var(--night-silver);color:var(--night-glow);box-shadow:0 0 12px #6a8aaa26}.checkin-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(48,40,32,.6)}.checkin-item:last-child{border-bottom:none}.checkin-label{flex:1}.checkin-label-name{font-size:15px;font-weight:600;color:var(--text);font-family:var(--font-heading)}.checkin-label-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.score-buttons{display:flex;gap:6px}.score-btn{width:44px;height:44px;border-radius:6px;border:1.5px solid var(--border-warm);background:var(--surface-light);color:var(--text-dim);font-size:18px;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.score-btn.selected-full{background:#4caf5026;border-color:#4caf50;color:#4caf50}.score-btn.selected-partial{background:#d4943a26;border-color:var(--amber);color:var(--amber)}.score-btn.selected-miss{background:#e74c3c1a;border-color:var(--danger);color:var(--danger)}.option-pills{display:flex;flex-wrap:wrap;gap:6px}.option-pill{padding:8px 14px;border-radius:4px;border:1.5px solid var(--border-warm);background:var(--surface-light);color:var(--text-dim);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.option-pill.selected{background:#6a8aaa26;border-color:var(--night-glow);color:var(--night-glow)}.reflect-textarea{width:100%;min-height:72px;padding:12px;border-radius:6px;border:1.5px solid var(--border-warm);background:var(--surface-light);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;resize:vertical}.reflect-textarea:focus{outline:none;border-color:var(--amber)}.reflect-textarea::placeholder{color:var(--text-dim);opacity:.6}.btn-primary{width:100%;padding:14px 24px;border-radius:6px;background:linear-gradient(135deg,var(--amber) 0%,#B87D2A 100%);border:none;color:#fff;font-size:15px;font-weight:700;font-family:var(--font-heading);letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 20px #d4943a4d;transition:opacity .2s}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{width:100%;padding:12px 24px;border-radius:6px;background:var(--surface-light);border:1px solid var(--border-warm);color:var(--text);font-size:14px;font-family:var(--font-heading);cursor:pointer;transition:all .15s}.btn-night{background:linear-gradient(135deg,var(--night-mid) 0%,var(--night-deep) 100%);box-shadow:0 4px 20px #6a8aaa33}.xp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;background:#d4943a1f;border:1px solid rgba(212,148,58,.3);color:var(--amber);font-size:12px;font-weight:700;font-family:var(--font-heading)}.progress-bar{width:100%;height:8px;border-radius:4px;background:var(--surface-light);overflow:hidden;border:1px solid rgba(48,40,32,.5)}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--amber),var(--gold));transition:width .6s cubic-bezier(.34,1.56,.64,1)}.score-display{text-align:center;padding:16px;margin:12px 0;border-radius:6px;background:var(--surface-light);border:1px solid var(--border-warm)}.score-number{font-size:36px;font-weight:700;color:var(--amber);line-height:1;font-family:var(--font-heading)}.score-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:3px;margin-top:4px;font-family:var(--font-heading)}.gaming-gate{text-align:center;padding:12px;border-radius:6px;margin:8px 0;font-family:var(--font-heading)}.gaming-gate.unlocked{background:#4caf5014;border:1px solid rgba(76,175,80,.25);color:var(--success)}.gaming-gate.locked{background:#e74c3c0f;border:1px solid rgba(231,76,60,.15);color:var(--danger)}.section-label{font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--warm-gray);margin-bottom:8px;font-family:var(--font-heading)}.section-label-amber{color:var(--amber)}.section-label-night{color:var(--night-glow)}.rune-sep{text-align:center;padding:8px 0;color:#d4943a33;font-size:10px;letter-spacing:6px;font-family:var(--font-heading)}.day-rating{display:flex;gap:8px;justify-content:center}.day-rating-ember{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--border-warm);background:var(--surface-light);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.day-rating-ember.active{background:#d4943a26;border-color:var(--amber);transform:scale(1.1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 12px #d4943a66}50%{box-shadow:0 0 24px #d4943ab3}}.animate-fade-up{animation:fadeUp .4s ease both}.character-strip{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;background:#100d09a6;border-radius:6px;border:1px solid rgba(48,40,32,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.character-strip-badge{width:32px;height:32px;font-size:16px;flex-shrink:0}.character-strip-info{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.character-strip-title{font-size:14px;font-weight:700;font-family:var(--font-heading);color:var(--text)}.character-strip-level{font-size:11px;font-weight:600;font-family:var(--font-heading);color:var(--gold);letter-spacing:1px}.character-strip-xp{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.character-strip-bar{height:6px;flex:1}.character-strip-xp-text{font-size:10px;color:var(--gold);font-family:var(--font-heading);font-weight:600;white-space:nowrap}.daily-progress{margin-bottom:12px;padding:12px 0 4px}.daily-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.daily-progress-label{font-size:13px;font-weight:700;font-family:var(--font-heading);color:var(--text);letter-spacing:1px;text-transform:uppercase}.daily-progress-count{font-size:13px;font-weight:700;font-family:var(--font-heading);color:var(--gold)}.daily-progress-track{display:flex;gap:6px}.daily-progress-segment{flex:1;height:6px;border-radius:3px;background:var(--surface-light);border:1px solid rgba(48,40,32,.5);transition:background .4s ease,border-color .4s ease}.daily-progress-segment-done{background:linear-gradient(90deg,var(--amber),var(--gold));border-color:#d4943a66}.quest-card-active{transition:transform .15s ease}.quest-card-active:active{transform:scale(.98)}.quest-card-active-label{font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--warm-gray);font-family:var(--font-heading);margin-bottom:2px}.quest-card-active-title{font-size:16px;font-weight:700;font-family:var(--font-heading);color:var(--text)}.quest-card-active-domain{font-size:11px;font-weight:600;font-family:var(--font-heading);margin-top:2px}.quest-card-active-cta{font-size:12px;font-weight:700;font-family:var(--font-heading);white-space:nowrap}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.text-center{text-align:center}.text-dim{color:var(--text-dim)}.text-amber{color:var(--amber)}.text-sm{font-size:12px}.text-xs{font-size:10px;font-family:var(--font-body)}.px-20{padding-left:20px;padding-right:20px}.heading{font-family:var(--font-heading)}