:root{--ink:#17261f;--muted:#6f7d74;--paper:#f7f8f2;--panel:rgba(255,255,255,.76);--line:#dfe6dc;--green:#24784c;--green-dark:#155337;--mint:#dceee2;--lime:#c9ef75;--coral:#e88f6e;--shadow:0 22px 70px rgba(21,47,33,.1);--radius:22px;--content-max:1534px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#f7f8f2 0%,#eff6ea 52%,#f8f4e9 100%)}button,input{font:inherit}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max);margin:auto;padding:20px 20px}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.04em}.wordmark-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ink);color:var(--lime);font-size:.7rem;letter-spacing:-.08em}.topbar-actions{display:flex;align-items:center;gap:16px}.connection-state{color:var(--muted);font-size:.74rem}.shell{position:relative;z-index:1;max-width:var(--content-max);margin:auto;padding:24px 20px 70px}.ambient{position:fixed;width:340px;height:340px;border-radius:50%;filter:blur(2px);opacity:.27;pointer-events:none}.ambient-one{background:var(--lime);right:-170px;top:100px}.ambient-two{background:#bee8d2;left:-210px;bottom:-140px}.hero-card{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:42px 44px 38px;border-radius:30px;background:var(--ink);color:#f6f9f0;box-shadow:var(--shadow);overflow:hidden}.eyebrow{margin:0 0 13px;color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.16em}.hero-card .eyebrow{color:var(--lime)}h1,h2,p{margin-top:0}.hero-card h1{max-width:680px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(2.7rem,7vw,6.5rem);font-weight:400;letter-spacing:-.07em;line-height:.9}.hero-card h1 em{color:var(--lime);font-style:italic}.hero-date{margin:22px 0 0;color:#b8cbbd;font-size:.9rem}.score-orbit{display:flex;flex:0 0 158px;flex-direction:column;align-items:center;justify-content:center;width:158px;height:158px;border:1px solid rgba(201,239,117,.55);border-radius:50%;color:#b8cbbd;font-size:.68rem;letter-spacing:.04em;text-align:center}.score-number{display:flex;align-items:baseline;color:#f8fff0}.score-number strong{font-size:3.6rem;line-height:1;font-weight:800;letter-spacing:-.08em}.score-number span{font-size:1.1rem;color:var(--lime)}.section-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading{margin-bottom:20px}.section-heading h2,.panel-heading h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.75rem;font-weight:400;letter-spacing:-.045em}.section-note,.panel-kicker{color:var(--muted);font-size:.72rem}.habit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:60px}.habit-card{position:relative;display:flex;align-items:center;gap:15px;min-height:96px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 6px 18px rgba(35,70,46,.04);transition:transform .18s ease,border-color .18s ease,background .18s ease}.habit-card:hover{transform:translateY(-2px);border-color:#9ec5a5}.habit-card:focus-visible,.button:focus-visible,input:focus-visible{outline:3px solid #9cce54;outline-offset:3px}.habit-card.is-complete{border-color:var(--green);background:var(--mint)}.habit-card.is-busy{opacity:.55;cursor:wait}.habit-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#edf3e8;font-size:1.45rem}.is-complete .habit-icon{background:var(--green);color:white}.habit-label{font-size:.87rem;font-weight:800;line-height:1.15}.habit-check{position:absolute;right:15px;top:15px;width:16px;height:16px;border:1px solid #b4c4b6;border-radius:50%}.is-complete .habit-check{border-color:var(--green);background:var(--green)}.is-complete .habit-check:after{display:block;width:6px;height:3px;margin:4px 0 0 4px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);content:""}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}.panel{padding:28px;border:1px solid rgba(211,224,210,.85);border-radius:var(--radius);background:var(--panel);box-shadow:0 10px 30px rgba(45,82,49,.04)}.panel-heading{margin-bottom:25px}.line-chart{min-height:200px}.line-chart svg{display:block;width:100%;height:200px;overflow:visible}.chart-grid-line{stroke:#dce7db;stroke-width:1}.chart-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--green);stroke:var(--paper);stroke-width:3}.week-bars{display:flex;align-items:end;justify-content:space-between;gap:8px;height:200px}.week-day{display:flex;flex:1;height:100%;flex-direction:column;align-items:center;justify-content:end;gap:8px}.week-column{display:flex;align-items:end;width:100%;height:145px;border-radius:8px;background:#e8eee4}.week-column span{display:block;width:100%;border-radius:8px;background:linear-gradient(180deg,#8bc457,var(--green));transition:height .35s ease}.week-day small{color:var(--muted);font-size:.66rem}.consistency-panel,.history-panel{margin-bottom:16px}.consistency-grid{display:grid;grid-template-columns:minmax(130px,1.3fr) repeat(30,minmax(10px,1fr));gap:4px;overflow-x:auto;padding-bottom:5px}.grid-label{min-width:130px;padding:5px 3px;color:var(--muted);font-size:.68rem;white-space:nowrap}.grid-day{height:16px;border-radius:4px;background:#e4ece1}.grid-day.full{background:var(--green)}.grid-day.partial{background:#9bd265}.grid-day.today{box-shadow:0 0 0 2px var(--lime)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th{padding:0 12px 12px;color:var(--muted);font-size:.67rem;letter-spacing:.08em;text-align:left;text-transform:uppercase}td{padding:14px 12px;border-top:1px solid var(--line)}td:first-child{font-weight:800}.table-progress{display:flex;align-items:center;gap:12px}.table-progress-track{width:min(190px,28vw);height:7px;border-radius:99px;background:#e3ebe0}.table-progress-fill{height:100%;border-radius:inherit;background:var(--green)}.data-footnote{margin:22px 2px 0;color:var(--muted);font-size:.72rem}.login-panel{max-width:650px;margin:8vh auto 0;padding:54px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.7);box-shadow:var(--shadow)}.login-panel h1{margin-bottom:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;letter-spacing:-.07em;line-height:.92}.login-copy{max-width:500px;color:var(--muted);line-height:1.65}.login-form{margin-top:32px}.login-form label{display:block;margin-bottom:8px;font-size:.76rem;font-weight:800}.password-row{display:flex;gap:10px}.password-row input{min-width:0;flex:1;border:1px solid #cbd8ca;border-radius:12px;background:#fff;padding:13px 14px;color:var(--ink)}.button{border:0;border-radius:12px;padding:12px 17px;font-size:.76rem;font-weight:800;cursor:pointer}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.button-quiet{background:transparent;color:var(--muted)}.form-error{min-height:20px;margin:10px 0 0;color:#b64c37;font-size:.76rem}.status-message{min-height:22px;margin:-32px 0 18px;color:var(--green);font-size:.78rem}.status-message.error{color:#b64c37}.offline-indicator{margin-bottom:18px;padding:12px 15px;border:1px solid #e6bd78;border-radius:12px;background:#fff4d8;color:#77531f;font-size:.78rem}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:800px){.topbar{padding:18px 18px}.connection-state{display:none}.shell{padding:28px 18px 56px}.hero-card{align-items:flex-start;flex-direction:column;padding:34px 28px}.score-orbit{align-self:flex-end;flex-basis:120px;width:120px;height:120px;margin-top:-40px}.score-number strong{font-size:2.8rem}.habit-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:48px}.analytics-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:8px}.panel{padding:22px 18px}.consistency-grid{grid-template-columns:minmax(120px,1.2fr) repeat(30,10px)}.login-panel{margin-top:5vh;padding:32px 24px}.password-row{align-items:stretch;flex-direction:column}.password-row .button{width:100%}}@media (max-width:480px){.wordmark{font-size:.7rem}.hero-card h1{font-size:2.9rem}.habit-grid{grid-template-columns:1fr}.habit-card{min-height:82px}.panel-heading{align-items:start;flex-direction:column;gap:5px}.line-chart svg{height:160px}.week-bars{height:170px}.week-column{height:120px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hero-meta{display:flex;align-items:center;gap:0;flex-wrap:wrap}.hero-copy{min-width:0;flex:1}.quote-carousel{width:100%;max-width:none;margin-top:20px}.hero-quote{max-width:none;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(2.55rem,6.3vw,6rem);font-weight:400;letter-spacing:-.07em;line-height:.94}.hero-quote-source{margin:22px 0 0;color:#b8cbbd;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quote-controls{display:flex;gap:8px;margin-top:24px}.quote-dot{width:8px;height:8px;padding:0;border:1px solid rgba(201,239,117,.72);border-radius:50%;background:transparent;cursor:pointer}.quote-dot.is-active{width:24px;border-color:var(--lime);border-radius:99px;background:var(--lime)}.quote-dot:focus-visible{outline:3px solid #9cce54;outline-offset:4px}@media (max-width:800px){.quote-carousel{margin-top:16px}.hero-quote{font-size:clamp(2.4rem,9.8vw,4.4rem)}}@media (max-width:480px){.hero-meta{font-size:.6rem}.hero-quote{font-size:2.85rem}}
.theme-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.theme-setting>div{display:grid;gap:4px}.theme-setting small{color:var(--muted);font-size:.75rem}.theme-setting select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-size:.78rem;font-weight:700}[data-theme="dark"]{--ink:#edf6ef;--muted:#a7b6ac;--paper:#101a15;--panel:rgba(25,40,32,.9);--line:#30463a;--green:#82d89b;--green-dark:#c9f2d2;--mint:#183c2a;--lime:#d6fa78;--shadow:0 22px 70px rgba(0,0,0,.3)}[data-theme="dark"] body{background:linear-gradient(135deg,#101a15 0%,#16261d 52%,#111b16 100%)}[data-theme="dark"] .hero-card{background:#0a1510;color:#f6f9f0}[data-theme="dark"] .panel,[data-theme="dark"] .score-tile{background:var(--panel)}[data-theme="dark"] .score-tile-week{background:linear-gradient(145deg,#1a3a28,#193329)}[data-theme="dark"] .habit-icon{background:#20372b}[data-theme="dark"] .password-row input,[data-theme="dark"] .frequency-controls select,[data-theme="dark"] .theme-setting select{border-color:var(--line);background:#17271e;color:var(--ink)}[data-theme="dark"] .login-panel{background:var(--panel)}[data-theme="dark"] .table-progress-track{background:#294234}