:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171a1f;--muted:#65717f;--line:#dce2ea;--page:#f5f7f4;--surface:#fff;--surface-strong:#111827;--mint:#77bfa3;--coral:#e86f51;--blue:#4864a8;--saffron:#e9b44c;--lavender:#a89cc8;--shadow:0 18px 60px #1c24301f;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(90deg, #77bfa31c 1px, transparent 1px), linear-gradient(#4864a814 1px, transparent 1px), var(--page);background-size:42px 42px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.68}a{color:inherit;text-decoration:none}.center-screen,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.pulse-mark{background:var(--coral);border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 12px #e86f5126}.login-page{background:radial-gradient(circle at 20% 20%, #e9b44c2e, transparent 32%), radial-gradient(circle at 78% 72%, #4864a829, transparent 35%), var(--page)}.login-panel{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,480px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;gap:28px;padding:28px;display:grid}.brand-lockup{align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{border-radius:var(--radius);color:#fff;background:var(--surface-strong);place-items:center;width:40px;height:40px;display:inline-grid}.login-copy{gap:10px;display:grid}.eyebrow{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:850}h1,h2,h3,p{margin-block:0}h1{max-width:8ch;font-size:clamp(2.15rem,9vw,4.6rem);line-height:.94}.login-copy p:last-child,.daily-strip p:last-child{color:var(--muted);line-height:1.55}.login-form{gap:14px;display:grid}.login-form label{color:var(--muted);gap:7px;font-size:.86rem;font-weight:700;display:grid}.login-form input{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--ink);background:#fff;padding:0 12px}.login-form input:focus,.skin-form input:focus,.skin-form select:focus,.primary-action:focus-visible,.secondary-action:focus-visible,.ghost-button:focus-visible,.nav-list button:focus-visible,.date-control:focus-within,.segmented-control button:focus-visible{outline-offset:2px;outline:3px solid #4864a847}.login-form button,.primary-action,.secondary-action,.ghost-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.login-form button,.primary-action{color:#fff;background:var(--surface-strong)}.form-error{color:#a8332a;font-size:.9rem;font-weight:700}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;flex-direction:column;gap:32px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.nav-list{gap:6px;display:grid}.nav-list button{border-radius:var(--radius);min-height:42px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:10px;padding:0 10px;font-weight:800;display:flex}.nav-list button.active,.nav-list button:hover{color:var(--ink);background:#77bfa32e}.ghost-button{color:var(--muted);background:0 0;margin-top:auto}.main-column{align-content:start;gap:22px;padding:26px;display:grid}.topbar,.panel-header,.routine-card header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar h1{font-size:clamp(2.4rem,7vw,5.4rem)}.primary-action{min-width:128px;padding-inline:18px}.date-control{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--muted);background:var(--surface);align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex}.date-control input{width:132px;color:var(--ink);background:0 0;border:0;font-weight:800}.daily-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:20px;display:grid}.progress-orbit{aspect-ratio:1;background:radial-gradient(circle at center, white 55%, transparent 56%), conic-gradient(var(--coral), var(--saffron), var(--mint), var(--blue), var(--coral));border-radius:50%;place-items:center;width:112px;font-size:1.5rem;font-weight:900;display:grid}.daily-strip h2,.panel h2{font-size:clamp(1.35rem,3vw,2rem)}.skin-strip .progress-orbit.soft{background:radial-gradient(circle at center, white 55%, transparent 56%), conic-gradient(var(--lavender), var(--mint), var(--saffron), var(--lavender))}.skin-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:14px;display:grid}.skin-routines{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.task-list.skin-task-list li{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:52px}.task-list.skin-task-list li>span:not(.item-actions){grid-column:2;min-width:0}.skin-task-list .item-actions{white-space:nowrap;grid-column:3;place-self:center end;gap:4px;display:flex}.skin-task-list .item-actions button{aspect-ratio:1;border-radius:var(--radius);width:32px;color:var(--muted);background:#65717f17;place-items:center;display:grid}.skin-task-list .item-actions button:hover{color:var(--ink);background:#77bfa32e}.skin-task-list .item-actions button:disabled{cursor:not-allowed;opacity:.35}.skin-task-list .item-actions button:focus-visible{outline-offset:2px;outline:3px solid #4864a847}.frequency-pill{width:fit-content;min-height:22px;color:var(--blue);background:#4864a81a;border-radius:999px;align-items:center;margin-top:7px;padding:0 8px;font-size:.72rem;font-weight:900;display:inline-flex}.frequency-pill.is-muted{color:var(--muted);background:#65717f1a}.skin-form{position:sticky;top:24px}.skin-form label{color:var(--muted);gap:7px;font-size:.86rem;font-weight:800;display:grid}.skin-form input,.skin-form select{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--ink);background:#fff;padding:0 12px}.skin-form select{appearance:none}.segmented-control{border:1px solid var(--line);border-radius:var(--radius);background:#65717f17;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented-control button{min-height:36px;color:var(--muted);background:0 0;border-radius:6px;font-weight:900}.segmented-control button.active{color:var(--ink);background:#fff;box-shadow:0 6px 20px #1c24301a}.form-actions{grid-template-columns:1fr;gap:8px;display:grid}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.routine-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px;box-shadow:0 10px 34px #1c243014}.routine-card{gap:18px;display:grid}.mini-ring{aspect-ratio:1;width:46px;color:var(--blue);background:#4864a81f;border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid}.task-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.task-list li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.task-list strong,.task-list small{display:block}.task-list small{color:var(--muted);margin-top:2px}.check{aspect-ratio:1;border:1px solid var(--line);color:#fff;border-radius:50%;place-items:center;width:24px;display:grid}.check.is-done{border-color:var(--mint);background:var(--mint)}.two-column{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;display:grid}.panel{gap:18px;display:grid}.panel-header svg{color:var(--coral)}.macro-list{gap:14px;display:grid}.macro-row{gap:8px;display:grid}.macro-row div{justify-content:space-between;gap:12px;display:flex}.macro-row span{color:var(--muted);font-weight:700}progress{background:#65717f24;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}progress::-webkit-progress-bar{background:#65717f24}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--blue), var(--mint));border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg, var(--blue), var(--mint));border-radius:999px}.set-table{border:1px solid var(--line);border-radius:var(--radius);display:grid;overflow:hidden}.set-table [role=row]{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) 72px minmax(0,.8fr);align-items:center;gap:10px;min-height:44px;padding:0 12px;display:grid}.set-table [role=row]:last-child{border-bottom:0}.set-table [role=columnheader]{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.secondary-action{width:100%;color:var(--ink);background:#e9b44c33}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.nav-list{display:flex}.ghost-button{margin-top:0;margin-left:auto}.work-grid,.two-column,.skin-layout,.skin-routines{grid-template-columns:1fr}.skin-form{position:static}}@media (width<=620px){.login-panel,.main-column{padding:18px}.topbar{flex-direction:column;align-items:start}.daily-strip{grid-template-columns:1fr}.progress-orbit{width:92px}.task-list.skin-task-list li{grid-template-columns:28px minmax(0,1fr) auto;column-gap:8px}.skin-task-list .item-actions{gap:2px}.skin-task-list .item-actions button{width:30px}.sidebar{padding:14px}.brand-lockup span:last-child,.nav-list button{white-space:nowrap}}