.child-navigation{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 0;border-radius:.5rem;margin-bottom:1rem}.nav-container{max-width:100%;padding:0 1rem}.nav-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;font-size:.875rem;background:#ffffff1a;border:2px solid transparent}.nav-item:hover{background:#fff3;transform:translateY(-2px)}.nav-item:focus{outline:2px solid white;outline-offset:2px}.nav-item.active{background:#ffffff4d;border-color:#fff;font-weight:600}.nav-icon{font-size:1.5rem;line-height:1}.nav-label{font-weight:500;text-align:center;word-break:break-word;line-height:1.2}.nav-active-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:2rem;height:2px;background:#fff;border-radius:1px}@media (max-width: 768px){.nav-sections{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.nav-item{padding:.5rem .375rem;font-size:.75rem}.nav-icon{font-size:1.25rem}}@media (max-width: 480px){.nav-sections{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.nav-item{padding:.375rem .25rem;gap:.125rem}.nav-icon{font-size:1rem}.nav-label{font-size:.625rem}}.session-timeout-warning{position:fixed;top:0;left:0;right:0;background:#ff6b6b;color:#fff;z-index:1000;padding:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.warning-container{max-width:800px;margin:0 auto}.warning-content{display:flex;align-items:center;gap:1rem}.warning-icon{font-size:1.5rem;flex-shrink:0}.warning-text{flex:1}.warning-message{margin:0;font-weight:600;font-size:.95rem}.warning-countdown{margin:.25rem 0 0;font-size:.85rem;opacity:.95}.time{font-weight:700;font-family:Courier New,monospace;font-size:1.05em}.warning-progress{margin-top:.75rem;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#fffc;transition:width .1s linear;border-radius:2px}@media (max-width: 480px){.session-timeout-warning{padding:.75rem}.warning-icon{font-size:1.25rem}.warning-message{font-size:.85rem}.warning-countdown{font-size:.75rem}}:root{--bg: #f7f5ef;--bg-card: #ffffff;--bg-deep: #ece9e0;--border: #e2ddd4;--border-light: #ede9e0;--gold: #d4930a;--gold-bright: #f0ac00;--gold-dim: #a87208;--gold-bg: #fef8e4;--gold-border: #e8c060;--gold-glow: rgba(212,147,10,.22);--green: #0d8a52;--green-bright: #12a662;--green-bg: #e4f7ee;--green-border: #80cca8;--green-glow: rgba(13,138,82,.2);--red: #e03030;--red-bg: #fdeaea;--red-border: #f0a0a0;--blue: #2d4ab5;--blue-bg: #edf0fb;--blue-border: #a0b0e8;--violet: #7c3dd4;--violet-bg: #f2ecfb;--navy: #0f1729;--navy-mid: #1a2540;--navy-soft: #242f4a;--text: #1a1a2e;--text-2: #5a5a7a;--text-3: #9a9ab0;--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--nav-h: 68px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow: 0 4px 20px rgba(0,0,0,.09);--shadow-md: 0 8px 32px rgba(0,0,0,.13);--shadow-gold: 0 4px 24px rgba(212,147,10,.25);--shadow-green: 0 4px 24px rgba(13,138,82,.22);--shadow-navy: 0 8px 40px rgba(15,23,41,.3)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.8);opacity:0}65%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes pop-sm{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #d4930a00}50%{box-shadow:0 0 0 10px #d4930a1f}}@keyframes pulse-green{0%,to{box-shadow:0 0 #0d8a5200}50%{box-shadow:0 0 0 10px #0d8a521f}}@keyframes streak-fire{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes celebrate{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.12) rotate(-4deg)}40%{transform:scale(1.15) rotate(4deg)}60%{transform:scale(1.08) rotate(-2deg)}80%{transform:scale(1.04) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes bar-fill{0%{width:0!important}}@keyframes grain-earn{0%{transform:scale(0) translateY(0);opacity:1}70%{transform:scale(1.3) translateY(-24px);opacity:1}to{transform:scale(1) translateY(-36px);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.6}}.page{padding:0 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 16px);min-height:100dvh}.page-top{padding-top:20px;margin-bottom:20px}.section{margin-bottom:24px}.section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:var(--text-3);margin-bottom:12px}.card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.card:active{transform:scale(.99)}.card-gold{border-color:var(--gold-border);background:var(--gold-bg);box-shadow:0 2px 16px #d4930a1a}.card-green{border-color:var(--green-border);background:var(--green-bg)}.card-red{border-color:var(--red-border);background:var(--red-bg)}.card-blue{border-color:var(--blue-border);background:var(--blue-bg)}.card-navy{background:var(--navy);border-color:var(--navy-mid);color:#fdf6e3}.card-hero{border-radius:22px;padding:22px;margin-bottom:14px;box-shadow:var(--shadow-md);border:none}.card-anim{animation:slide-up .35s ease both}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius);font-size:15px;font-weight:800;cursor:pointer;transition:all .18s;padding:15px 24px;width:100%;text-decoration:none;letter-spacing:-.2px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .18s}.btn:active:after{background:#ffffff24}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:#fff;box-shadow:var(--shadow-gold)}.btn-primary:hover{background:var(--gold-dim)}.btn-primary:active{box-shadow:none}.btn-green{background:var(--green);color:#fff;box-shadow:var(--shadow-green)}.btn-secondary{background:var(--bg-card);border:2px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost{background:transparent;color:var(--text-2);padding:10px;box-shadow:none}.btn-sm{padding:9px 18px;font-size:13px;width:auto;border-radius:10px}.btn-danger{background:var(--bg-card);border:2px solid var(--red);color:var(--red)}.btn-dark{background:var(--navy);color:#fdf6e3;box-shadow:var(--shadow-navy)}.field{margin-bottom:18px}.field label{display:block;font-size:11px;font-weight:800;color:var(--text-2);margin-bottom:7px;text-transform:uppercase;letter-spacing:1px}.field input,.field select,.field textarea{width:100%;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:16px;padding:13px 16px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d4930a1f}.field input::placeholder{color:var(--text-3)}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.progress-track{background:var(--bg-deep);border-radius:100px;height:8px;overflow:hidden}.progress-track-lg{height:12px}.progress-track-sm{height:5px}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .6s cubic-bezier(.4,0,.2,1);animation:bar-fill .8s ease both}.progress-fill.green{background:linear-gradient(90deg,var(--green),var(--green-bright))}.progress-fill.red{background:linear-gradient(90deg,#e03030,#e85050)}.progress-fill.blue{background:linear-gradient(90deg,var(--blue),#4060d0)}.progress-fill.violet{background:linear-gradient(90deg,var(--violet),#9060e0)}.progress-fill.shimmer{background:linear-gradient(90deg,var(--gold),var(--gold-bright),var(--gold));background-size:200% 100%;animation:shimmer 2s linear infinite}.xp-bar-wrap{background:var(--bg-deep);border-radius:100px;height:6px;overflow:hidden;width:60px}.xp-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#f0ac00,#f8d000);transition:width .5s ease}.grain-badge{display:inline-flex;align-items:center;gap:5px;background:var(--gold-bg);border:1.5px solid var(--gold-border);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:800;color:var(--gold)}.streak-flame{display:inline-block;animation:streak-fire 1.8s ease-in-out infinite;transform-origin:bottom center}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.2px}.badge-gold{background:var(--gold-bg);color:var(--gold);border:1.5px solid var(--gold-border)}.badge-green{background:var(--green-bg);color:var(--green);border:1.5px solid var(--green-border)}.badge-red{background:var(--red-bg);color:var(--red);border:1.5px solid var(--red-border)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1.5px solid var(--blue-border)}.badge-navy{background:var(--navy);color:#f0c040;border:none}.badge-pulse{animation:pulse-gold 2.5s ease-in-out infinite}.season-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.season-item{border:2px solid var(--border);border-radius:var(--radius);padding:14px 12px;cursor:pointer;transition:all .2s;text-align:center;background:var(--bg-card)}.season-item:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}.season-item.selected{border-color:var(--gold);background:var(--gold-bg);box-shadow:var(--shadow-gold)}.season-emoji{font-size:26px;margin-bottom:5px}.season-name{font-size:13px;font-weight:800;color:var(--text)}.season-tagline{font-size:10px;color:var(--text-3);margin-top:2px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1.5px solid var(--border-light);display:flex;align-items:flex-start;z-index:50;padding:4px 6px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 28px #00000012}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-3);text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.3px;padding:7px 4px 5px;border-radius:14px;transition:all .2s;position:relative}.nav-item.active{color:var(--gold);background:var(--gold-bg)}.nav-icon{width:22px;height:22px;stroke-width:2}.nav-item.active .nav-icon{stroke-width:2.5}.nav-item.active:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--gold)}.toast-wrap{position:fixed;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 14px);left:50%;transform:translate(-50%);z-index:100;pointer-events:none;animation:slide-up .3s ease both}.toast{background:var(--navy);border-radius:100px;padding:11px 22px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 6px 28px #0003}.toast.success{background:var(--green);box-shadow:var(--shadow-green)}.toast.error{background:var(--red)}.toast.grain{background:var(--gold);box-shadow:var(--shadow-gold)}.skeleton{background:linear-gradient(90deg,var(--bg-deep) 25%,var(--bg) 50%,var(--bg-deep) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.mission-card{border-radius:22px;padding:22px 20px;margin-bottom:14px;cursor:pointer;transition:transform .18s,box-shadow .18s;border:none;position:relative;overflow:hidden}.mission-card:active{transform:scale(.98)}.mission-card-done{background:linear-gradient(135deg,#0d8a52,#12a662);color:#fff;box-shadow:var(--shadow-green)}.mission-card-todo{background:linear-gradient(135deg,#1a1a2e,#1a2540);color:#fff;box-shadow:var(--shadow-navy)}.mission-card:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#ffffff0d}.mission-card:after{content:"";position:absolute;bottom:-20px;left:20px;width:80px;height:80px;border-radius:50%;background:#ffffff0a}.kingdom-badge{display:flex;flex-direction:column;align-items:center;gap:2px;animation:float 3s ease-in-out infinite}.streak-card{background:linear-gradient(135deg,#ff6b00,#ff8c00);border-radius:var(--radius);padding:14px 18px;color:#fff;margin-bottom:12px;box-shadow:0 4px 20px #ff6b004d;display:flex;align-items:center;gap:12px}.divider{border:none;border-top:1.5px solid var(--border-light);margin:16px 0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.granary-chip{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;transition:all .2s;cursor:pointer}.granary-chip:active{transform:scale(.97)}.celebrate{animation:celebrate .6s ease}.pop{animation:pop .4s cubic-bezier(.4,1.6,.6,1) both}.pop-sm{animation:pop-sm .3s ease both}.fade-in{animation:fade-in .4s ease both}.slide-up{animation:slide-up .4s ease both}.historical-dashboard{padding-bottom:var(--nav-h)}.filters-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-2)}.filter-group select,.filter-group input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:14px;font-family:inherit}.metric-selection{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.metric-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text)}.metric-checkbox input{cursor:pointer;width:18px;height:18px}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);text-align:center}.summary-card.positive{border-color:var(--green-border);background:var(--green-bg)}.summary-card.negative{border-color:var(--red-border);background:var(--red-bg)}.summary-card.neutral{border-color:var(--border)}.card-label{font-size:12px;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:18px;font-weight:700;color:var(--text)}.chart-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.chart-section h3{margin-bottom:16px;font-size:16px;color:var(--text)}.chart-container{width:100%;overflow-x:auto}.chart-empty{text-align:center;padding:32px 16px;color:var(--text-2);font-style:italic}.chart-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3);line-height:1.4}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.goal-card h3{margin-bottom:16px;font-size:16px;color:var(--text)}.goal-content{display:flex;gap:16px;align-items:flex-start}.goal-chart{flex-shrink:0}.goal-stats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.goal-stats .stat{display:flex;flex-direction:column;padding:12px;background:var(--bg-deep);border-radius:var(--radius-xs)}.goal-stats .stat.success{background:var(--green-bg);border:1px solid var(--green-border);grid-column:1 / -1}.goal-stats .label{font-size:11px;color:var(--text-2);text-transform:uppercase;margin-bottom:4px}.goal-stats .value{font-size:16px;font-weight:700;color:var(--text)}.goal-stats .badge{display:inline-block;background:var(--green);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.goal-note{margin-top:12px;padding:12px;background:var(--bg-deep);border-radius:var(--radius-xs);font-size:12px;color:var(--text-2);line-height:1.4}.goal-note p{margin:0}.warnings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px}.warnings-section h4{margin-bottom:12px;font-size:14px;color:var(--text)}.warning{display:flex;gap:10px;padding:12px;margin-bottom:8px;border-radius:var(--radius-xs);font-size:13px;align-items:flex-start}.warning-icon{flex-shrink:0;font-size:16px}.warning-info{background:var(--blue-bg);border:1px solid var(--blue-border);color:var(--blue)}.warning-warning{background:var(--gold-bg);border:1px solid var(--gold-border);color:var(--gold-dim)}.export-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px}.export-section h4{margin-bottom:12px;font-size:14px;color:var(--text)}.export-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.export-buttons button{padding:10px 14px;font-size:14px}.export-note{font-size:12px;color:var(--text-2);line-height:1.4;margin:0}.empty-state{text-align:center;padding:32px 16px;color:var(--text-2);font-style:italic}.spinner{text-align:center;padding:40px 20px;color:var(--text-2)}@media (max-width: 640px){.summary-cards,.filter-row,.metric-selection{grid-template-columns:1fr}.goal-content{flex-direction:column}.goal-stats{grid-template-columns:1fr}}@media print{.filters-section,.export-section,.warnings-section,.chart-section h3{page-break-inside:avoid}.filters-section,.export-buttons{display:none}.page-wrap{padding-bottom:0}}