:root{--forest:#214f2b;--forest2:#2f6c3d;--cream:#fbfaf3;--gold:#e8c968;--ink:#17351f;--muted:#637267;--line:#d9e2d5;--shadow:0 18px 46px rgba(34,74,43,.10)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f8f6e9,#eef6eb 50%,#f7faf5);color:var(--ink);font:16px Inter,"Avenir Next",ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}.page-shell{width:min(1220px,100%);margin:auto;padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--forest);box-shadow:0 8px 20px rgba(33,79,43,.18)}.eyebrow,.section-kicker{margin:0 0 4px;color:var(--forest2);font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.brand h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.week-picker{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:750}.week-picker input{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:8px 11px}.welcome-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center;padding:24px 26px;border-radius:25px;background:var(--forest);color:#fff;box-shadow:var(--shadow)}.welcome-card:after{content:"";position:absolute;right:-105px;top:-145px;width:270px;height:270px;border:48px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}.welcome-card>div:first-child{position:relative;z-index:1}.welcome-card input{position:relative;z-index:2;touch-action:manipulation;-webkit-user-select:text;user-select:text}.welcome-card label{display:block;color:#d9ead9;font-size:.82rem;font-weight:750}.welcome-card input{width:min(100%,340px);margin-top:3px;padding:5px 0;border:0;border-bottom:1px solid rgba(255,255,255,.5);outline:0;background:transparent;color:#fff;font-size:1.18rem;font-weight:850}.welcome-card input::placeholder{color:#d0e1d1}.welcome-card input:focus{border-color:var(--gold)}.welcome-card p{margin:9px 0 0;color:#d9ead9}.score-summary{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 16px;justify-self:end;min-width:min(100%,320px)}.score-number{grid-row:span 2;font-size:3.25rem;font-weight:900;line-height:1}.score-number small{font-size:1rem;color:#d9ead9}.score-copy{display:grid;gap:2px}.score-copy span{color:#d9ead9;font-size:.88rem}.progress-track{grid-column:1/-1;height:9px;margin-top:9px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.2)}.progress-track span{display:block;width:0;height:100%;border-radius:10px;background:var(--gold);transition:width .25s}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:20px}.tracker-card,.insights-card{border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.tracker-card{overflow:hidden}.tracker-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 22px 15px}.tracker-title h2,.insights-card h2{margin:0;font-size:1.18rem}.date-range{margin:0;color:var(--muted);font-size:.84rem;font-weight:700}.table-wrap{overflow:auto}.habit-table{width:100%;min-width:790px;border-collapse:collapse}.habit-table th,.habit-table td{padding:12px 9px;border-top:1px solid var(--line);text-align:center}.habit-table thead th{background:#edf3e7;color:#47604d;font-size:.77rem;text-transform:uppercase;letter-spacing:.05em}.habit-table th:first-child{width:50px}.habit-table th:nth-child(2),.habit-table td:nth-child(2){min-width:330px;text-align:left}.habit-number{display:grid;place-items:center;width:31px;height:31px;margin:auto;border-radius:10px;background:var(--forest);color:#fff;font-weight:900}.habit-name{font-weight:850}.habit-hint{margin-top:3px;color:var(--muted);font-size:.77rem;line-height:1.35}.check{appearance:none;display:inline-grid;place-content:center;width:30px;height:30px;margin:0;border:2px solid #bfcdbf;border-radius:9px;background:#fff;cursor:pointer}.check:checked{border-color:var(--forest2);background:var(--forest2)}.check:checked:after{content:"✓";color:#fff;font-size:20px;font-weight:950;line-height:1}.check:focus-visible,.day-button:focus-visible,.clear-button:focus-visible{outline:3px solid #e1bd4f;outline-offset:3px}.habit-table tfoot th{background:var(--forest);color:#fff;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.habit-table tfoot td{background:#ecdda4;color:var(--ink);font-weight:900}.day-nav{display:none}.insights-card{padding:20px}.insights-header{margin-bottom:15px}.pillar-list{display:grid;gap:10px}.pillar-card{padding:11px 12px;border:1px solid var(--line);border-radius:14px}.pillar-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.88rem;font-weight:800}.pillar-name{display:flex;align-items:center;gap:8px}.pillar-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--pillar-color)}.mini-track{height:6px;margin-top:9px;overflow:hidden;border-radius:10px;background:#e7eee7}.mini-track span{display:block;width:0;height:100%;border-radius:10px;background:var(--pillar-color);transition:width .25s}.encouragement{margin-top:16px;padding:14px;border:1px solid #eadca4;border-radius:15px;background:#fff8df;font-weight:750;line-height:1.45}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.saved-row span{color:var(--muted);font-size:.8rem}.clear-button{border:0;background:transparent;color:#95483f;font-size:.8rem;text-decoration:underline;cursor:pointer}footer{margin:22px 0 2px;text-align:center;color:var(--muted);font-size:.84rem}
@media(max-width:900px){.page-shell{padding:16px}.app-header{align-items:flex-start}.welcome-card{grid-template-columns:1fr}.score-summary{justify-self:start}.content-grid{grid-template-columns:1fr}.tracker-title{align-items:flex-start;flex-direction:column}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef5ea}.day-nav.bottom{border-bottom:0}.day-nav div{display:grid;gap:2px;text-align:center}.day-nav span{color:var(--muted);font-size:.76rem}.day-button{min-width:88px;min-height:44px;padding:9px 11px;border:1px solid #b8cdb8;border-radius:12px;background:#fff;color:var(--forest);font-weight:850;cursor:pointer}.day-button:disabled{opacity:.35;cursor:default}.habit-table{min-width:0;table-layout:fixed}.habit-table .day-column,.habit-table .daily-score,.habit-table .habit-score,.habit-table thead th:last-child,.habit-table tfoot td:last-child{display:none}.habit-table .day-column.active{display:table-cell}.habit-table th:first-child{width:48px}.habit-table th:nth-child(2),.habit-table td:nth-child(2){width:auto;min-width:0}.habit-table .day-column.active{width:82px}.habit-hint{display:none}.check{width:36px;height:36px}.desktop-only{display:none}}
@media(max-width:560px){.page-shell{padding:12px}.brand-mark{width:44px;height:44px;border-radius:14px}.eyebrow{font-size:.66rem}.brand h1{font-size:1.28rem}.app-header{display:grid;grid-template-columns:1fr}.week-picker input{width:100%}.welcome-card{padding:20px}.score-number{font-size:2.6rem}.tracker-title{padding:17px 16px 12px}.habit-table th,.habit-table td{padding:11px 6px}.habit-name{font-size:.92rem}.habit-table th:first-child{width:43px}.habit-number{width:28px;height:28px}.day-button{min-width:76px;padding-inline:8px;font-size:.86rem}.insights-card{padding:17px}.saved-row{align-items:flex-start;flex-direction:column}}