@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=Instrument+Serif:ital,wght@0,400;1,400&display=swap";.particle-effects-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.particle{position:absolute;pointer-events:none;will-change:transform,opacity}.particle.sleep-z{font-size:14px;font-weight:700;color:var(--fg);opacity:.6;font-family:DM Sans,sans-serif}.particle.confetti{width:8px;height:8px;border-radius:2px}.particle.coffee-steam{width:12px;height:20px;border-radius:50%;background:rgba(var(--fg-rgb, 255, 255, 255),.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.particle.anger{width:2px;height:20px;background:var(--error);transform-origin:center bottom}.particle.sparkle{font-size:16px;color:var(--accent);text-shadow:0 0 4px currentColor}.particle.glitch-rectangle{width:20px;height:20px;background:var(--error);opacity:.8;border:1px solid var(--fg)}.grump-face-rig-container{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;transform-style:preserve-3d;perspective:1000px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15)) drop-shadow(0 4px 8px rgba(0,0,0,.1)) drop-shadow(0 2px 4px rgba(0,0,0,.05))}[data-theme=dark] .grump-face-rig-container{filter:drop-shadow(0 8px 16px rgba(255,255,255,.08)) drop-shadow(0 4px 8px rgba(255,255,255,.05)) drop-shadow(0 2px 4px rgba(255,255,255,.03))}.grump-glass-container{position:relative;width:100%;height:100%;border-radius:24px;background:linear-gradient(135deg,rgba(var(--bg-rgb, 255, 255, 255),.2),rgba(var(--bg-rgb, 255, 255, 255),.12),rgba(var(--bg-rgb, 255, 255, 255),.05));backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:.5px solid rgba(var(--fg-rgb, 0, 0, 0),.1);overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001a,0 4px 12px #00000014,0 2px 4px #0000000a}[data-theme=dark] .grump-glass-container{background:linear-gradient(135deg,rgba(var(--bg-rgb, 0, 0, 0),.2),rgba(var(--bg-rgb, 0, 0, 0),.12),rgba(var(--bg-rgb, 0, 0, 0),.05));border:.5px solid rgba(var(--fg-rgb, 255, 255, 255),.1);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0003,0 4px 12px #0000004d,0 2px 4px #0003}.grump-accent-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;border:1px solid rgba(var(--accent-rgb, 0, 0, 0),.15);pointer-events:none}.grump-tech-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grump-glow-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:28px;border:2px solid;pointer-events:none;z-index:5}.grump-face-inner{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.grump-face-svg{color:var(--fg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15)) drop-shadow(0 2px 4px rgba(0,0,0,.1)) drop-shadow(0 1px 2px rgba(0,0,0,.05));transform:translateZ(40px)}[data-theme=dark] .grump-face-svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(255,255,255,.1))}[data-theme=light] .grump-face-svg{color:#000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.grump-accessory{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:20}.accessory{font-size:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.grump-processing-indicator{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:20}.grump-processing-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.message-bubble{max-width:80%;padding:16px 20px;font-size:17px;line-height:1.6;font-weight:400;word-wrap:break-word}.user-message{align-self:flex-end;background:var(--fg);color:var(--bg);border-radius:24px 24px 4px}.grump-message{align-self:flex-start;background:transparent;border:1px solid var(--border);border-radius:24px 24px 24px 4px;color:var(--fg)}.message-content{margin-bottom:4px}.typing-cursor{display:inline-block;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-timestamp{font-size:11px;color:var(--muted);margin-top:4px;font-weight:300}.input-bar{display:flex;gap:12px;padding:24px 32px 40px;flex-shrink:0}.input-container{display:flex;gap:12px;max-width:600px;margin:0 auto;width:100%}.input-field{flex:1;height:52px;padding:0 24px;font-size:15px;font-family:inherit;font-weight:400;background:transparent;border:1px solid var(--border);border-radius:26px;color:var(--fg);outline:none;transition:all .2s ease}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:var(--fg)}.input-field:disabled{opacity:.5;cursor:not-allowed}.send-button{width:52px;height:52px;border-radius:50%;border:none;background:var(--fg);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:20px}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 600px){.input-bar{padding-left:20px;padding-right:20px}}.typing-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--grump-surface);border-radius:18px;border:1px solid var(--grump-accent);border-opacity:.3;align-self:flex-start;max-width:75%}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background-color:var(--grump-text-secondary);border-radius:50%;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.typing-text{font-size:12px;color:var(--grump-text-secondary);font-style:italic}.error-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 32px);max-width:500px}.error-banner-content{display:flex;align-items:center;gap:12px;padding:16px;background:var(--grump-surface);border:1px solid var(--grump-accent);border-radius:12px;box-shadow:0 4px 12px #00000026}.error-banner-icon{flex-shrink:0;color:var(--grump-accent);display:flex;align-items:center;justify-content:center}.error-banner-message{flex:1;margin:0;font-size:14px;color:var(--grump-text-primary);line-height:1.4}.error-banner-actions{display:flex;align-items:center;gap:8px}.error-banner-retry{padding:6px 12px;background:var(--grump-accent);color:var(--grump-background);border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s}.error-banner-retry:hover{opacity:.9}.error-banner-dismiss{padding:4px;background:transparent;border:none;color:var(--grump-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.error-banner-dismiss:hover{color:var(--grump-text-primary)}.chat-view{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg);color:var(--fg);overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.logo{font-family:"Instrument Serif",Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.02em;color:var(--fg)}.message-count-badge{font-size:12px;color:var(--muted);font-weight:400;padding:4px 12px;background:var(--subtle);border-radius:12px;border:1px solid var(--border)}.header-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.icon-btn:hover{background:var(--subtle);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.avatar-section{display:flex;flex-direction:column;align-items:center;padding:20px 32px 30px;flex-shrink:0}.avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.avatar-ring{display:none}.avatar-face{position:relative;z-index:1;color:var(--fg);transition:transform .3s ease}.status-text{margin-top:24px;font-size:14px;color:var(--muted);font-weight:300;letter-spacing:.02em;text-transform:lowercase}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 32px}.messages-container::-webkit-scrollbar{width:0}.messages-list{display:flex;flex-direction:column;gap:16px;padding:20px 0;max-width:600px;margin:0 auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:14px;font-weight:300;gap:8px}.empty-state span{font-family:"Instrument Serif",Georgia,serif;font-size:18px;font-style:italic;color:var(--fg);opacity:.4}.error-message{padding:8px 16px;background:var(--subtle);color:var(--fg);font-size:12px;flex-shrink:0;text-align:center}@media (max-width: 600px){.header,.avatar-section{padding-left:20px;padding-right:20px}.messages-container{padding:0 20px}.grump-avatar-container{width:140px!important;height:140px!important}.avatar-section{padding:15px 20px 20px}}.chat-history-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg);overflow-y:auto}.history-header{padding:20px 32px;border-bottom:1px solid var(--border);background:var(--bg)}.history-header h1{font-size:28px;font-weight:400;color:var(--fg);margin:0;font-family:"Instrument Serif",Georgia,serif}.history-list{flex:1;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg);cursor:pointer;transition:background-color .2s}.history-item:hover{background:var(--subtle)}.history-item:last-child{border-bottom:none}.history-content{flex:1;display:flex;flex-direction:column;gap:4px}.history-title{font-size:16px;font-weight:400;color:var(--fg)}.history-preview{font-size:14px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}.history-date{font-size:12px;color:var(--muted);white-space:nowrap;margin-left:16px;font-weight:300}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-history h2{font-size:24px;color:var(--fg);margin-bottom:12px;font-weight:400}.empty-history p{font-size:16px;color:var(--muted);max-width:300px;font-weight:300}.payment-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg);overflow-y:auto}.payment-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.payment-back-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.payment-back-btn:hover{background:var(--subtle)}.payment-header h1{font-size:20px;font-weight:500;color:var(--fg);margin:0;font-family:"Instrument Serif",Georgia,serif}.payment-content{padding:24px;max-width:600px;margin:0 auto;width:100%}.order-summary{background:var(--subtle);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:32px}.order-summary h2{font-size:18px;font-weight:500;color:var(--fg);margin:0 0 20px;font-family:"Instrument Serif",Georgia,serif}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.summary-label{display:flex;flex-direction:column;gap:4px}.summary-tier-name{font-size:20px;font-weight:500;color:var(--fg);font-family:"Instrument Serif",Georgia,serif}.summary-billing{font-size:14px;color:var(--muted);font-weight:300}.summary-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.price-amount{font-size:24px;font-weight:500;color:var(--fg);font-family:"Instrument Serif",Georgia,serif}.price-savings{font-size:12px;color:var(--muted);background:var(--bg);padding:2px 8px;border-radius:8px;font-weight:500}.summary-features{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--fg)}.feature-item svg{flex-shrink:0;color:var(--fg);opacity:.7}.payment-section{margin-bottom:24px}.payment-label{display:block;font-size:14px;font-weight:500;color:var(--fg);margin-bottom:8px}.payment-input{width:100%;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--fg);font-size:16px;font-family:DM Sans,sans-serif;transition:all .2s ease;margin-bottom:8px}.payment-input:focus{outline:none;border-color:var(--fg);background:var(--subtle)}.payment-input.error{border-color:var(--error)}.error-message{display:block;font-size:12px;color:var(--error);margin-top:-4px;margin-bottom:8px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.payment-method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--bg);border:2px solid var(--border);border-radius:12px;color:var(--fg);cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif}.payment-method-btn:hover{border-color:var(--fg);background:var(--subtle)}.payment-method-btn.active{border-color:var(--fg);background:var(--subtle);transform:scale(1.02)}.payment-method-btn svg{width:24px;height:24px}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-primary-btn{width:100%;padding:16px 24px;background:var(--fg);color:var(--bg);border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.payment-primary-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.payment-primary-btn:disabled{opacity:.6;cursor:not-allowed}.payment-primary-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .payment-primary-btn{background:var(--fg);color:var(--bg)}.confirmation-box{text-align:center;padding:32px 24px;background:var(--subtle);border:1px solid var(--border);border-radius:16px}.confirmation-box svg{margin-bottom:16px;color:var(--fg);opacity:.8}.confirmation-box h3{font-size:20px;font-weight:500;color:var(--fg);margin:0 0 12px;font-family:"Instrument Serif",Georgia,serif}.confirmation-text{font-size:16px;color:var(--fg);margin:0 0 8px;line-height:1.6}.confirmation-text strong{font-weight:600}.confirmation-subtext{font-size:14px;color:var(--muted);margin:0;font-weight:300}@media (max-width: 768px){.payment-content{padding:20px 16px}.payment-methods,.card-row{grid-template-columns:1fr}}.pricing-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg);overflow-y:auto;padding-bottom:40px}.pricing-header{padding:40px 32px 32px;text-align:center;border-bottom:1px solid var(--border);background:var(--bg)}.pricing-header h1{font-size:36px;font-weight:400;color:var(--fg);margin:0 0 12px;font-family:"Instrument Serif",Georgia,serif}.pricing-subtitle{font-size:16px;color:var(--muted);margin:0;font-weight:300}.billing-toggle{display:flex;justify-content:center;align-items:center;gap:16px;padding:32px;background:var(--bg)}.billing-option{position:relative;padding:12px 24px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.billing-option:hover{border-color:var(--fg);background:var(--subtle)}.billing-option.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.discount-badge{font-size:11px;background:#fff3;padding:2px 6px;border-radius:4px;font-weight:600}[data-theme=dark] .billing-option.active{background:var(--fg);color:var(--bg)}[data-theme=dark] .discount-badge{background:#0003}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:32px;max-width:1200px;margin:0 auto;width:100%}.pricing-card{position:relative;background:var(--bg);border:2px solid var(--border);border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:24px}.pricing-card:hover{border-color:var(--fg);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}[data-theme=dark] .pricing-card:hover{box-shadow:0 8px 24px #ffffff1a}.pricing-card.popular{border-color:var(--fg);border-width:2px;transform:scale(1.05)}.pricing-card.selected{border-color:var(--fg);background:var(--subtle)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:4px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.pricing-card-header{text-align:center}.tier-name{font-size:24px;font-weight:400;color:var(--fg);margin:0 0 16px;font-family:"Instrument Serif",Georgia,serif}.tier-price{margin-bottom:12px}.price-amount{font-size:48px;font-weight:400;color:var(--fg);line-height:1;display:block;font-family:"Instrument Serif",Georgia,serif}.price-billing{font-size:12px;color:var(--muted);display:block;margin-top:4px;font-weight:300}.tier-description{font-size:14px;color:var(--muted);margin:0;font-weight:300}.tier-limits{padding:16px;background:var(--subtle);border-radius:12px;text-align:center}.limit-item{display:flex;flex-direction:column;align-items:center;gap:4px}.limit-value{font-size:32px;font-weight:400;color:var(--fg);font-family:"Instrument Serif",Georgia,serif}.limit-label{font-size:14px;color:var(--muted);font-weight:300}.tier-features{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--fg);line-height:1.5}.feature-item svg{flex-shrink:0;margin-top:2px;color:var(--fg);opacity:.7}.tier-button{width:100%;padding:14px 24px;background:var(--fg);color:var(--bg);border:2px solid var(--fg);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif}.tier-button:hover{background:var(--subtle);color:var(--fg);transform:translateY(-1px)}.tier-button.selected{background:var(--subtle);color:var(--fg);cursor:default}[data-theme=dark] .tier-button{background:var(--fg);color:var(--bg)}[data-theme=dark] .tier-button:hover{background:var(--bg);color:var(--fg);border-color:var(--fg)}[data-theme=dark] .tier-button.selected{background:var(--subtle);color:var(--fg)}.pricing-faq{max-width:1200px;margin:64px auto 0;padding:0 32px}.pricing-faq h2{font-size:28px;font-weight:400;color:var(--fg);margin:0 0 32px;text-align:center;font-family:"Instrument Serif",Georgia,serif}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.faq-item{padding:24px;background:var(--subtle);border-radius:12px;border:1px solid var(--border)}.faq-item h3{font-size:16px;font-weight:500;color:var(--fg);margin:0 0 12px}.faq-item p{font-size:14px;color:var(--muted);margin:0;line-height:1.6;font-weight:300}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;padding:24px 16px}.pricing-card.popular{transform:scale(1)}.pricing-header{padding:32px 24px 24px}.pricing-header h1{font-size:28px}.price-amount{font-size:36px}.billing-toggle{padding:24px 16px}.faq-grid{grid-template-columns:1fr}}.settings-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg);overflow-y:auto}.settings-header{padding:20px 32px;border-bottom:1px solid var(--border);background:var(--bg)}.settings-header h1{font-size:28px;font-weight:400;color:var(--fg);margin:0;font-family:"Instrument Serif",Georgia,serif}.settings-content{padding:8px 0}.settings-section{margin-bottom:32px}.settings-section-title{font-size:18px;font-weight:400;color:var(--fg);padding:16px 32px;margin:0}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg)}.settings-item:last-child{border-bottom:none}.settings-item.clickable{cursor:pointer;transition:background .2s ease}.settings-item.clickable:hover{background:var(--subtle)}.settings-label{font-size:16px;color:var(--fg);font-weight:400}.settings-value{display:flex;align-items:center;gap:8px}.settings-value-text{font-size:14px;color:var(--muted);font-weight:300}.mood-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--fg)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--bg);transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--fg)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background-color:var(--bg)}.stats-view{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--fg);overflow-y:auto;-webkit-overflow-scrolling:touch}.stats-header{display:flex;justify-content:center;align-items:center;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,16px));flex-shrink:0;background:var(--bg);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:.5px solid var(--border)}.logo{font-family:"Instrument Serif",Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.02em;color:var(--fg)}.stats-section{flex:1;padding:32px 20px 24px;display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto;width:100%}.stats-title{font-family:"Instrument Serif",Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.03em;color:var(--fg);margin:0;padding:0 4px}.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.stat-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--subtle);border-radius:16px;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default;-webkit-tap-highlight-color:transparent}.stat-item:active{transform:scale(.98);opacity:.8}.stat-label{font-size:15px;font-weight:400;color:var(--fg);letter-spacing:-.01em;flex:1}.stat-value{font-size:32px;font-weight:600;color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,DM Sans,sans-serif;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.patience-emoji{font-size:28px;line-height:1}.patience-label{font-size:17px;font-weight:600;letter-spacing:-.01em}.gripe-section{padding:32px 20px;padding-bottom:max(32px,env(safe-area-inset-bottom,32px));border-top:.5px solid var(--border);flex-shrink:0;max-width:600px;margin:0 auto;width:100%}.gripe-title{font-family:"Instrument Serif",Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.03em;color:var(--fg);margin:0 0 20px;padding:0 4px}.gripe-content{padding:20px;background:var(--subtle);border-radius:16px;border:none}.gripe-text{font-size:17px;line-height:1.5;color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,DM Sans,sans-serif;letter-spacing:-.01em}@media (max-width: 600px){.stats-section{padding:28px 16px 20px}.stats-title{font-size:30px}.stat-item{padding:14px 18px}.stat-value{font-size:28px}.gripe-section{padding:28px 16px}.gripe-title{font-size:30px}.gripe-content{padding:18px}}.stats-view::-webkit-scrollbar{width:0;background:transparent}.onboarding-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg);color:var(--fg);position:relative}.onboarding-skip{display:flex;justify-content:flex-end;padding:16px}.skip-button{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:8px 16px;transition:color .2s;font-weight:300}.skip-button:hover{color:var(--fg)}.onboarding-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.onboarding-avatar{margin-bottom:40px;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.onboarding-text{max-width:400px}.onboarding-text h1{font-size:28px;font-weight:400;margin-bottom:16px;color:var(--fg);font-family:"Instrument Serif",Georgia,serif}.onboarding-text p{font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:40px;font-weight:300}.onboarding-indicators{display:flex;gap:8px;margin-top:20px}.indicator{width:8px;height:8px;border-radius:50%;background-color:var(--border);transition:background-color .2s}.indicator.active{background-color:var(--fg)}.onboarding-footer{padding:32px;display:flex;justify-content:center}.continue-button{background-color:var(--fg);color:var(--bg);border:none;padding:14px 40px;border-radius:24px;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s;min-width:200px}.continue-button:hover{transform:scale(1.05);opacity:.9}.continue-button:active{transform:scale(.95)}.app-launch-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;overflow:hidden}.launch-stage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.launch-stage.darkness,.launch-stage.eyes-appear,.launch-stage.eyes-open{background:#000}.launch-stage.face-reveals{background:var(--bg);transition:background .5s}.launch-stage.ui-slides{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px}.launch-eyes{position:relative;width:120px;height:60px;display:flex;gap:40px;align-items:center;justify-content:center}.eye-pupil{width:12px;height:12px;border-radius:50%;background:var(--fg)}.eye-pupil.left{position:absolute;left:20px}.eye-pupil.right{position:absolute;right:20px}.eyelid{position:absolute;width:60px;height:30px;background:#000;border-radius:0 0 30px 30px}.eyelid.top{top:0;border-radius:30px 30px 0 0}.eyelid.bottom{bottom:0}.launch-ui-content{width:100%;height:100%;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg);color:var(--fg)}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.tab-bar{display:flex;justify-content:space-around;align-items:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));border-top:.5px solid var(--border);background:rgba(var(--bg-rgb, 255, 255, 255),.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);flex-shrink:0;z-index:100;position:relative}[data-theme=dark] .tab-bar{background:rgba(var(--bg-rgb, 0, 0, 0),.8)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:none;border:none;color:var(--muted);font-size:10px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;min-height:50px}.tab-item:hover:not(.active){color:var(--fg);transform:translateY(-1px)}.tab-item.active{color:var(--fg)}.tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--fg);border-radius:0 0 2px 2px;opacity:.6}.tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1)}.tab-icon svg{width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-item:not(.active) .tab-icon svg{stroke-width:2;opacity:.6}.tab-item.active .tab-icon{transform:scale(1.15)}.tab-item.active .tab-icon svg{opacity:1}.tab-item.active .tab-icon svg[fill=currentColor]{fill:currentColor}.tab-item:not(.active) .tab-icon svg[fill=currentColor]{fill:none;stroke:currentColor}.tab-item span{font-size:10px;letter-spacing:.01em;font-weight:500}:root{--bg: #ffffff;--bg-rgb: 255, 255, 255;--fg: #000000;--fg-rgb: 0, 0, 0;--subtle: #f5f5f5;--muted: #999999;--border: #e5e5e5;--accent: #000000;--accent-rgb: 0, 0, 0;--error: #ff4444}[data-theme=dark]{--bg: #000000;--bg-rgb: 0, 0, 0;--fg: #ffffff;--fg-rgb: 255, 255, 255;--subtle: #111111;--muted: #666666;--border: #222222;--accent: #ffffff;--accent-rgb: 255, 255, 255;--error: #ff6b6b}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--fg);overflow:hidden;transition:background .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}#root{width:100vw;height:100vh;overflow:hidden}