@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";:root{--primary: #ff5c26;--background: #e8e7e1;--surface: #efeee9;--surface-strong: #f7f6f2;--dark: #1a2e35;--accent-purple: #5433a1;--accent-tan: #e7b18a;--text-main: #121212;--ease: cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box}body{margin:0;font-family:Instrument Sans,sans-serif;line-height:1.5;background:var(--background);color:var(--text-main)}h1,h2,h3{margin:0;letter-spacing:-.02em;font-weight:700}p{margin:0}.app-shell{min-height:100vh;padding:2rem;max-width:1300px;margin:0 auto;animation:fade-in .3s var(--ease) both}.top-bar{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:1.25rem;animation:slide-down .28s var(--ease) both}.top-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.btn.mobile-menu-toggle,.mobile-menu-overlay,.mobile-menu-drawer{display:none}.page-switch{display:inline-flex;gap:.45rem;margin-bottom:1rem}.desktop-page-switch{display:block}.page-switch-btn{background:#dddad2;padding:.55rem .9rem;font-size:.84rem}.page-switch-btn.active{background:var(--dark);color:#fff}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600;opacity:.7}.text-highlight{background:var(--primary);color:var(--text-main);padding:0 .25rem}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.15rem}.bento-grid>.card:nth-child(1){animation-delay:40ms}.bento-grid>.card:nth-child(2){animation-delay:80ms}.bento-grid>.card:nth-child(3){animation-delay:.12s}.bento-grid>.card:nth-child(4){animation-delay:.16s}.card{background:var(--surface);border-radius:32px;padding:2rem;border:1px solid rgba(18,18,18,.06);box-shadow:none;animation:fade-up .32s var(--ease) both}.card-dark{background:var(--dark);color:#fff}.hero-card,.date-slider-card{grid-column:span 12}.daily-card{grid-column:span 8}.larger-goals-card{grid-column:span 4}.muted{color:#121212a6}.card-dark .muted{color:#ffffffbf}.btn{border:none;border-radius:999px;padding:.75rem 2rem;font-family:inherit;font-weight:600;cursor:pointer;font-size:.92rem;transition:opacity .14s var(--ease),transform .14s var(--ease),background .14s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{opacity:1;transform:translateY(0)}.btn-primary{background:var(--primary);color:var(--text-main)}.btn-secondary{background:var(--dark);color:#fff}.btn-ghost{background:#dcdad2;color:var(--text-main)}.btn-danger{background:#f2cfcb;color:#7a1f14}.btn.mini{padding:.45rem .9rem}.btn:focus-visible,.date-pill:focus-visible,.checkbox:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.card-head h3{display:inline-flex;align-items:center;gap:.4rem}.inline-actions{display:flex;gap:.45rem;flex-wrap:wrap}.date-slider{margin-top:1rem;display:grid;grid-template-columns:repeat(11,minmax(58px,1fr));gap:.7rem;overflow-x:auto;padding-bottom:.4rem}.date-pill{min-width:58px;border:none;border-radius:14px;background:transparent;color:var(--text-main);text-align:center;padding:.3rem;display:grid;justify-items:center;gap:.35rem;cursor:pointer;transition:background .18s var(--ease),transform .18s var(--ease),filter .18s var(--ease);--ring-color: #d3d1c9;--date-progress: 0%}.date-pill:hover{background:#1a2e350f;transform:translateY(-1px);filter:saturate(1.05)}.date-pill.selected{background:#ff5c2629;transform:translateY(-1px)}.date-pill-ring{width:42px;height:42px;border-radius:999px;background:conic-gradient(var(--ring-color) var(--date-progress),#d8d7cf 0);display:grid;place-items:center;position:relative;transition:background .22s var(--ease),transform .18s var(--ease)}.date-pill-ring:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;background:var(--surface-strong)}.date-pill.selected .date-pill-ring{box-shadow:0 0 0 2px #ff5c2673;transform:scale(1.04)}.date-pill.is-complete{--ring-color: #1f8f5f}.date-pill.is-high{--ring-color: #2f6fd6}.date-pill.is-medium{--ring-color: #cc4b7b}.date-pill.is-low{--ring-color: #d39d2a}.date-pill.is-none{--ring-color: #d3d1c9}.date-pill-weekday{font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;opacity:.72}.date-pill-day{font-weight:700;font-size:1rem;line-height:1;position:relative;z-index:1;transition:color .16s var(--ease),transform .16s var(--ease)}.date-pill:hover .date-pill-day,.date-pill.selected .date-pill-day{transform:translateY(-.5px)}.date-pill-foot{font-size:.75rem;opacity:.8}.date-pill-foot.today{color:var(--accent-purple);font-weight:700}.date-pill-ring.today .date-pill-day{color:var(--accent-purple)}.daily-goal-list,.larger-goal-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.75rem}.daily-goal-list>li:nth-child(1),.larger-goal-list>li:nth-child(1){animation-delay:60ms}.daily-goal-list>li:nth-child(2),.larger-goal-list>li:nth-child(2){animation-delay:.1s}.daily-goal-list>li:nth-child(3),.larger-goal-list>li:nth-child(3){animation-delay:.14s}.daily-goal-list>li:nth-child(4),.larger-goal-list>li:nth-child(4){animation-delay:.18s}.daily-goal-list>li:nth-child(5),.larger-goal-list>li:nth-child(5){animation-delay:.22s}.daily-goal-item,.larger-goal-item{background:var(--surface-strong);border-radius:18px;padding:.85rem .95rem;border:1px solid rgba(18,18,18,.05);display:flex;gap:.75rem;align-items:center;animation:fade-up .26s var(--ease) both;transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.daily-goal-item:hover,.larger-goal-item:hover{background:#f2f1ec;border-color:#1212121f;transform:translateY(-1px)}.checkbox{width:24px;height:24px;border-radius:8px;border:1.5px solid rgba(26,46,53,.45);background:transparent;color:transparent;padding:0;font-size:.8rem;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0;display:grid;place-items:center;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.checkbox svg{display:block}.checkbox:hover{border-color:#1a2e35bf}.checkbox.checked{background:var(--dark);border-color:var(--dark);color:#fff}.goal-title{font-weight:700;font-size:1.03rem}.goal-content{flex:1}.linked-goal{display:inline-flex;align-items:center;gap:.3rem}.goal-actions{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.daily-goal-item .btn.mini,.larger-goal-item .btn.mini{padding:.4rem .78rem;font-size:.82rem;background:#e5e3db}.larger-goal-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.larger-goal-main{flex:1;width:100%;display:grid;gap:.55rem}.larger-goal-meta{display:flex;align-items:center;justify-content:space-between;gap:.55rem;flex-wrap:wrap}.larger-goal-meta .goal-actions{margin-left:auto}.overview-card{grid-column:span 12}.page-panel{display:grid}.overview-month-head{gap:1rem}.overview-month-nav{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.overview-month-label{font-weight:700;min-width:130px;text-align:center}.overview-table-wrap{margin-top:1rem;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(18,18,18,.08);border-radius:16px;background:var(--surface-strong);animation:fade-in .22s var(--ease) both}.overview-table{width:100%;border-collapse:collapse;min-width:780px;font-size:.89rem;table-layout:fixed}.overview-table th,.overview-table td{padding:.72rem .8rem;border-bottom:1px solid rgba(18,18,18,.08);white-space:nowrap;text-align:left}.overview-table th{position:sticky;top:0;z-index:1;background:#ecebe5;font-size:.77rem;text-transform:uppercase;letter-spacing:.05em}.overview-table th:first-child,.overview-table td:first-child{width:120px}.overview-table th:not(:first-child),.overview-table td:not(:first-child){text-align:left}.overview-table tbody tr:last-child td{border-bottom:none}.overview-table tbody tr{animation:fade-up .28s var(--ease) both;animation-delay:calc(var(--row-index, 0) * 14ms);transition:background .16s var(--ease)}.overview-table tbody tr:hover td{background:#1a2e350a}.overview-row-today td{background:#ff5c260f}.overview-count-cell{font-weight:700}.overview-goal-cell{text-align:center;vertical-align:middle}.overview-goal-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;border-radius:999px;padding:.2rem .55rem;font-size:.69rem;font-weight:700;letter-spacing:.02em;margin:0 auto;transition:transform .16s var(--ease),filter .16s var(--ease),background .16s var(--ease)}.overview-table tbody tr:hover .overview-goal-pill{transform:translateY(-1px);filter:saturate(1.08)}.overview-goal-pill.is-done{background:#1f8f5f33;color:#176844}.overview-goal-pill.is-pending{background:#1a2e3514;color:#1a2e35b3}.overview-goal-pill.is-missed{background:#ff5c2626;color:#8f3215}.overview-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.16rem .55rem;font-size:.72rem;font-weight:700}.overview-status-chip.is-complete{background:#1a2e351f;color:var(--dark)}.overview-status-chip.is-incomplete{background:#ff5c2629;color:#8f3215}.pill{border-radius:999px;padding:.2rem .65rem;background:var(--accent-tan);font-size:.75rem;font-weight:600;white-space:nowrap}.progress-rail{margin-top:.8rem;background:#ffffff29;border-radius:999px;height:10px;overflow:hidden}.progress-rail.small{margin-top:.3rem;background:#1a2e3524}.progress-fill{height:100%;background:var(--primary);transition:width .6s var(--ease)}.progress-fill.purple{background:var(--accent-purple)}.progress-label{margin-top:.5rem;font-weight:600}.stack-form{margin-top:1rem;display:grid;gap:.85rem}.modal-message{margin:0;line-height:1.45}.inline-checkbox{display:flex;align-items:center;gap:.5rem;width:fit-content;padding:0;background:transparent;font-size:.94rem;font-weight:600}.inline-checkbox-input{position:absolute;opacity:0;pointer-events:none}.inline-checkbox-control{width:18px;height:18px;border-radius:6px;border:1.5px solid rgba(26,46,53,.45);background:transparent;color:transparent;display:grid;place-items:center;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.inline-checkbox-control svg{display:block}.inline-checkbox-input:checked+.inline-checkbox-control{background:var(--dark);border-color:var(--dark);color:#fff}.inline-checkbox-input:focus-visible+.inline-checkbox-control{outline:2px solid var(--primary);outline-offset:2px}label{display:grid;gap:.3rem;font-size:.92rem;font-weight:600}input:not([type=checkbox]),select{width:100%;border:none;border-radius:14px;padding:.7rem .8rem;font:inherit;transition:outline .12s var(--ease)}input:not([type=checkbox]):focus,select:focus{outline:2px solid var(--primary)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 12% 18%,rgba(255,92,38,.08),transparent 38%),radial-gradient(circle at 88% 82%,rgba(84,51,161,.08),transparent 40%),var(--background)}.auth-card{max-width:600px;width:100%;background:color-mix(in srgb,var(--background) 88%,#fff 12%);display:grid;gap:1.2rem;border:1px solid rgba(18,18,18,.08);box-shadow:0 16px 45px #12121214;animation:fade-up .34s var(--ease) both}.auth-header{display:grid;gap:.9rem}.auth-title{max-width:13ch;line-height:1.05}.auth-subtitle{font-size:1.05rem;line-height:1.45;color:#121212b8;max-width:52ch}.auth-form{display:grid;gap:1rem}.auth-name-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.auth-input-label{display:grid;gap:.45rem;font-size:.9rem;letter-spacing:.01em}.auth-input{border:1px solid rgba(18,18,18,.08)!important;background:#f7f7f4;padding:.88rem 1rem!important;border-radius:18px!important}.auth-input:focus{border-color:#ff5c2673!important;box-shadow:0 0 0 4px #ff5c261f}.auth-input::placeholder{color:#1212126b;font-weight:500}.auth-submit{margin-top:.35rem;width:100%;padding-block:.82rem;font-size:1rem}.auth-switch-row{display:flex;align-items:baseline;justify-content:center;gap:.35rem;flex-wrap:nowrap;margin-top:.2rem;padding:0;border:0;background:transparent}.auth-switch-label{color:#121212b8;font-weight:500;font-size:.88rem;letter-spacing:.01em}.auth-mode{width:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--dark);font-size:.9rem;font-weight:650;text-decoration:underline;text-underline-offset:.14em;box-shadow:none}.auth-mode:hover{background:transparent;opacity:1}.auth-mode:focus-visible{outline:2px solid rgba(255,92,38,.45);outline-offset:2px}.message{background:#5433a124;border:1px solid rgba(84,51,161,.2);color:#45298a;border-radius:14px;padding:.72rem .85rem;font-weight:600;animation:fade-in .2s var(--ease) both}.error-banner{margin-bottom:1rem;border-radius:14px;background:#ff5c2633;padding:.75rem 1rem;font-weight:600;animation:fade-in .2s var(--ease) both}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2e3557;display:grid;place-items:center;padding:1.5rem;z-index:30;animation:fade-in .18s var(--ease) both}.modal-card{width:min(620px,100%);max-height:85vh;overflow-y:auto;background:var(--background);border-radius:32px;padding:2rem;animation:slide-up .22s var(--ease) both}.centered{min-height:100vh;display:grid;place-items:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes check-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@media (max-width: 1100px){.top-bar{flex-direction:column-reverse;gap:.5rem}.top-actions{justify-content:flex-start}.date-slider{grid-template-columns:repeat(11,minmax(58px,1fr))}.daily-card,.larger-goals-card{grid-column:span 12}}@media (max-width: 992px){.desktop-actions,.desktop-page-switch{display:none}.btn.mobile-menu-toggle{display:inline-flex;width:fit-content;margin-left:auto;padding:.62rem 1rem;font-size:.82rem}.mobile-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;background:#0a141973;opacity:0;pointer-events:none;transition:opacity .22s var(--ease)}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-drawer{display:flex;position:fixed;top:0;right:0;z-index:25;width:min(88vw,360px);height:100vh;background:var(--surface);border-left:1px solid rgba(18,18,18,.12);box-shadow:-20px 0 45px #1a2e3529;transform:translate(100%);transition:transform .26s var(--ease);padding:1rem;flex-direction:column;gap:.9rem}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.mobile-menu-group{display:grid;gap:.55rem}.mobile-menu-actions{margin-top:auto;padding-top:.65rem;display:grid;grid-template-columns:1.12fr 1.12fr .96fr;gap:.55rem}.mobile-menu-actions .mobile-menu-btn{justify-content:center;gap:.38rem;min-height:56px;padding:.95rem .7rem;font-size:.88rem;line-height:1;white-space:nowrap;text-align:center}.mobile-menu-actions .mobile-menu-btn svg{flex-shrink:0}.mobile-menu-btn{width:100%;justify-content:flex-start;padding:.75rem 1rem}.mobile-page-switch .page-switch-btn{background:#dddad2}.mobile-page-switch .page-switch-btn.active{background:var(--dark);color:#fff}.auth-name-row{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.app-shell{padding:1rem}h1{font-size:clamp(1.9rem,8vw,2.6rem);line-height:1.1}.card{border-radius:24px;padding:1.25rem}.card-head{flex-direction:column;align-items:stretch}.inline-actions{width:100%}.date-slider-card .inline-actions{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:.45rem;align-items:center}.date-slider-card .date-nav-btn{width:100%;min-width:0;font-size:.8rem;line-height:1.1}.date-slider-card .nav-prev,.date-slider-card .nav-next{padding:.6rem 0}.date-slider-card .nav-prev .date-nav-label,.date-slider-card .nav-next .date-nav-label{display:none}.date-slider-card .nav-today{padding:.58rem .7rem}.date-slider-card .nav-today svg{display:none}.date-slider{--mobile-pill-size: 56px;display:flex;grid-template-columns:none;gap:.5rem;overflow-x:auto;padding-inline:calc((100% - var(--mobile-pill-size)) / 2);padding-bottom:.55rem;scroll-padding-inline:calc((100% - var(--mobile-pill-size)) / 2);scroll-snap-type:x proximity}.date-pill{flex:0 0 var(--mobile-pill-size);min-width:var(--mobile-pill-size);scroll-snap-align:center;padding:.25rem}.date-pill-ring{width:38px;height:38px}.date-pill-day{font-size:.9rem}.daily-goal-item,.larger-goal-item{border-radius:16px;padding:.8rem}.daily-goal-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"checkbox content" "actions actions";align-items:center;column-gap:.7rem;row-gap:.75rem;padding:.95rem}.daily-goal-item .checkbox{grid-area:checkbox;align-self:center}.daily-goal-item .goal-content{grid-area:content;min-width:0;padding:.1rem 0;align-self:center}.daily-goal-item .goal-actions{grid-area:actions;width:100%;justify-content:flex-start;margin-left:0;margin-top:.1rem;gap:.6rem}.daily-goal-item .goal-actions .btn.mini{padding:.48rem .9rem}.goal-title{font-size:.98rem}.daily-goal-item .btn.mini,.larger-goal-item .btn.mini,.goal-actions{margin-left:0}.larger-goal-meta{align-items:flex-start}.overview-table{min-width:760px;font-size:.85rem}.overview-month-nav{width:100%}.overview-month-label{flex:1}.modal-backdrop{padding:.9rem}.modal-card{border-radius:24px;padding:1.25rem}.auth-shell{padding:1rem}.auth-card{padding:1.35rem;border-radius:24px}.auth-title{max-width:100%;font-size:clamp(2rem,8vw,2.6rem)}.auth-subtitle{font-size:.98rem}.auth-switch-row{align-items:baseline;flex-wrap:wrap}}@media (max-width: 480px){.app-shell{padding:.8rem}.kicker{font-size:.68rem}.top-actions .btn,.inline-actions .btn{width:100%;flex-basis:100%}.mobile-menu-drawer{width:100%;max-width:100%;border-left:none}.date-slider-card .inline-actions{grid-template-columns:40px minmax(0,1fr) 40px;gap:.4rem}.date-slider-card .nav-today{font-size:.76rem;padding:.52rem .6rem}.larger-goal-meta{flex-direction:column;align-items:flex-start}.larger-goal-meta .goal-actions{margin-left:0}.goal-actions{width:100%;justify-content:flex-start}.daily-goal-item .goal-actions .btn.mini,.larger-goal-item .goal-actions .btn.mini{width:auto;flex-basis:auto}.date-pill{--mobile-pill-size: 54px}.date-pill-weekday{font-size:.64rem}}