@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.92592eb2.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans","GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.2f937313.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:var(--font-geist-mono),"SF Mono",Monaco,"Cascadia Code",monospace;--bg-primary:#0a0e1a;--bg-secondary:#141824;--bg-tertiary:#1a1f2e;--bg-code:#0d111d;--text-primary:#f5f5f7;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#ff6b6b;--accent-light:#f99;--accent-dark:#e54b4b;--accent-soft:#ff6b6b26;--accent-hover:#f99;--accent-coral:#ff8a65;--accent-salmon:#ff7961;--gradient-red:linear-gradient(135deg,#ff6b6b 0%,#ff8a65 100%);--gradient-radial:radial-gradient(circle at center,#ff6b6b1a 0%,transparent 70%);--code-keyword:#f99;--code-function:#ffa5a5;--code-string:#98c379;--code-comment:#6b7280;--code-operator:#ff8a65;--success:#4ade80;--success-soft:#4ade8026;--border:#2e2e3a;--border-strong:#3f3f4a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;opacity:.02;z-index:9999;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.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.app-shell{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.top-nav{padding:var(--space-md)var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.nav-brand{align-items:center;gap:var(--space-sm);color:var(--text-primary);text-decoration:none;display:flex}.nav-brand:hover{color:var(--text-primary)}.nav-brand .brand-mark{font-size:24px}.nav-brand .brand-title{letter-spacing:-.01em;font-size:18px;font-weight:800}.nav-links{gap:var(--space-lg);flex-direction:row;display:flex}.nav-link{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-auth,.user-section{align-items:center;gap:var(--space-md);display:flex}.user-avatar{border:2px solid var(--border);background:var(--bg-tertiary);border-radius:50%;width:32px;height:32px}.user-avatar-initials{border:2px solid var(--border);background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-name{color:var(--text-secondary);font-size:14px}.content{padding:var(--space-3xl)var(--space-xl);flex:1;justify-content:center;max-width:100%;display:flex;overflow-x:hidden}.page{gap:var(--space-2xl);flex-direction:column;max-width:720px;display:flex}.page-header{margin-bottom:var(--space-md)}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;font-size:36px;font-weight:800;line-height:1.15}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-sm);font-size:11px;font-weight:600}.lead{color:var(--text-secondary);max-width:520px;margin-top:var(--space-md);font-size:16px;line-height:1.6}.timer-shell{gap:var(--space-lg);grid-template-columns:1fr;max-width:700px;display:grid}.timer-card,.summary-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-xl);border:2px solid var(--border);border-bottom:4px solid var(--border-strong);position:relative;box-shadow:0 4px 12px #00000026}.timer-header h2{color:var(--text-primary);font-size:20px;font-weight:800}.timer-header p{color:var(--text-secondary);margin-top:var(--space-xs);font-size:14px}.timer-display{font-family:var(--font-body);text-align:center;margin:var(--space-xl)0;color:var(--text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:80px;font-weight:800}.timer-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.button{border-radius:var(--radius-md);padding:var(--space-sm)var(--space-lg);cursor:pointer;transition:all var(--transition-fast);font-size:15px;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;border:none;position:relative}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button-primary{background:var(--accent);color:#fff;border-bottom:4px solid var(--accent-dark);box-shadow:0 2px 4px #0003}.button-primary:hover:not(:disabled){background:var(--accent-light);border-bottom-color:var(--accent);transform:translateY(-1px)}.button-primary:active:not(:disabled){box-shadow:none;border-bottom-width:2px;transform:translateY(2px)}.button-secondary{background:var(--success);color:#fff;border-bottom:4px solid #16a34a;box-shadow:0 2px 4px #0003}.button-secondary:hover:not(:disabled){background:#4ade80;border-bottom-color:#22c55e;transform:translateY(-1px)}.button-secondary:active:not(:disabled){box-shadow:none;border-bottom-width:2px;transform:translateY(2px)}.button-ghost{background:var(--bg-tertiary);border:2px solid var(--border-strong);border-bottom:4px solid var(--border-strong);color:var(--text-secondary)}.button-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.button-ghost:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.button-outline{background:var(--bg-tertiary);border:2px solid var(--accent);border-bottom:4px solid var(--accent-dark);color:var(--accent)}.button-outline:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-light);transform:translateY(-1px)}.button-outline:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.summary-card{animation:.3s ease-out fade-in}.summary-header h3{color:var(--text-primary);font-size:20px;font-weight:800}.summary-header p{color:var(--text-secondary);margin-top:var(--space-xs);font-size:14px}.mood-grid{gap:var(--space-sm);margin:var(--space-lg)0;grid-template-columns:repeat(3,1fr);display:grid}.mood-button{background:var(--bg-secondary);border:2px solid var(--border);border-bottom:4px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-md)var(--space-sm);align-items:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:700;font-family:var(--font-body);color:var(--text-secondary);flex-direction:column;display:flex}.mood-button:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary);border-bottom-width:5px;transform:translateY(-2px)}.mood-button:active{border-bottom-width:2px;transform:translateY(2px)}.mood-selected{border-color:var(--accent);border-bottom-color:var(--accent-dark);background:var(--accent-soft);color:var(--accent)}.mood-emoji{font-size:28px}.summary-actions{gap:var(--space-sm);flex-direction:column;display:flex}.summary-message{color:var(--text-muted);font-size:13px}.summary-message.saved{color:var(--success)}.summary-message.error{color:var(--accent)}.summary-note{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.summary-note p{color:var(--text-secondary);font-size:13px}.notes-container{margin-top:var(--space-md);position:relative}.notes-label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:500;display:block}.notes-input{background:var(--bg-secondary);border:2px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;padding:var(--space-md);font-family:var(--font-body);color:var(--text-primary);resize:vertical;min-height:240px;transition:all var(--transition-fast);font-size:16px}.notes-input::placeholder{color:var(--text-muted)}.notes-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.notes-counter{bottom:var(--space-md);right:var(--space-md);color:var(--success);pointer-events:none;font-size:14px;font-weight:500;position:absolute}.intention-container{margin-top:var(--space-md);margin-bottom:var(--space-lg)}.intention-row{gap:var(--space-md);display:flex}.intention-field{gap:var(--space-xs);flex-direction:column;display:flex}.intention-field-category{flex:1.2;min-width:140px}.intention-field-intent{flex:2;min-width:220px}.intention-label{color:var(--text-secondary);font-size:13px;font-weight:500}.intention-input{background:var(--bg-secondary);border:2px solid var(--border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-sm)var(--space-md);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);font-size:16px}.intention-input::placeholder{color:var(--text-muted)}.intention-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.intention-display{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex}.intention-display-label{color:var(--text-secondary);font-size:13px;font-weight:500}.intention-tag{background:var(--accent-soft);color:var(--accent-hover);border-radius:var(--radius-md);border:2px solid var(--accent);padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.intention-tag-intent{color:#4ade80;background:#4ade8026;border-color:#4ade80}.stats-shell{gap:var(--space-lg);flex-direction:column;display:flex}.stats-summary{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stats-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);border:2px solid var(--border);border-bottom:4px solid var(--border-strong);box-shadow:0 4px 12px #00000026}.stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.stats-value{margin-top:var(--space-xs);color:var(--text-primary);font-size:24px;font-weight:600}.stats-list{gap:var(--space-sm);display:grid}.stats-item{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);border:2px solid var(--border);border-bottom:3px solid var(--border-strong);transition:all var(--transition-fast);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.stats-item:hover{background:var(--bg-secondary);border-bottom-width:4px;transform:translateY(-1px)}.stats-item-title{color:var(--text-primary);font-size:14px;font-weight:500}.stats-item-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.stats-mood{color:var(--text-secondary);font-size:13px;font-weight:500}.stats-value-small{gap:var(--space-xs);flex-wrap:wrap;font-size:13px;display:flex}.category-pill{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:6px 10px;font-size:12px;font-weight:700}.stats-item-intention{gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.intention-tag-small{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.stats-empty,.stats-message{color:var(--text-secondary);font-size:14px}.stats-message.error{color:var(--accent)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.breathing-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0f17eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.breathing-text-container{justify-content:center;align-items:center;height:60px;margin-bottom:40px;display:flex;position:relative}.breathing-text{color:var(--text-primary);letter-spacing:.5px;text-align:center;transform-origin:50%;font-size:32px;font-weight:500;position:absolute}.breathing-circle{background:radial-gradient(circle at 30% 30%,var(--accent-hover),var(--accent));width:200px;height:200px;box-shadow:0 0 60px var(--accent-soft),0 0 120px #ef535033;border-radius:50%}@media (max-width:768px){.top-nav{padding:var(--space-sm)var(--space-md);gap:var(--space-sm)}.nav-brand .brand-title{display:none}.nav-links{gap:var(--space-sm)}.nav-link{padding:var(--space-xs)var(--space-sm);font-size:13px}.breathing-text{font-size:24px}.content{padding:var(--space-xl)var(--space-md)}.page-header h1{font-size:26px}.timer-display{font-size:56px}.timer-shell{max-width:600px}.intention-field-category{min-width:100px}.intention-field-intent{min-width:180px}}@media (max-width:480px){.top-nav{justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.nav-brand{flex-basis:100%;order:1;justify-content:center}.nav-brand .brand-title{display:inline}.nav-links{order:2;justify-content:center}.nav-auth{order:3}.content{padding:var(--space-lg)var(--space-md)}.intention-row{gap:var(--space-sm);flex-direction:column}.intention-field-category,.intention-field-intent{min-width:unset;flex:none}}.content:has(.timer-shell){padding-top:40px}.content:has(.timer-shell) .page{gap:var(--space-xl)}.content:has(.timer-shell) .back-button{margin-bottom:var(--space-sm)}.hero-section{min-height:calc(100vh - 73px);padding:var(--space-3xl)var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-background-gradient{background:var(--gradient-radial);pointer-events:none;z-index:0;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grid{z-index:1;gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1400px;display:grid;position:relative}.code-snippets-container{justify-content:center;align-items:center;display:flex}.terminal-window{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:600px;min-height:240px}.terminal-content{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;line-height:1.8}.terminal-line{margin-bottom:var(--space-sm);display:block}.terminal-prompt{color:var(--accent);margin-right:var(--space-sm);-webkit-user-select:none;user-select:none}.terminal-text{color:var(--text-primary)}.terminal-cursor{background:var(--accent);width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.terminal-cursor{opacity:1;animation:none}}.hero-content{flex-direction:column;justify-content:center;display:flex}.hero-text{max-width:580px}.hero-strikethrough{color:var(--text-muted);margin-bottom:var(--space-md);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);opacity:.6;font-size:28px;text-decoration-thickness:2px;display:inline-block;position:relative}.hero-headline{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-lg);background:var(--gradient-red);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:800;line-height:1.1}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.hero-headline{color:var(--accent)}}.hero-description{color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:500px;font-size:18px;line-height:1.7}.hero-cta{gap:var(--space-sm);flex-direction:column;display:flex}.button-hero{padding:var(--space-md)var(--space-2xl);background:var(--accent);color:#fff;border:none;border-bottom:5px solid var(--accent-dark);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px;align-self:flex-start;font-size:18px;font-weight:800;box-shadow:0 4px 16px #ff6b6b4d}.button-hero:hover{background:var(--accent-light);border-bottom-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 24px #ff6b6b66}.button-hero:active{border-bottom-width:2px;transform:translateY(3px);box-shadow:0 2px 8px #ff6b6b33}.button-hero:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}.hero-cta-note{color:var(--text-muted);margin-top:var(--space-xs);font-size:13px}.back-button{margin-bottom:var(--space-lg);align-self:flex-start}@media (prefers-reduced-motion:reduce){.hero-section *,.code-block *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1024px){.hero-grid{gap:var(--space-2xl);grid-template-columns:1fr}.code-snippets-container{order:2}.hero-content{text-align:center;align-items:center}.hero-text{max-width:100%}.hero-headline{font-size:42px}.hero-cta{align-items:center}.button-hero{align-self:center}}@media (max-width:640px){.hero-section{padding:var(--space-2xl)var(--space-md)}.hero-headline{font-size:36px}.hero-description{font-size:16px}.code-block{padding:var(--space-md);font-size:12px}}.session-details-container{gap:var(--space-lg);margin-top:var(--space-lg);flex-direction:column;display:flex}.session-info-card,.session-notes-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.session-card-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:18px;font-weight:600}.session-info-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.session-info-item{gap:var(--space-xs);flex-direction:column;display:flex}.session-info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.session-info-value{color:var(--text-primary);font-size:16px;font-weight:500}.session-notes-content{color:var(--text-primary);white-space:pre-wrap;line-height:1.6}.session-notes-empty{color:var(--text-muted);font-style:italic}.session-tags{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.back-button{margin-bottom:var(--space-lg);display:inline-block}@media (max-width:640px){.session-info-grid{grid-template-columns:1fr}}.period-selector{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.period-toggle{gap:var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);width:fit-content;padding:4px;display:flex}.period-toggle-btn{padding:var(--space-sm)var(--space-md);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none}.period-toggle-btn:hover{color:var(--text-primary)}.period-toggle-btn.active{background:var(--accent);color:#fff;border-bottom:3px solid var(--accent-dark)}.period-navigation{align-items:center;gap:var(--space-md);display:flex}.period-nav-btn{padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border:2px solid var(--border);border-bottom:4px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:18px;font-weight:700;font-family:var(--font-body);justify-content:center;align-items:center;min-width:44px;height:44px;display:flex}.period-nav-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong);transform:translateY(-1px)}.period-nav-btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.period-nav-btn:disabled{opacity:.4;cursor:not-allowed}.period-display{color:var(--text-primary);text-align:center;min-width:200px;font-size:16px;font-weight:600}.stats-breakdown-grid{gap:var(--space-lg);margin:var(--space-lg)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.stats-breakdown{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.stats-breakdown-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:16px;font-weight:600}.stats-breakdown-list{gap:var(--space-md);flex-direction:column;display:flex}.stats-breakdown-item{gap:var(--space-xs);flex-direction:column;display:flex}.stats-breakdown-header{justify-content:space-between;align-items:center;display:flex}.stats-breakdown-name{color:var(--text-primary);font-size:14px;font-weight:500}.stats-breakdown-count{color:var(--text-secondary);font-size:13px}.stats-breakdown-bar{background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden}.stats-breakdown-fill{background:var(--accent);height:100%;transition:width var(--transition-base);border-radius:3px}.stats-breakdown-empty{color:var(--text-muted);text-align:center;padding:var(--space-lg)0;font-size:14px}.stats-section{margin-top:var(--space-2xl)}.stats-section-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:18px;font-weight:600}.pie-charts-section{margin-top:var(--space-md);grid-column:1/-1}.pie-charts-section-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:16px;font-weight:600}.pie-charts-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pie-chart-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.pie-chart-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:15px;font-weight:600}.pie-chart-content{align-items:center;gap:var(--space-lg);display:flex}.pie-chart-svg{flex-shrink:0;width:100px;height:100px}.pie-chart-legend{gap:var(--space-xs);flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;display:flex}.pie-chart-legend-item{align-items:center;gap:var(--space-sm);font-size:13px;display:flex}.pie-chart-legend-color{border-radius:2px;flex-shrink:0;width:10px;height:10px}.pie-chart-legend-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pie-chart-legend-value{color:var(--text-secondary);flex-shrink:0;margin-left:auto}@media (max-width:640px){.stats-breakdown-grid{grid-template-columns:1fr}.period-display{min-width:150px;font-size:14px}}.achievements-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.achievements-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:18px;font-weight:600}.achievements-earned{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.achievement-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-secondary);border:2px solid var(--border);border-bottom:4px solid var(--border-strong);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.achievement-badge:hover{border-bottom-width:5px;transform:translateY(-2px)}.achievement-badge-starter{border-color:var(--accent);background:var(--accent-soft)}.achievement-badge-bronze{background:#cd7f3226;border-color:#cd7f32}.achievement-badge-silver{background:#c0c0c026;border-color:silver}.achievement-badge-gold{background:#ffd70026;border-color:gold}.achievement-icon{font-size:28px}.achievement-info{flex-direction:column;gap:2px;display:flex}.achievement-name{color:var(--text-primary);font-size:14px;font-weight:600}.achievement-description{color:var(--text-secondary);font-size:12px}.achievements-empty{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:14px}.achievement-progress{margin-top:var(--space-md)}.achievement-progress-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.achievement-progress-label{color:var(--text-secondary);font-size:13px;font-weight:500}.achievement-progress-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.achievement-progress-bar{background:var(--bg-secondary);border-radius:4px;height:8px;overflow:hidden}.achievement-progress-fill{background:var(--accent);height:100%;transition:width var(--transition-base);border-radius:4px}@media (max-width:640px){.achievements-earned{flex-direction:column}.achievement-badge{width:100%}}.achievements-compact{padding:var(--space-md)}.achievements-compact .achievements-title{margin-bottom:0;font-size:16px}.achievements-header-row{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.achievement-progress-inline{align-items:center;gap:var(--space-sm);display:flex}.achievements-content-row{gap:var(--space-sm);flex-direction:column;display:flex}.achievements-earned-compact{gap:var(--space-sm);flex-wrap:wrap;display:flex}.achievement-badge-compact{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.achievement-icon-compact{font-size:18px}.achievement-name-compact{color:var(--text-primary);font-size:12px;font-weight:500}.achievements-empty-compact{color:var(--text-muted);font-size:13px}.achievement-progress-bar-compact{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.stats-summary-mood{display:block}.stats-card-mood{width:100%}.mood-mix-row{gap:var(--space-lg);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.mood-mix-item{color:var(--text-primary);font-size:16px;font-weight:500}.stats-card-focus{grid-column:span 2}.stats-value-text{color:var(--text-secondary);margin-top:var(--space-xs);font-size:15px;line-height:1.5}.stats-value-text strong{color:var(--accent);font-size:18px}@media (max-width:640px){.achievements-header-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.achievements-earned-compact{flex-direction:column}.achievement-badge-compact{width:100%}.mood-mix-row{gap:var(--space-sm);flex-direction:column}.stats-card-focus{grid-column:span 1}}.howto-section{margin-bottom:var(--space-xl)}.howto-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:22px;font-weight:700}.howto-text{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:15px;line-height:1.7}.howto-list{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.howto-list-item{gap:var(--space-md);background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex}.howto-list-number{background:var(--accent);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.howto-list-content{flex:1}.howto-list-content strong{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:15px;font-weight:700;display:block}.howto-list-content p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.howto-tips{gap:var(--space-md);flex-direction:column;display:flex}.howto-tip{gap:var(--space-md);background:var(--bg-tertiary);border:2px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-lg);display:flex}.howto-tip-icon{font-size:28px}.howto-tip-content{flex:1}.howto-tip-content strong{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:15px;font-weight:700;display:block}.howto-tip-content p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.howto-simple-list{gap:var(--space-sm);margin:var(--space-md)0;padding-left:var(--space-md);flex-direction:column;list-style:none;display:flex}.howto-simple-list li{color:var(--text-secondary);padding-left:var(--space-lg);font-size:14px;position:relative}.howto-simple-list li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0}.howto-benefits{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.howto-benefit{background:var(--bg-tertiary);border:2px solid var(--border);border-bottom:4px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-lg)}.howto-benefit strong{color:var(--accent);margin-bottom:var(--space-xs);font-size:15px;font-weight:700;display:block}.howto-benefit p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}@media (max-width:640px){.howto-list-item,.howto-tip{gap:var(--space-sm);flex-direction:column}.howto-benefits{grid-template-columns:1fr}}.tabs-container{gap:var(--space-lg);flex-direction:column;display:flex}.tabs-header{gap:var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-md);width:fit-content;padding:4px;display:flex}.tab-button{padding:var(--space-sm)var(--space-lg);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:700;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none}.tab-button:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-button.active{background:var(--accent);color:#fff;border-bottom:3px solid var(--accent-dark)}.tab-content{animation:.2s ease-out fade-in}@media (max-width:640px){.tabs-header{width:100%;overflow-x:auto}.tab-button{padding:var(--space-sm)var(--space-md);font-size:13px}}