:root{--aero-dark:#11846f;--cloud:#f5f8f2;--coral:#f26b5e;--focus-blue:#4b8dff;--graphite:#52616c;--ink:#172b36;--mint:#20c7a8;--mist:#dfeae5;--paper:#fffdf7;--plum:#755be8;--spark:#c7ef4e;--white:#fff;background:var(--cloud);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Aptos,Segoe UI,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(135deg, #20c7a814, #4b8dff12 45%, #c7ef4e14), var(--cloud);min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{letter-spacing:0}#root{min-height:100dvh}h1,h2,h3,p{letter-spacing:0}.app-shell{grid-template-columns:minmax(248px,308px) minmax(0,1fr);gap:24px;width:100%;max-width:1420px;min-height:100dvh;margin:0 auto;padding:24px;display:grid}.side-panel,.workspace,.rescue-rail,.buddy-status,.prompt-card{border:1px solid var(--mist);background:#fffdf7db;box-shadow:0 24px 60px #172b3617}.side-panel{border-radius:24px;flex-direction:column;align-self:start;gap:24px;padding:22px;display:flex;position:sticky;top:24px}.brand-lockup{align-items:flex-start;gap:14px;display:flex}.brand-mark{object-fit:contain;background:0 0;border-radius:16px;flex:0 0 48px;width:48px;height:48px;display:block}.brand-lockup h1,.topbar h2,.section-heading h2,.rail-heading h2,.buddy-status h2{color:var(--ink);margin:0;font-size:24px;line-height:1.08}.brand-lockup h1{font-size:28px}.eyebrow,.panel-label{color:var(--aero-dark);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900;line-height:1.2}.setup-stack,.buddy-picker,.screen-stack,.quick-log,.feed-list{flex-direction:column;gap:14px;display:flex}.setup-step{align-items:center;gap:12px;display:flex}.setup-step>span{background:var(--cloud);border:1px solid var(--mist);color:var(--ink);border-radius:999px;flex:0 0 28px;justify-content:center;align-items:center;height:28px;display:flex}.setup-step>span.done{background:var(--spark);border-color:var(--spark)}.setup-step strong,.metric-card strong,.member-card h3,.quest-row h3,.week-card h3,.reflection-panel h3{color:var(--ink);font-weight:900}.setup-step p,.prompt-card p,.buddy-status p,.rescue-rail p,.quest-row p,.feed-item p,.circle-hero p,.journey-hero p,.reflection-panel p{color:var(--graphite);margin:0;font-size:14px;line-height:1.45}.buddy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.buddy-option{background:var(--cloud);border:1px solid var(--mist);color:var(--ink);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-height:88px;padding:8px;font-size:12px;font-weight:900;transition:border-color .18s,transform .18s,background .18s;display:flex}.buddy-option.selected{border-color:var(--buddy);background:#edfbf7}.buddy-option:active,button:active{transform:scale(.98)}.prompt-card{border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.legal-inline{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.workspace{border-radius:28px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.loading-shell{justify-content:center;align-items:center}.auth-grid{align-items:start}.auth-panel{min-height:100%}.auth-copy{max-width:560px}.auth-toggle,.auth-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-form{flex-direction:column;gap:14px;max-width:560px;margin-top:22px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field span{color:var(--ink);font-size:13px;font-weight:900}.auth-field input,.auth-field select{background:var(--paper);border:1px solid var(--mist);color:var(--ink);font:inherit;border-radius:14px;min-height:50px;padding:0 14px}.auth-error{color:var(--coral);margin:0;font-size:14px;font-weight:800}.auth-submit{margin-top:6px}.legal-overlay{z-index:30;background:#172b3661;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.legal-card{background:var(--paper);border:1px solid var(--mist);border-radius:24px;flex-direction:column;gap:18px;width:min(100%,720px);max-width:720px;padding:22px;display:flex;box-shadow:0 24px 60px #172b362e}.legal-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.legal-copy{flex-direction:column;gap:12px;display:flex}.legal-copy p{color:var(--graphite);margin:0;font-size:15px;line-height:1.55}.status-banner,.workspace-banner{color:var(--ink);background:#eef6ff;border:1px solid #4b8dff38;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.status-banner strong,.workspace-banner strong,.session-pill strong{font-size:13px;font-weight:900}.status-banner span,.workspace-banner span{color:var(--graphite);font-size:14px;line-height:1.4}.status-banner.error,.workspace-banner.error{background:#fff4f2;border-color:#f26b5e3d}.status-banner.offline,.workspace-banner.offline{background:#f3f8ff;border-color:#4b8dff42}.topbar{border-bottom:1px solid var(--mist);justify-content:space-between;align-items:center;min-height:86px;padding:18px 22px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.session-pill{background:var(--paper);border:1px solid var(--mist);color:var(--ink);border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 14px;display:inline-flex}.session-dot{background:var(--mint);border-radius:999px;width:10px;height:10px;display:inline-block}.session-dot.offline{background:var(--focus-blue)}.workspace-banner{border-bottom:1px solid var(--mist);border-top:0;border-left:0;border-right:0;border-radius:0;padding:14px 22px}.icon-button,.round-check{background:var(--paper);border:1px solid var(--mist);color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.content-grid{grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:22px;padding:22px;display:grid}.primary-stage{min-width:0}.hero-panel,.rescue-focus,.circle-hero,.journey-hero,.quest-row,.week-card,.reflection-panel{background:var(--paper);border:1px solid var(--mist);border-radius:24px;box-shadow:0 18px 36px #172b3614}.hero-panel{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:20px;min-height:292px;padding:28px;display:grid;overflow:hidden}.hero-copy h2,.rescue-header h2,.circle-hero h2,.journey-hero h2{color:var(--ink);margin:0 0 12px;font-size:42px;line-height:1.02}.hero-copy p{color:var(--graphite);max-width:44ch;margin:0;font-size:16px;line-height:1.5}.hero-actions,.action-grid,.rescue-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.primary-button,.rescue-button,.light-button,.ghost-button,.text-button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-weight:900;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.primary-button{background:var(--mint);color:var(--ink)}.rescue-button{color:var(--ink);background:#f9b3a9}.rescue-button.compact{min-height:44px}.rescue-button.wide{width:100%}.light-button,.ghost-button{background:var(--paper);border:1px solid var(--mist);color:var(--ink)}.ghost-button{background:0 0}.text-button{color:var(--aero-dark);background:0 0;min-height:36px;padding:0}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--mist);border-radius:20px;min-height:148px;padding:18px}.metric-top{color:var(--graphite);justify-content:space-between;align-items:center;font-size:13px;font-weight:900;display:flex}.metric-card strong{margin:24px 0 14px;font-size:38px;line-height:1;display:block}.metric-card.mint svg{color:var(--mint)}.metric-card.blue svg{color:var(--focus-blue)}.metric-card.lime svg{color:var(--spark)}.metric-card.coral svg{color:var(--coral)}.meter{background:var(--mist);border-radius:999px;height:9px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--mint), var(--spark));border-radius:inherit;height:100%;animation:4.8s ease-in-out infinite soft-pulse;display:block}.quest-row{grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;gap:16px;padding:20px;display:grid}.quest-icon{color:var(--focus-blue);background:#dff1ff;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.quest-row h3,.reflection-panel h3{margin:0 0 6px;font-size:21px;line-height:1.1}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.right-rail{flex-direction:column;gap:16px;display:flex}.rescue-rail,.buddy-status{border-radius:24px;padding:20px}.rail-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.rail-heading>svg{color:var(--coral)}.rescue-rail .rescue-button{width:100%;margin-top:18px}.buddy-status{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.rescue-focus{text-align:center;flex-direction:column;align-items:center;gap:22px;min-height:560px;padding:36px 24px;display:flex;position:relative;overflow:hidden}.rescue-focus:before{content:"";pointer-events:none;background:linear-gradient(#4b8dff24,#20c7a800);position:absolute;inset:0}.rescue-header,.rescue-instruction,.breath-ring,.pause-progress{position:relative}.breath-ring{cursor:pointer;background:#4b8dff1a;border:1px solid #4b8dff33;border-radius:999px;justify-content:center;align-items:center;width:230px;height:230px;display:flex}.breath-ring:before{border-radius:inherit;content:"";background:#4b8dff33;width:150px;height:150px;animation:7s ease-in-out infinite breathe;position:absolute}.breath-ring.running:before{animation-duration:5.6s}.breath-core{background:var(--focus-blue);color:var(--white);border-radius:34px;justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:relative}.rescue-instruction{background:var(--paper);border:1px solid var(--mist);border-radius:22px;width:100%;max-width:520px;padding:22px}.rescue-instruction h3{color:var(--ink);margin:0 0 8px;font-size:28px;line-height:1.1}.pause-progress,.trigger-panel{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pause-progress span{background:var(--mist);border-radius:999px;width:32px;height:10px}.pause-progress span.filled{background:var(--mint)}.trigger-panel{background:0 0}.trigger-chip{background:var(--paper);border:1px solid var(--mist);color:var(--graphite);cursor:pointer;border-radius:999px;min-height:44px;padding:0 16px;font-weight:900}.trigger-chip.selected{background:var(--ink);border-color:var(--ink);color:var(--white)}.trigger-chip:disabled{opacity:.72}.buddy-option[aria-pressed=true],.trigger-chip[aria-pressed=true],.nav-button[aria-current=page]{box-shadow:0 0 0 2px #20c7a829}.circle-hero,.journey-hero{justify-content:space-between;align-items:center;padding:28px;display:flex}.invite-card{background:var(--cloud);border:1px solid var(--mist);color:var(--ink);border-radius:18px;align-items:center;gap:8px;min-width:176px;padding:14px;font-weight:900;display:grid}.invite-card p{color:var(--aero-dark);letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;line-height:1}.invite-card strong{color:var(--ink);letter-spacing:.08em;font-family:Aptos,Segoe UI,system-ui,sans-serif;font-size:22px}.invite-copy{background:var(--paper);border:1px solid var(--mist);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:900;display:inline-flex}.member-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.member-card{background:var(--paper);border:1px solid var(--mist);border-radius:20px;min-height:188px;padding:16px}.member-card h3{margin:8px 0 4px}.member-card p{color:var(--graphite);margin:0 0 10px;font-size:13px;line-height:1.35}.member-card span{color:var(--aero-dark);font-size:12px;font-weight:900}.feed-item{background:var(--paper);border:1px solid var(--mist);border-radius:18px;align-items:center;gap:12px;min-height:62px;padding:14px 16px;display:flex}.feed-item svg{color:var(--mint);flex:none}.week-card{padding:24px}.week-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.chart-caption{color:var(--graphite);margin:6px 0 0;font-size:14px;line-height:1.4}.range-toggle{align-items:center;gap:8px;display:inline-flex}.week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.day-dot{border:2px solid var(--mint);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:74px;display:flex}.day-dot span{color:var(--graphite);font-size:13px;font-weight:900}.day-dot strong{color:var(--ink)}.day-dot.repair{border-color:var(--plum);background:#ece7ff}.day-dot.open{border-color:var(--mist);opacity:.62;border-style:dashed}.repair-note{background:var(--cloud);border:1px solid var(--mist);border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.repair-note svg{color:var(--plum)}.repair-note p{color:var(--graphite);margin:0;line-height:1.45}.timeline-card{flex-direction:column;gap:18px;margin:22px 0;display:flex}.timeline-legend{color:var(--graphite);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:12px;font-weight:900;display:flex}.timeline-legend span{align-items:center;gap:8px;display:inline-flex}.legend-swatch{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-swatch.cigarettes,.timeline-segment.cigarettes{background:var(--coral)}.legend-swatch.vaping,.timeline-segment.vaping{background:var(--focus-blue)}.legend-swatch.resisted,.timeline-segment.resisted{background:var(--mint)}.legend-swatch.craving,.timeline-segment.craving{background:var(--spark)}.timeline-grid{align-items:end;gap:10px;min-height:220px;display:grid}.timeline-grid.week{grid-template-columns:repeat(7,minmax(0,1fr))}.timeline-grid.month{grid-template-columns:repeat(30,minmax(22px,1fr));padding-bottom:6px;overflow-x:auto}.timeline-column{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.timeline-column strong{color:var(--graphite);text-align:center;min-height:28px;font-size:12px;font-weight:900;line-height:1.2}.timeline-stack{border:1px solid var(--mist);background:linear-gradient(#dfeae540,#dfeae599);border-radius:18px;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;gap:4px;width:100%;height:184px;padding:10px 8px;display:flex;overflow:hidden}.timeline-grid.month .timeline-stack{border-radius:14px;padding:8px 6px}.timeline-segment{border-radius:999px;width:100%;min-height:0;display:block}.journey-secondary-metrics{margin-top:-2px}.reflection-panel{justify-content:space-between;align-items:center;padding:24px;display:flex}.bottom-nav{display:none}.nav-button{color:var(--graphite);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:4px;min-width:68px;min-height:58px;padding:8px 12px;font-size:12px;font-weight:900;display:flex}.nav-button.active{background:var(--mint);color:var(--ink)}.floating-rescue{background:var(--coral);color:var(--white);cursor:pointer;z-index:4;border:0;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:none;position:fixed;bottom:92px;right:20px;box-shadow:0 18px 32px #f26b5e42}.buddy-avatar{justify-content:center;align-items:center;display:flex;position:relative}.buddy-avatar.small{width:46px;height:46px}.buddy-avatar.large{width:92px;height:92px}.buddy-avatar.hero{width:190px;height:190px}.buddy-body{background:var(--buddy);border:3px solid #172b361f;border-radius:45% 55% 48% 52%;width:72%;height:72%;animation:5.4s ease-in-out infinite float;position:relative;box-shadow:inset 12px 12px 20px #fff3,0 18px 28px #172b3629}.buddy-avatar.small .buddy-body{border-width:2px}.buddy-leaf{background:var(--buddy-accent);border-radius:999px 999px 999px 0;width:34%;height:28%;position:absolute;top:-14%;right:-2%;transform:rotate(-12deg)}.buddy-eye{background:var(--ink);border-radius:999px;width:9%;height:9%;position:absolute;top:42%}.buddy-eye.left{left:31%}.buddy-eye.right{right:31%}.buddy-mouth{border:solid var(--ink);border-width:0 0 3px;border-radius:0 0 999px 999px;width:28%;height:17%;position:absolute;top:54%;left:36%}.buddy-shadow{filter:blur(2px);background:#172b361f;border-radius:999px;width:58%;height:8%;position:absolute;bottom:5%}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #20c7a870}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.025)}}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.76}}@keyframes breathe{0%,to{opacity:.28;transform:scale(.86)}50%{opacity:.62;transform:scale(1.32)}}@media (width<=1120px){.app-shell{grid-template-columns:1fr;padding:16px}.side-panel{display:none}.content-grid,.auth-row,.auth-toggle{grid-template-columns:1fr}.right-rail{display:none}}@media (width<=760px){.app-shell{padding:0 0 96px}.workspace{box-shadow:none;border:0;border-radius:0;min-height:100dvh}.topbar{min-height:78px;padding:16px}.topbar-actions .icon-button,.rescue-button.compact,.session-pill{display:none}.topbar h2{font-size:23px}.content-grid{padding:16px}.hero-panel{text-align:center;grid-template-columns:1fr;min-height:0;padding:22px}.hero-copy h2,.rescue-header h2,.circle-hero h2,.journey-hero h2{font-size:31px}.hero-copy p{max-width:none}.hero-actions,.action-grid,.rescue-actions{grid-template-columns:1fr;display:grid}.metric-grid,.member-grid{grid-template-columns:1fr}.quest-row{grid-template-columns:52px minmax(0,1fr)}.quest-row .round-check{grid-column:2}.circle-hero,.journey-hero,.reflection-panel,.week-header{flex-direction:column;align-items:flex-start;gap:14px}.invite-card{width:100%}.week-row{gap:6px}.range-toggle{width:100%}.range-toggle .trigger-chip{flex:1 1 0}.day-dot{border-radius:14px;min-height:58px}.timeline-grid.month{grid-template-columns:repeat(30,minmax(28px,1fr))}.timeline-column strong{font-size:11px}.rescue-focus{min-height:508px;padding:28px 18px}.breath-ring{width:200px;height:200px}.bottom-nav{border-top:1px solid var(--mist);z-index:3;background:#fffdf7f5;justify-content:space-around;align-items:center;gap:4px;min-height:78px;padding:9px 8px 12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 24px #172b3614}.floating-rescue{display:flex}}