@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Arial Black,sans-serif;line-height:1.45;color:#000;background:#fffdf5;--neo-canvas: #fffdf5;--neo-ink: #000;--neo-red: #ff6b6b;--neo-yellow: #ffd93d;--neo-violet: #c4b5fd;--neo-white: #fff;--neo-green: #68e596;--neo-border: 4px solid var(--neo-ink);--neo-border-thin: 2px solid var(--neo-ink);--shadow-sm: 4px 4px 0 var(--neo-ink);--shadow-md: 8px 8px 0 var(--neo-ink);--shadow-lg: 12px 12px 0 var(--neo-ink)}*{box-sizing:border-box}html{background:var(--neo-canvas);scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--neo-canvas);background-image:linear-gradient(to right,rgb(0 0 0 / .07) 1px,transparent 1px),linear-gradient(to bottom,rgb(0 0 0 / .07) 1px,transparent 1px);background-size:32px 32px}::selection{color:#000;background:var(--neo-yellow)}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin-top:0;color:#000;font-weight:700;letter-spacing:-.055em;line-height:.95}h1{margin-bottom:.5rem;font-size:clamp(2.6rem,8vw,5.4rem);text-transform:uppercase}h2{font-size:clamp(1.65rem,4vw,2.7rem)}h3{font-size:1.15rem}button,input,select,textarea{font:inherit}button{color:#000}a{color:inherit}.page-center{min-height:100vh;display:grid;place-items:center;padding:1rem}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr}.app-header{position:sticky;top:0;z-index:20;border-bottom:var(--neo-border);background:var(--neo-canvas)}.app-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,1152px);min-height:76px;margin:0 auto;padding:.75rem 1rem}.app-logo{display:inline-flex;align-items:center;min-height:46px;padding:.35rem .8rem;border:var(--neo-border);background:var(--neo-yellow);box-shadow:var(--shadow-sm);color:#000;font-size:1.15rem;font-weight:700;letter-spacing:-.05em;text-decoration:none;text-transform:uppercase;transform:rotate(-2deg);transition:transform .1s linear,box-shadow .1s linear,background .1s linear}.app-logo:hover{background:var(--neo-violet)}.app-logo:active{transform:translate(4px,4px) rotate(-2deg);box-shadow:none}.app-header nav{display:flex;align-items:center;gap:.65rem}.recent-groups-menu,.group-user-menu{position:relative}.recent-groups-menu>summary,.group-user-menu>summary{display:flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .7rem;border:3px solid #000;background:var(--neo-red);box-shadow:3px 3px #000;color:#000;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.06em;list-style:none;text-transform:uppercase;transition:transform .1s linear,box-shadow .1s linear,background .1s linear}.recent-groups-menu>summary::-webkit-details-marker,.group-user-menu>summary::-webkit-details-marker{display:none}.recent-groups-menu>summary:hover,.group-user-menu>summary:hover{background:var(--neo-violet)}.recent-groups-menu[open]>summary,.group-user-menu[open]>summary{transform:translate(3px,3px);box-shadow:none}.recent-groups-menu[open]>summary>span:last-child,.group-user-menu[open]>summary>span:last-child{transform:rotate(180deg)}.group-user-menu>summary{background:var(--neo-yellow)}.group-user-summary-label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-user-dropdown{position:absolute;top:calc(100% + .65rem);right:0;width:min(320px,calc(100vw - 1.5rem));border:3px solid #000;background:#fff;box-shadow:var(--shadow-sm)}.group-user-options{display:grid}.group-user-options button,.group-user-add-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:.55rem .7rem;border:0;border-bottom:2px solid #000;background:#fff;font-size:.78rem;text-align:left}.group-user-options button:hover{background:var(--neo-violet)}.group-user-options button.active{background:var(--neo-yellow)}.group-user-add-toggle{background:var(--neo-violet);text-transform:uppercase}.group-user-add-toggle:hover{background:var(--neo-yellow)}.group-user-add-form{display:grid;gap:.55rem;padding:.75rem;background:var(--neo-violet)}.group-user-add-form label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.group-user-add-form input{min-height:44px}.group-user-add-form .error{margin:0}.group-user-add-form>div{display:flex;justify-content:flex-end;gap:.55rem}.group-user-add-form .btn-primary,.group-user-add-form .btn-ghost{min-height:40px;padding:.4rem .65rem}.recent-groups-dropdown{position:absolute;top:calc(100% + .65rem);right:0;display:grid;width:min(280px,calc(100vw - 1.5rem));border:3px solid #000;background:#fff;box-shadow:var(--shadow-sm)}.recent-groups-dropdown a{padding:.65rem .8rem;border-bottom:2px solid #000;font-size:.78rem;font-weight:700;text-decoration:none}.recent-groups-dropdown a:first-child{background:var(--neo-yellow);text-transform:uppercase}.recent-groups-dropdown a:hover{background:var(--neo-violet)}.recent-groups-dropdown p{margin:0;padding:.65rem .8rem;font-size:.78rem;font-weight:700}.app-marquee{width:100%;overflow:hidden;scrollbar-width:none;border-bottom:var(--neo-border);background:#000;color:#fff;white-space:nowrap}.app-marquee::-webkit-scrollbar{display:none}.app-marquee-track{display:flex;width:max-content}.app-marquee-group{display:flex;flex:none}.app-marquee span{flex:none;padding:.45rem .75rem .45rem 0;font-size:.78rem;font-weight:700;letter-spacing:.12em}.app-content{width:min(100%,1152px);margin:0 auto;padding:clamp(1.25rem,4vw,3rem) 1rem 5rem}.route-content>*{animation:route-content-in .18s ease-out both}@keyframes route-content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.route-loading{display:grid;place-content:center;justify-items:center;gap:.25rem;min-height:45vh;color:#000;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.route-loading-compact{min-height:18vh}.route-loading-dots{letter-spacing:.35em;animation:loading-dots .7s steps(2,end) infinite alternate}@keyframes loading-dots{0%{opacity:.25}to{opacity:1}}.stack{display:grid;gap:clamp(1.5rem,4vw,2.75rem)}.card{position:relative;min-width:0;padding:clamp(1.15rem,3vw,2rem);border:var(--neo-border);border-radius:0;background:var(--neo-white);box-shadow:var(--shadow-md)}.card h2{margin-bottom:.5rem}.page-hero{background-color:var(--neo-yellow);background-image:radial-gradient(#000 1.5px,transparent 1.5px);background-size:20px 20px}.group-hero-card{background:var(--neo-yellow)}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.auth-card{width:min(100%,440px);background:var(--neo-yellow)}.auth-card h1{font-size:clamp(2.8rem,10vw,4.5rem)}.form{display:grid;gap:.85rem;margin-top:1rem}.form label,.add-habit-form label{display:grid;gap:.35rem;color:#000;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}input,select,textarea{min-height:52px;width:100%;padding:.65rem .8rem;border:3px solid #000;border-radius:0;background:#fff;color:#000;caret-color:#000;font-size:1rem;font-weight:700;transition:box-shadow .1s linear,background .1s linear}textarea{resize:vertical}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}input::placeholder,textarea::placeholder{color:#000;opacity:.5}input::selection,textarea::selection{color:#fff;background:#000}input:focus,select:focus,textarea:focus{outline:none;background:var(--neo-yellow);box-shadow:var(--shadow-sm)}button{cursor:pointer;border-radius:0;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #000;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.btn-primary,.btn-ghost,.btn-danger{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.55rem 1rem;border:3px solid #000;border-radius:0;box-shadow:var(--shadow-sm);color:#000;font-size:.78rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .1s linear,box-shadow .1s linear,background .1s linear}.btn-primary{background:var(--neo-red)}.btn-ghost{background:#fff}.btn-danger{background:var(--neo-red)}.btn-primary:hover:not(:disabled){background:var(--neo-yellow)}.btn-ghost:hover:not(:disabled){background:var(--neo-violet)}.btn-danger:hover:not(:disabled){background:#fff}.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-danger:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.btn-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border:3px solid #000;border-radius:50%;background:var(--neo-violet);box-shadow:3px 3px #000}.btn-icon.danger{background:var(--neo-red)}.auth-tabs,.group-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.auth-tabs button,.group-tabs button{min-height:44px;padding:.5rem .85rem;border:3px solid #000;background:#fff;box-shadow:3px 3px #000;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;transition:transform .1s linear,box-shadow .1s linear,background .1s linear}.auth-tabs button:hover,.group-tabs button:hover{background:var(--neo-yellow)}.auth-tabs .active,.group-tabs button.active{background:var(--neo-violet)}.auth-tabs button:active,.group-tabs button:active{transform:translate(3px,3px);box-shadow:none}.error{margin:.8rem 0 0;padding:.65rem .8rem;border:3px solid #000;background:var(--neo-red);color:#000;font-weight:700}.muted{margin:0;color:#000;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-top:1.25rem}.metric-card{display:grid;gap:.75rem;min-width:0;padding:1rem;border:3px solid #000;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease-out,box-shadow .16s ease-out}.metric-card:hover{transform:translateY(-4px);box-shadow:8px 8px #000}.metric-card h3{margin:0}.group-card{align-content:start;min-height:180px}.recent-groups-grid{grid-template-columns:repeat(auto-fill,280px)}.group-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.group-leave-button{flex:none;min-height:32px;padding:.25rem .45rem;border:2px solid #000;background:#fff;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.group-leave-button:hover,.group-card.accent-1{background:var(--neo-red)}.group-card.accent-2{background:var(--neo-violet)}.group-card.accent-3{background:var(--neo-yellow)}.group-card .metric-row{align-self:end}.group-card .metric-row>a,.group-card .metric-row>button{flex:1 1 0}.group-action-card{background:var(--neo-violet)}.group-action-tabs{margin-top:1rem}.group-action-form{max-width:580px;margin-top:1.25rem;background:var(--neo-canvas)}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.empty-state{display:grid;justify-items:center;gap:.6rem;padding:2rem 1rem;text-align:center}.empty-state .empty-emoji{font-size:3rem;filter:saturate(1.3)}.compact-empty-state{padding:1.25rem .5rem .25rem}.group-hero-row{align-items:flex-start}.group-hero-card h1{max-width:760px}.group-hero-actions{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.group-invite-button{flex:none;background:var(--neo-red)}.group-edit-button{background:var(--neo-violet)}.group-edit-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-top:1.25rem;padding:1rem;border:3px solid #000;background:#fff;box-shadow:var(--shadow-sm)}.group-edit-form{margin:0}.group-edit-form h2{margin-bottom:0}.group-edit-actions{display:flex;justify-content:flex-end;gap:.65rem}.group-delete-zone{display:flex;align-items:flex-end;padding-left:1rem;border-left:3px solid #000}.group-delete-confirm{max-width:330px;padding:.75rem;border:3px solid #000;background:var(--neo-red)}.group-delete-confirm p{margin:0 0 .75rem}.group-delete-confirm>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.view-mode-tabs{padding-top:.35rem;border-top:3px solid #000}.view-mode-tabs button{min-width:110px}.habits-section{background:#eee9ff}.today-summary{display:flex;align-items:center;gap:1.1rem;margin:1rem 0 1.25rem;padding:1rem;border:3px solid #000;background:var(--neo-green);box-shadow:var(--shadow-sm)}.today-summary-ring{--pct: 0;display:grid;place-items:center;width:78px;height:78px;flex:none;border:3px solid #000;border-radius:50%;background:conic-gradient(#000 calc(var(--pct) * 1%),#fff calc(var(--pct) * 1%))}.today-summary-ring span{display:grid;place-items:center;width:58px;height:58px;border:2px solid #000;border-radius:50%;background:var(--neo-yellow);font-size:.85rem;font-weight:700}.today-summary h2,.today-summary h3{margin:0}.habits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.overview-habits-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.15rem;margin-top:1.35rem}.habit-card{display:grid;gap:.8rem;padding:1rem;border:var(--neo-border);background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease-out,box-shadow .16s ease-out}.habit-card:nth-child(3n+1){background:#fff}.habit-card:nth-child(3n+2){background:var(--neo-violet)}.habit-card:nth-child(3n){background:var(--neo-yellow)}.habit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.habit-card.done{background:var(--neo-green)}.habit-card.celebrate{animation:habit-pop .45s ease-out}@keyframes habit-pop{0%{transform:scale(1)}35%{transform:scale(1.05);box-shadow:12px 12px #000}to{transform:scale(1)}}.habit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.habit-title{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.habit-emoji{flex:none;margin-top:.08rem;font-size:1.2rem;line-height:1}.habit-title h3{margin:0;padding-bottom:.08em;overflow:visible;line-height:1.2;white-space:normal}.habit-actions{display:flex;gap:.35rem;flex:none}.habit-archive-trigger{min-height:38px;padding:.35rem .65rem;border:2px solid #000;background:#ffb4a8;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.habit-archive-trigger:hover{background:var(--neo-red)}.habit-tap-zone{display:grid;place-items:center;padding:.25rem 0}.binary-entry-control{display:grid;justify-items:center;gap:.45rem;margin-block:auto}.binary-entry-control>span{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.habit-check{display:grid;place-items:center;width:88px;height:88px;border:var(--neo-border);border-radius:50%;background:#ffe77a;box-shadow:3px 3px #000;color:#000;font-size:1rem;font-weight:700;text-transform:uppercase;transition:transform .1s linear,box-shadow .1s linear,background .1s linear}.habit-check:hover{background:#ffe77a}.habit-check:active{transform:translate(4px,4px);box-shadow:none}.habit-check.done{background:#45d87b;color:#000;font-size:2rem}.habit-tally{display:flex;width:100%;min-height:155px;flex-direction:column;align-items:stretch;gap:.55rem}.habit-tally-count{justify-self:center;text-align:center;padding:0;border:0;background:transparent;font-size:1.45rem;font-weight:700;line-height:1.1}.habit-tally-count.done{background:transparent;color:#000}.numeric-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:.55rem;align-items:stretch;width:100%;margin-top:auto}.numeric-stepper{display:grid;grid-template-columns:34px minmax(44px,1fr) 34px;min-width:0;border:3px solid #000;background:#ddd6fe;box-shadow:3px 3px #000}.numeric-stepper:focus-within{background:#c4b5fd;box-shadow:var(--shadow-sm)}.numeric-stepper input{min-width:0;height:44px;min-height:44px;padding-inline:.4rem;border:0;background:transparent;box-shadow:none;text-align:center;caret-color:transparent}.numeric-stepper input:focus{background:transparent;box-shadow:none;caret-color:#000}.numeric-stepper button{display:grid;place-items:center;min-width:0;min-height:44px;padding:0;border:0;background:transparent;font-size:1rem}.numeric-stepper button:first-child{border-right:2px solid #000}.numeric-stepper button:last-child{border-left:2px solid #000}.numeric-stepper button:hover{background:#ffe77a}.numeric-stepper button:active{background:var(--neo-violet)}.numeric-add-button{width:100%;min-width:0;height:50px;min-height:50px;padding-inline:.35rem;background:var(--neo-green);box-shadow:3px 3px #000}.reset-today{min-height:0;padding:0;border:0;background:transparent;color:#000;font-size:.72rem;text-decoration:underline;text-underline-offset:3px}.archive-confirm{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;border:3px solid #000;background:var(--neo-red);font-size:.8rem;font-weight:700}.archive-confirm>div{display:flex;gap:.5rem}.add-habit-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.add-habit-form .grow{flex:1 1 220px}.add-habit-form .times-field{flex:0 1 140px;width:140px}.add-habit-form>button,.habit-create-actions>button{min-width:120px;min-height:52px}.habit-create-form{display:grid;gap:1rem;max-width:620px;margin-top:1rem;padding:1.25rem;border:3px solid #000;background:var(--neo-yellow);box-shadow:var(--shadow-sm)}.habit-create-form label{display:grid;gap:.35rem;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.habit-create-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:1rem}.habit-type-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem}.habit-form-toggle-row{display:flex;justify-content:flex-start;margin-top:1.25rem}.habit-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-left:0}.habit-create-actions>button{width:100%}.catalog-grid{margin-top:1.25rem}.catalog-card{grid-template-rows:auto auto auto 1fr auto;align-content:stretch;min-height:290px}.catalog-card-title{display:flex;align-items:flex-start;gap:.55rem;min-width:0}.catalog-card-title h3{margin:0;line-height:1.2;overflow-wrap:anywhere}.catalog-card-title .habit-emoji{flex:none;margin-top:.1rem;font-size:1.05rem}.catalog-habit-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.76rem}.catalog-habit-meta .pill{padding:.18rem .55rem;background:var(--neo-yellow)}.catalog-description{margin:0;line-height:1.45;overflow-wrap:anywhere}.catalog-description.empty{color:#686868;font-style:italic}.catalog-add-button{width:100%;background:#fff}.catalog-add-panel,.goal-editor{display:grid;gap:.7rem;padding:.75rem;border:2px solid #000;background:#ffffffb8}.goal-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.7fr);gap:.5rem}.goal-progress-panel{display:flex;align-items:center;justify-content:center;gap:.85rem;padding-top:.2rem}.habit-tally .goal-progress-panel{display:grid;justify-items:center;align-self:center;gap:.35rem}.habit-tally .goal-progress-copy{justify-items:center;text-align:center;order:-1}.habit-tally .goal-progress-copy strong{font-size:1.35rem}.habit-tally .goal-progress-ring{width:68px;height:68px}.habit-tally .goal-progress-ring span{width:48px;height:48px;font-size:.72rem}.goal-progress-ring{--goal-pct: 0deg;display:grid;place-items:center;width:62px;height:62px;flex:none;border:3px solid #000;border-radius:50%;background:conic-gradient(#2fbd68 var(--goal-pct),#ffe77a var(--goal-pct))}.goal-progress-ring span{display:grid;place-items:center;width:44px;height:44px;border:2px solid #000;border-radius:50%;background:#ddd6fe;font-size:.72rem;font-weight:700}.goal-progress-copy{display:grid;gap:.15rem}.goal-progress-copy strong{font-size:1.15rem;white-space:nowrap}.goal-progress-copy span,.goal-cadence-label{font-size:.72rem;font-weight:700;text-transform:uppercase}.habit-secondary-actions{display:flex;justify-content:center;align-items:center;gap:1.1rem;min-height:28px}.goal-edit-trigger{min-height:0;padding:0;border:0;background:transparent;font-size:.72rem;text-decoration:underline;text-underline-offset:3px}.goal-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.overview-habit-card{min-height:0;gap:.6rem;padding:.9rem;background:#c4b5fd!important;box-shadow:5px 5px #000}.overview-habit-card.done{background:#8ee8ae!important}.overview-habit-card .habit-head{align-items:flex-start;padding-bottom:.55rem;border-bottom:2px solid #000}.overview-habit-card .habit-tap-zone{min-height:155px}.overview-habit-card .habit-tally-count{margin-top:.15rem}.overview-habit-card .habit-secondary-actions{margin-top:0;padding-top:.2rem;border-top:2px solid rgb(0 0 0 / .18)}.overview-habit-card .habit-secondary-actions{margin-top:auto}.overview-habit-card .goal-editor{gap:.85rem;padding:.9rem;background:var(--neo-canvas)}.catalog-added{margin:0;padding:.65rem;border:2px solid #000;background:var(--neo-green);font-weight:700}.catalog-card-actions{align-self:end;display:grid;gap:.5rem;margin-top:auto;padding-top:.5rem}.catalog-action-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.catalog-action-row button{width:100%}.catalog-added-button{background:var(--neo-green);opacity:1}.catalog-delete-button{width:100%}.habit-create-submit{background:var(--neo-green)}.catalog-edit-form{display:grid;grid-template-rows:auto auto auto auto 1fr auto;align-content:start;height:100%;margin:0}.catalog-edit-form .catalog-card-actions{align-self:end}.catalog-filter{display:grid;gap:.35rem;margin-top:1rem}.catalog-chip{display:flex;align-items:center;gap:.45rem;padding:.4rem .5rem .4rem .75rem;border:2px solid #000;border-radius:999px;background:#fff}.catalog-chip button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid #000;border-radius:50%;background:var(--neo-violet)}.pill{display:inline-block;padding:.15rem .55rem;border:2px solid #000;border-radius:999px;background:var(--neo-yellow);font-size:.7rem;font-weight:700}.history-table-wrap{margin-top:1rem;overflow-x:auto;border:3px solid #000;background:#fff;overscroll-behavior-inline:contain;scrollbar-color:#000 var(--neo-yellow)}.history-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.history-table th,.history-table td{padding:.35rem;border-right:1px solid #000;border-bottom:1px solid #000;color:#000;font-size:.72rem;font-weight:700;text-align:center}.history-table tr:last-child th,.history-table tr:last-child td{border-bottom:0}.history-row-label{position:sticky;left:0;z-index:2;padding-right:.8rem!important;border-right:3px solid #000!important;background:var(--neo-canvas);text-align:left!important;white-space:nowrap}.history-table thead .history-row-label{z-index:3;background:var(--neo-yellow)}.history-summary{margin-left:.5rem;font-size:.68rem}.history-table th.today-col,.history-table td.today-col{background:var(--neo-violet)}.history-cell{display:inline-grid;place-items:center;width:28px;height:28px;border:2px solid #000;background:#fff;color:#000;font-size:.7rem;font-weight:700}.history-cell.done{background:var(--neo-green)}.history-cell.partial{background:var(--neo-yellow)}.history-cell.untracked{border-style:dashed;background:var(--neo-canvas)}.group-calendar-wrap{margin-top:0}.calendar-person-row th,.calendar-person-row td{border-top:3px solid #000;background:var(--neo-yellow);font-size:.78rem}.calendar-person-row:first-child th,.calendar-person-row:first-child td{border-top:0}.calendar-person-row.selected th,.calendar-person-row.selected td{background:var(--neo-violet)}.calendar-habit-row.selected th{background:#eee9ff}.calendar-habit-indent{display:inline-block;margin-right:.35rem;font-size:1rem}.selected-user-pill{display:inline-block;margin-left:.4rem;padding:.08rem .35rem;border:2px solid #000;background:#fff;font-size:.58rem;letter-spacing:.04em;text-transform:uppercase}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-weight:700}.checkbox-row input{width:20px;height:20px;min-height:0;accent-color:#000}.leaderboard-list{display:grid;gap:.5rem}.leaderboard-list .metric-row:first-child{padding:.5rem;border:2px solid #000;background:var(--neo-yellow)}.everyone-section{background:var(--neo-violet)}@media(max-width:700px){.app-header-inner{min-height:66px;padding:.6rem .75rem}.app-logo{min-height:42px;padding:.3rem .65rem;font-size:1rem}.app-header nav{gap:.45rem}.recent-groups-menu>summary,.group-user-menu>summary{min-height:38px;padding-inline:.55rem}.recent-groups-menu>summary>span:last-child,.group-user-menu>summary>span:last-child{display:none}.group-user-summary-label{max-width:110px}.group-user-dropdown{position:fixed;top:62px;right:.75rem;left:.75rem;width:auto}.app-content{padding:1rem .75rem 3rem}.card{padding:1rem;box-shadow:6px 6px #000}.metrics-grid,.habits-grid{grid-template-columns:1fr}.metrics-grid.recent-groups-grid{grid-template-columns:minmax(0,280px)}.metric-card:hover,.habit-card:hover{transform:none;box-shadow:var(--shadow-sm)}.group-hero-row{align-items:stretch;flex-direction:column}.group-hero-actions{justify-content:flex-start}.group-invite-button{align-self:flex-start;transform:none}.group-edit-panel{grid-template-columns:1fr}.group-delete-zone{padding:1rem 0 0;border-top:3px solid #000;border-left:0}.group-delete-confirm{max-width:none}.view-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.view-mode-tabs button{min-width:0;padding-inline:.35rem}.history-table-wrap:before{content:"SWIPE FOR MORE →";display:block;position:sticky;left:0;width:max-content;padding:.35rem .5rem;border-right:2px solid #000;border-bottom:2px solid #000;background:var(--neo-yellow);font-size:.65rem;font-weight:700;letter-spacing:.08em;z-index:4}.history-row-label{max-width:150px;overflow:hidden;text-overflow:ellipsis}.history-table th:not(.history-row-label),.history-table td{min-width:36px}.habit-create-form{align-items:stretch}.habit-create-row{grid-template-columns:1fr}.habit-create-form label{width:100%}.habit-create-actions{margin-left:0}.goal-fields{grid-template-columns:1fr}.group-action-form{max-width:none}}@media(max-width:430px){.app-marquee span{font-size:.68rem}.section-heading-row{align-items:center}.metrics-grid.recent-groups-grid{grid-template-columns:minmax(0,1fr)}.metric-row{align-items:stretch;flex-direction:column}.group-card .metric-row{flex-direction:column}.group-card .btn-primary,.group-card .btn-ghost{width:100%}.today-summary{align-items:center}.today-summary-ring{width:68px;height:68px}.today-summary-ring span{width:50px;height:50px}.archive-confirm{align-items:stretch;flex-direction:column}.archive-confirm>div{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
