:root{--font-sans:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-display:"Bodoni Moda", Georgia, serif;--font-serif:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--bg-primary:#fdfbf7;--bg-secondary:#faf9f6;--bg-tertiary:#efeee9;--text-primary:#1a1a1a;--text-secondary:#5f6158;--text-tertiary:#929187;--primary:#1a1a1a;--on-primary:beige;--primary-hover:#303221;--primary-light:#1a1a1a0f;--primary-border:#1a1a1a38;--accent-pink:#9f4545;--accent-pink-light:#9f454517;--accent-emerald:#5e604d;--accent-emerald-light:#5e604d1f;--accent-amber:#7d7157;--accent-amber-light:#7d71571f;--danger:#9f4545;--border-color:#5c5c5347;--card-shadow:0 12px 30px #1a1a1a0a;--modal-shadow:0 18px 38px #1a1a1a1f;--glass-bg:#fdfbf7d1;--glass-border:#5c5c5340;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:9999px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}:root.dark{--bg-primary:#121412;--bg-secondary:#1a1c1a;--bg-tertiary:#292a29;--text-primary:#e3e2e0;--text-secondary:#c8c7bc;--text-tertiary:#929187;--primary:beige;--on-primary:#303221;--primary-hover:#e4e4cc;--primary-light:#f5f5dc14;--primary-border:#f5f5dc47;--accent-pink:#ffa9a3;--accent-pink-light:#ffa9a31f;--accent-emerald:#c8c8b0;--accent-emerald-light:#c8c8b01f;--accent-amber:silver;--accent-amber-light:#c0c0c01f;--danger:#ffa9a3;--border-color:#c8c7bc38;--card-shadow:0 18px 40px #00000047;--modal-shadow:0 22px 48px #00000073;--glass-bg:#1a1c1ad1;--glass-border:#c8c7bc38}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:0;font-size:15px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}#root{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}.app-container{background:linear-gradient(180deg, #ffffff0a, transparent 260px), var(--bg-primary);flex-direction:column;width:100%;max-width:480px;height:100svh;transition:background-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}@media (width>=481px){.app-container{border:10px solid #121412;border-radius:24px;height:min(850px,100svh - 24px);box-shadow:0 30px 70px -20px #0000006b}:root.dark .app-container{border-color:#0d0f0d}}.app-header{background-color:var(--glass-bg);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);z-index:10;grid-template-columns:1fr auto;align-items:center;min-height:72px;padding:18px 22px;display:grid}.logo-container{grid-area:1/1/auto/-1;justify-content:center;align-items:center;min-width:0;display:flex}.logo-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:0;text-transform:uppercase;font-size:30px;font-weight:500;line-height:1}.app-content{padding:24px;padding-bottom:calc(90px + var(--safe-area-bottom));flex:1;overflow-y:auto}.app-content-chat{padding-bottom:calc(84px + var(--safe-area-bottom));flex-direction:column;display:flex;overflow:hidden}.app-navbar{bottom:calc(14px + var(--safe-area-bottom));background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(18px);z-index:100;height:64px;box-shadow:var(--card-shadow);justify-content:space-around;align-items:center;padding:0 10px;display:flex;position:absolute;left:24px;right:24px}.nav-item{color:var(--text-tertiary);cursor:pointer;font-size:11px;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-weight:500;transition:color .2s,transform .1s;display:flex}.nav-item:active{transform:scale(.97)}.nav-item.active{color:var(--primary)}.nav-icon-wrapper{border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.nav-item.active .nav-icon-wrapper{background-color:var(--primary);color:var(--on-primary);border:1px solid var(--primary)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);letter-spacing:0;font-weight:500}h2{letter-spacing:0;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:8px;font-size:24px}h3{margin-bottom:8px;font-size:18px}p{font-family:var(--font-serif)}.flex-row-between{justify-content:space-between;align-items:center;display:flex}.badge{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:0;border:1px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.badge-danger{background-color:var(--accent-pink-light);color:var(--accent-pink);border-color:#a3655b33}.badge-success{background-color:var(--accent-emerald-light);color:var(--accent-emerald);border-color:#466b5833}.badge-warning{background-color:var(--accent-amber-light);color:var(--accent-amber);border-color:#b08d4633}.card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--card-shadow);background-color:#ffffff06;margin-bottom:18px;padding:18px;transition:all .2s}.card:hover{border-color:var(--primary-border);background-color:var(--primary-light)}.habit-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.habit-summary-card{border:1px solid var(--border-color);min-height:86px;margin-bottom:0;padding:8px 9px}.habit-summary-card-positive{background-color:#466b582e;border-color:#466b5859}.habit-summary-card-negative{background-color:#a3655b2e;border-color:#a3655b57}.habit-summary-card-neutral{background-color:var(--bg-secondary)}.habit-summary-trend{font-size:16px;font-weight:900;line-height:1}.habit-summary-card-positive .habit-summary-trend{color:var(--accent-emerald)}.habit-summary-card-negative .habit-summary-trend{color:var(--accent-pink)}.habit-summary-card-neutral .habit-summary-trend{color:var(--text-tertiary)}.habit-summary-title{color:var(--text-primary);font-family:var(--font-sans);margin-bottom:2px;font-size:11px;font-weight:850;line-height:1.2}.habit-summary-value{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:800;line-height:1.15}.habit-summary-label{color:var(--text-secondary);text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.2}.habit-summary-topline{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.habit-summary-icon{font-size:16px;line-height:1}.habit-summary-gauge{width:52px;height:27px;margin-bottom:4px;position:relative;overflow:hidden}.habit-summary-gauge:before{content:"";background-color:var(--text-primary);opacity:.52;z-index:2;width:1px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.habit-summary-gauge-arc{background:conic-gradient(from 270deg, var(--text-tertiary) 0 var(--gauge-angle), var(--bg-tertiary) var(--gauge-angle) 180deg, transparent 180deg 360deg);border-radius:50%;width:52px;height:52px;position:absolute;inset:0 0 auto;-webkit-mask:radial-gradient(circle,#0000 0 57%,#000 59%);mask:radial-gradient(circle,#0000 0 57%,#000 59%)}.habit-summary-card-positive .habit-summary-gauge-arc{background:conic-gradient(from 270deg, var(--accent-emerald) 0 var(--gauge-angle), var(--bg-tertiary) var(--gauge-angle) 180deg, transparent 180deg 360deg)}.habit-summary-card-negative .habit-summary-gauge-arc{background:conic-gradient(from 270deg, var(--accent-pink) 0 var(--gauge-angle), var(--bg-tertiary) var(--gauge-angle) 180deg, transparent 180deg 360deg)}@media (width<=360px){.habit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.summit-score-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);box-shadow:var(--card-shadow);background-color:#ffffff06;margin-bottom:16px;padding:18px}.summit-score-title{color:var(--text-primary);font-family:var(--font-display);text-align:center;margin-bottom:14px;font-size:24px;font-weight:700;line-height:1}.summit-score-ring{aspect-ratio:1;border-radius:50%;place-items:center;width:min(190px,58vw);margin:0 auto 16px;display:grid;position:relative}.summit-score-ring:before{content:"";background:conic-gradient(var(--accent-amber) 0 var(--score-angle), var(--bg-tertiary) var(--score-angle) 360deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 62%,#000 63%);mask:radial-gradient(circle,#0000 0 62%,#000 63%)}.summit-score-ring:after{content:"";border:1px solid var(--primary-border);border-radius:50%;position:absolute;inset:9px}.summit-score-inner{z-index:1;color:var(--text-primary);place-content:center;justify-items:center;gap:2px;display:grid;position:absolute;inset:0;-webkit-mask:none;mask:none}.summit-score-number{color:var(--text-primary);font-family:var(--font-display);font-size:58px;font-weight:800;line-height:.9}.summit-score-scale{color:var(--text-secondary);letter-spacing:0;font-size:15px;font-weight:800}.summit-score-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.summit-score-metric{min-width:0;color:var(--text-primary);text-align:center;justify-items:center;gap:5px;padding:0 10px;display:grid}.summit-score-metric+.summit-score-metric{border-left:1px solid var(--border-color)}.summit-score-metric svg{color:var(--text-secondary)}.summit-score-metric-value{font-size:20px;font-weight:800;line-height:1}.summit-score-metric-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:900;line-height:1}.ai-insight-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);box-shadow:var(--card-shadow);background-color:#ffffff06;margin-bottom:16px;padding:16px}.ai-insight-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ai-insight-header h3{color:var(--text-primary);font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1}.ai-insight-refresh{border:1px solid var(--border-color);border-radius:var(--border-radius-full);width:34px;height:34px;color:var(--accent-amber);cursor:pointer;background-color:#0000;flex:none;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,color .2s,opacity .2s;display:inline-flex}.ai-insight-refresh:hover:not(:disabled){border-color:var(--primary-border);background-color:var(--primary-light);color:var(--primary)}.ai-insight-refresh:disabled{cursor:wait;opacity:.74}.ai-insight-list{gap:8px;display:grid}.ai-insight-list ul{gap:7px;margin:0;padding-left:18px;display:grid}.ai-insight-list li,.ai-insight-list p{color:var(--text-primary);font-size:14px;font-weight:650;line-height:1.45}.ai-insight-loading{color:var(--text-secondary)!important}@media (width<=360px){.summit-score-panel,.ai-insight-panel{padding-inline:14px}.summit-score-title,.ai-insight-header h3{font-size:21px}.summit-score-number{font-size:52px}.ai-insight-list p,.ai-insight-list li{font-size:13px}}:root.dark .habit-summary-card-positive{background-color:#7da58b33;border-color:#7da58b6b}:root.dark .habit-summary-card-negative{background-color:#c1847a33;border-color:#c1847a6b}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{font-size:11px;font-weight:700;font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0}.input-text,.select-input,.textarea-input{border-radius:var(--border-radius-md);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);background-color:#ffffff09;outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-text:focus,.select-input:focus,.textarea-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background-color:var(--bg-primary)}.date-input-wrap{width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.date-input-icon{pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.date-input{appearance:none;width:100%;min-width:0;max-width:100%;padding-left:36px;display:block}@supports (-webkit-touch-callout:none){.date-input{width:calc(100% - 2px)}}.textarea-input{resize:vertical;min-height:100px}.btn{border-radius:var(--border-radius-md);font-weight:700;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0;cursor:pointer;border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--text-secondary);background-color:var(--bg-secondary)}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--on-primary)!important}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-icon-only{border-radius:var(--border-radius-md);width:38px;height:38px;padding:0}.header-actions{grid-area:1/2;justify-self:end;align-items:center;gap:8px;display:flex}.btn-theme-toggle{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-full);background:0 0;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.btn-theme-toggle:hover{border-color:var(--border-color);background-color:var(--bg-tertiary)}@keyframes pulse-mic{0%{transform:scale(1);box-shadow:0 0 #a3655b66}70%{transform:scale(1.03);box-shadow:0 0 0 10px #a3655b00}to{transform:scale(1);box-shadow:0 0 #a3655b00}}.mic-recording{animation:1.8s infinite pulse-mic;background-color:var(--accent-pink)!important;border-color:var(--accent-pink)!important;color:var(--bg-primary)!important}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.25s forwards fade-in}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.9s linear infinite spin}.summary-widget{background-color:var(--primary-light);border:1px solid var(--primary-border);color:var(--text-primary)}.summary-widget h4{color:var(--primary)}.summary-widget p{color:var(--text-secondary)}.hidden{display:none}.summit-icon-button{border-radius:var(--border-radius-full);width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.summit-icon-button:hover{border-color:var(--border-color);background:var(--primary-light)}.chat-action-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chat-action-button{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-sans);letter-spacing:0;text-transform:uppercase;cursor:pointer;background:0 0;padding:9px 13px;font-size:11px;font-weight:800}.chat-action-button.primary{background:var(--accent-emerald);border-color:var(--accent-emerald);color:var(--on-primary)}:root.dark .chat-action-button.primary{color:#303221}@keyframes chat-stream-cursor{0%,to{opacity:.35}50%{opacity:1}}