:root{--ink:#e8edf5;--muted-ink:#7a8899;--surface:#161c28e6;--surface-soft:#1e2636d9;--outline:#ffffff14;--outline-strong:#ffffff2e;--accent:#2563eb;--accent-green:#22c55e;--danger-ink:#f87171;--danger-outline:#f8717159;--danger-soft:#f871711f;--depth:0 10px 32px #0006}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(900px 600px at 10% -10%,#2563eb2e 0%,#0000 55%),radial-gradient(700px 500px at 95% 5%,#22c55e1a 0%,#0000 50%),linear-gradient(#0d1117,#0f1621);margin:0;padding:.2rem 1rem 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-shell{gap:1rem;width:min(860px,100%);margin:2.5rem auto;display:grid}.page-nav{grid-template-columns:42px repeat(3,minmax(0,1fr)) 42px;gap:.6rem;display:grid}.auth-card{padding:.9rem 1.1rem}.auth-row{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.auth-title{color:var(--ink);margin:0;font-weight:600}.auth-error{color:var(--danger-ink);margin:.35rem 0 0;font-size:.84rem}.tab-button{color:#fff;background:#1e3a6e;border-color:#2a4a8a;height:42px}.tab-button.active{color:#fff;background:#2563eb;border-color:#3b82f6}.reset-button{border-color:var(--danger-outline);color:var(--danger-ink);background:var(--danger-soft)}.gear-button,.profile-button{justify-content:center;align-items:center;width:42px;padding:0;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stats-grid article{background:var(--surface-soft);border:1px solid var(--outline);border-radius:14px;padding:1rem}.stats-grid p{color:var(--muted-ink);margin:0}.stats-grid strong{color:var(--ink);margin-top:.45rem;font-size:1.8rem;display:block}.card{border:1px solid var(--outline);background:var(--surface);box-shadow:var(--depth);border-radius:18px;padding:1.2rem}.card h2{color:var(--ink);margin:0 0 .9rem;font-size:1.15rem}.month-header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.month-header-row h2{margin:0}.month-nav-button{min-width:60px;height:28px}.month-summary-layout{grid-template-columns:1fr 210px;gap:.75rem;display:grid}.store-summary-layout{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.store-balance-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.5rem .8rem;display:flex}.store-balance-card .earned-value{margin:0;font-size:clamp(1.2rem,2vw,1.65rem)}.store-balance-card--spent .earned-value{color:var(--muted-ink)}.store-balance-card--active{outline:2px solid var(--accent-green);outline-offset:-2px}.store-balance-card--spent.store-balance-card--active{outline-color:#3b82f6}.store-list-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.store-list-header h2{margin:0}.sort-select{border:1px solid var(--outline-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:.25rem .5rem;font-size:.82rem}.store-balance-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-ink);margin:0;font-size:.78rem}.month-header-card{padding:.55rem .8rem}.month-header-card h2{margin:0;font-size:1rem}.month-earned-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.35rem .6rem;display:flex}.month-earned-card .earned-value{margin:0;font-size:clamp(1.2rem,2vw,1.65rem)}.today-layout{grid-template-columns:200px 1fr;align-items:stretch;gap:1rem;display:grid}.earned-card{text-align:center;aspect-ratio:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;height:100%;padding:.7rem 1rem 1.8rem;display:flex}.earned-date-nav{align-items:center;gap:.75rem;display:flex}.earned-date-stack{text-align:center;flex-direction:column;align-items:center;min-width:96px;display:flex}.day-nav-button{border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.72rem;display:inline-flex}.progress-ring{width:132px;height:132px;margin-top:1.4rem;margin-bottom:.85rem;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-track,.progress-ring-fill{fill:none;stroke-width:9px}.progress-ring-track{stroke:#1e3a6e}.progress-ring-fill{stroke:var(--accent-green);stroke-linecap:round;transition:stroke-dashoffset .18s ease-out}.progress-ring span{color:#fff;place-items:center;font-size:.95rem;font-weight:700;display:grid;position:absolute;inset:0}.today-habits-card{min-width:0}.today-metrics-grid{border-top:1px solid var(--outline);grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:.9rem;width:100%;max-width:560px;margin-top:1.1rem;margin-left:auto;margin-right:auto;padding-top:.75rem;display:grid}.today-metric-item{flex-direction:column;gap:.45rem;width:100%;display:flex}@media (width<=620px){.today-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.today-metric-label{color:var(--muted-ink);margin-bottom:.1rem;font-size:.86rem}.today-metric-item .metric-input{box-sizing:border-box;width:100%}.today-habits-card .habit-list{gap:1rem}.today-habits-card .habit-list li{border-radius:15px;padding:1.25rem 1.35rem}.today-habits-card .habit-list label{gap:.9rem;font-size:1.4rem}.today-habits-card .row-actions span{font-size:1.25rem}.today-habits-card input[type=checkbox]{width:1.45rem;height:1.45rem}.today-habits-card input[type=checkbox]:before{border-bottom-width:2px;border-right-width:2px;width:.45rem;height:.75rem}.earned-label{color:var(--ink);letter-spacing:.02em;margin:1.2rem 0 1rem;font-size:1.15rem;font-weight:600}.earned-weekday{letter-spacing:.08em;white-space:nowrap;margin:0;font-size:.9rem}.earned-date-text{white-space:nowrap;margin:.15rem 0 0}.earned-value{color:var(--accent-green);margin:.45rem 0 .95rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1}.perfect-day-hit{color:#fbbf24;letter-spacing:.03em;text-transform:uppercase;margin:-.45rem 0 .6rem;font-size:.86rem;font-weight:600}.habit-form{grid-template-columns:1fr 140px auto;align-items:end;gap:.8rem;display:grid}.habit-form label{color:var(--muted-ink);gap:.35rem;font-size:.88rem;display:grid}.habit-form label input{box-sizing:border-box;width:100%}input[type=text],input[type=number]{border:1px solid var(--outline-strong);background:var(--surface-soft);height:40px;color:var(--ink);font:inherit;border-radius:10px;padding:0 .7rem}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px}.primary-button{background:var(--accent);color:#fff;height:40px;padding:0 1rem}.ghost-button{border-color:var(--outline-strong);height:40px;color:var(--ink);background:0 0;padding:0 1rem}input[type=checkbox]{appearance:none;cursor:default;background:0 0;border:1.5px solid #2563eb;border-radius:4px;place-content:center;width:1rem;height:1rem;margin:0;display:inline-grid}input[type=checkbox]:before{content:"";border-right:2px solid var(--accent-green);border-bottom:2px solid var(--accent-green);transform-origin:50%;width:.35rem;height:.6rem;transition:transform .12s ease-in-out;transform:rotate(45deg)scale(0)}input[type=checkbox]:checked:before{transform:rotate(45deg)scale(1)}input[type=checkbox]:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}input[type=checkbox]:disabled{opacity:.7}.weekly-table input[type=checkbox],.monthly-table input[type=checkbox]{width:1rem;height:1rem}.habit-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.habit-list li{border:1px solid var(--outline);background:var(--surface-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;display:flex}.wishlist-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wishlist-item-cost{color:var(--ink);white-space:nowrap;text-align:right;min-width:4rem;font-size:1.15rem;font-weight:600}.wishlist-item--editing{flex-direction:column;align-items:stretch}.wishlist-edit-form{flex-wrap:wrap;align-items:center;gap:.6rem;width:100%;display:flex}.wishlist-edit-form input[type=text]{flex:1;min-width:8rem}.wishlist-edit-form input[type=number]{width:7rem}.wishlist-item-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:42px;height:42px}.wishlist-edit-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.wishlist-edit-image-row{flex-wrap:wrap;align-items:center;gap:.6rem;width:100%;display:flex}.image-upload-label{cursor:pointer}.image-url-input{flex:1;min-width:10rem}.habit-list li.done span{color:var(--muted-ink);text-decoration:line-through}.habit-list label{align-items:center;gap:.55rem;display:flex}.row-actions{align-items:center;gap:.75rem;display:flex}.reorder-buttons{flex-direction:column;gap:.1rem;display:flex}.reorder-button{min-width:22px;height:18px;padding:0 .25rem;font-size:.65rem;line-height:1}.reorder-button:disabled{opacity:.2}.drag-handle{color:var(--muted-ink);cursor:grab;-webkit-user-select:none;user-select:none;padding:0 .1rem;font-size:1.1rem;line-height:1}.draggable-item{cursor:default}.draggable-item:active{opacity:.5}.meta-text{color:var(--muted-ink);margin:.2rem 0 0;font-size:.84rem}.perfect-day-note{margin-top:.55rem;margin-left:.5rem}.perfect-day-label{margin-top:.7rem;display:block}.row-actions span{color:var(--muted-ink);font-size:.9rem}.danger-button{border-color:var(--danger-outline);color:var(--danger-ink);background:var(--danger-soft);justify-content:center;align-items:center;padding:.35rem .55rem;display:flex}.buy-button{border-color:var(--outline-strong);height:40px;color:var(--muted-ink);background:0 0;padding:0 1rem}.buy-button--affordable{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.habit-list li.purchased{opacity:.72}.settings-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.settings-list li{grid-template-columns:1fr 120px auto;gap:.6rem;display:grid}.weekly-wrap{overflow-x:auto}.week-today-cell{color:#93c5fd;font-weight:600;background:#2563eb26!important}.empty-state{color:var(--muted-ink);margin:0}.monthly-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:520px}.monthly-table th,.monthly-table td{border:1px solid var(--outline);text-align:center;background:var(--surface-soft);padding:.45rem .3rem;font-size:.82rem}.monthly-table th:first-child,.monthly-table td:first-child{text-align:left;background:var(--surface);z-index:1;width:124px;min-width:124px;position:sticky;left:0}.monthly-table td:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.monthly-table th:not(:first-child),.monthly-table td:not(:first-child){width:calc(12.5% - 15.5px)}.monthly-table .month-habit-header{background:0 0;border:none;padding:0}.monthly-table .week-header-row td{background:var(--surface-soft);color:var(--muted-ink);letter-spacing:.06em;text-transform:uppercase;padding:.5rem .6rem;font-size:.78rem;font-weight:600}.monthly-table .week-dates-row td{color:#93c5fd;background:#1e3a6e;padding:.2rem .3rem;font-size:.82rem;font-weight:500}.monthly-table .week-dates-row .month-spacer-cell{background:0 0;border:none}.date-cell{white-space:nowrap}.out-of-month-cell{opacity:.4;background:var(--surface-soft)!important}@media (width<=760px){.app-shell{margin:1rem auto}.top-panel{flex-direction:column;align-items:stretch}.page-nav{grid-template-columns:1fr}.auth-row{flex-direction:column;align-items:stretch}.month-summary-layout,.habit-form,.today-layout{grid-template-columns:1fr}.earned-card{aspect-ratio:auto;padding:1.2rem}.settings-list li{grid-template-columns:1fr}}.metric-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.metric-item{border:1px solid var(--outline);background:var(--surface-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .9rem;display:flex}.metric-name{color:var(--ink);font-size:1rem}.metric-input-row{align-items:center;gap:.45rem;display:flex}.metric-input{text-align:right;width:90px;height:32px}.metric-unit{color:var(--muted-ink);min-width:2ch;font-size:.88rem}.metric-table-row td{color:var(--ink);background:#22c55e0d;font-size:.82rem}.metric-table-name{font-style:italic;color:var(--muted-ink)!important}.metric-table-cell{text-align:center;color:var(--accent-green);font-weight:500}.metric-empty{color:var(--muted-ink);opacity:.5}.metric-divider-row td{border-left:none!important;border-right:none!important;border-top:1px solid var(--outline-strong)!important;background:0 0!important;border-bottom:none!important;padding:2px 0!important}.image-picker-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-picker-modal{background:var(--surface);border:1px solid var(--outline);border-radius:16px;flex-direction:column;gap:.75rem;width:min(90vw,340px);padding:1.5rem;display:flex}.image-picker-title{color:var(--ink);font-size:1.05rem;font-weight:600}.image-picker-url-row{align-items:center;gap:.5rem;display:flex}.image-picker-url-row .image-url-input{flex:1;min-width:0}.wishlist-image-button-row{align-items:center;gap:.6rem;display:flex}.add-item-submit{flex-shrink:0;width:2.2rem;height:2.2rem;margin-left:auto;padding:0;font-size:1.3rem;line-height:1}