:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;interpolate-size:allow-keywords;--page:#fffdf8;--sand:#e6e3ce;--olive:#4a6417;--olive-dark:#3a4f12;--ink:#3a3833;--muted:#68655b;--line:#d9d5c1;--danger:#a8402f;--radius-lg:28px;--radius-md:16px;--shadow:0 10px 28px #5c543824;color:var(--ink);font-family:Rubik,system-ui,sans-serif}[data-branch=financial]{--card:#faebca;--tint:#fdf5e3;--card-ink:#54401a}[data-branch=professional]{--card:#a5b0e3;--tint:#e9ecfa;--card-ink:#232a5c}[data-branch=fitness]{--card:#dbddca;--tint:#f0f3e8;--card-ink:#33432a}[data-branch=social]{--card:#fbddd4;--tint:#feefe9;--card-ink:#653226}*{box-sizing:border-box}body{background:var(--page);min-height:100dvh;margin:0;line-height:1.45}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,.app-name,.card-name{font-family:Alegreya,Georgia,serif;font-weight:700}:focus-visible{outline:3px solid var(--olive);outline-offset:2px}.app-header{padding:max(16px, env(safe-area-inset-top)) 16px 8px;background:var(--sand);align-items:center;gap:12px;display:flex}.app-icon{background:#fff;border-radius:50%;width:44px;height:44px}.app-name{color:var(--olive-dark);font-size:1.3rem}.tabs{z-index:10;padding:8px 16px max(8px, env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;justify-content:center;gap:8px;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -6px 24px #5c54381f}.tab{border-radius:var(--radius-md);min-height:48px;color:var(--muted);flex-direction:column;flex:0 140px;align-items:center;gap:2px;padding:4px 16px;font-size:.8rem;display:flex}.tab[aria-current=page]{color:var(--olive-dark);background:#edf1de;font-weight:500}.icon{line-height:0;display:inline-flex}.hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23fffdf8' d='M0 120V70C240 10 420 0 640 44s420 76 800 6v70z'/%3E%3C/svg%3E") bottom / 100% 64px no-repeat, var(--sand);padding:16px 16px 72px}.hero h1{font-size:2.25rem;line-height:1.15}.hero p{color:var(--muted);margin-top:4px}#view{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.cards{align-items:start;gap:16px;max-width:1040px;margin:0 auto;padding:0 16px;display:grid}.card{border-radius:var(--radius-lg);background:var(--tint);box-shadow:var(--shadow);overflow:hidden}.card summary{aspect-ratio:2;background:var(--card);cursor:pointer;min-height:150px;list-style:none;display:block;position:relative}.card summary::-webkit-details-marker{display:none}.card summary:focus-visible{outline-offset:-5px}.card img{object-fit:cover;object-position:right center;width:100%;height:100%;position:absolute;inset:0;scale:1.05}.card-label{width:44%;color:var(--card-ink);flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;left:20px;translate:0 -50%}.card-name{font-size:clamp(1.3rem,5.6vw,1.85rem);line-height:1.1}.card-count{align-items:center;gap:8px;font-size:.85rem;display:flex}.card-chevron{background:#ffffffa6;border-radius:50%;padding:3px;transition:rotate .3s;display:flex}.card-chevron svg{width:18px;height:18px}.card[open] .card-chevron{rotate:180deg}.card::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s allow-discrete;overflow:clip}.card[open]::details-content{block-size:auto}.goal-list,.goal-empty{padding:8px 20px 16px}.goal-list li{text-wrap:pretty;padding:10px 0 10px 20px;position:relative}.goal-list li+li{border-top:1px solid #5c54381f}.goal-list li:before{content:"";background:var(--card-ink);opacity:.55;border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:2px}.goal-empty{color:var(--muted)}.edit-branch{border-radius:var(--radius-lg);background:var(--tint);box-shadow:var(--shadow);padding:18px 16px}.edit-branch h2{color:var(--card-ink);margin-bottom:12px;font-size:1.45rem}.edit-list{gap:8px;margin-bottom:8px;display:grid}.edit-row{align-items:flex-start;gap:8px;display:flex}.goal-field{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;min-height:44px;color:var(--ink);font:inherit;resize:none;background:#fff;flex:1;padding:10px 12px;font-size:1rem}@supports (field-sizing:content){textarea.goal-field{field-sizing:content}}.goal-field::placeholder{color:var(--muted)}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:#5c54381a}.icon-button-add,.icon-button-add:hover{background:var(--olive);color:#fff}.button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:8px 20px;font-weight:500}.button-primary{background:var(--olive);color:#fff}.button-quiet{color:var(--olive-dark);background:#edf1de}.button-danger{background:var(--danger);color:#fff}.confirm{border-radius:var(--radius-lg);width:min(360px,100vw - 32px);color:var(--ink);border:0;padding:24px}.confirm::backdrop{background:#3a383373}.confirm h2{font-size:1.5rem}.confirm p{overflow-wrap:anywhere;margin-top:8px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.toast{z-index:20;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));border-radius:var(--radius-md);background:var(--ink);color:#fff;opacity:0;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;transition:opacity .2s;position:fixed;translate:-50%}.toast-visible{opacity:1}.loading,.empty{text-align:center;color:var(--muted);padding:48px 16px}.empty h1{color:var(--ink);font-size:1.75rem}.empty p{margin:8px 0 20px}@media (width>=800px){.app-header{padding:20px max(16px,50vw - 504px) 8px}.tabs{box-shadow:none;background:0 0;border-radius:0;margin-left:auto;padding:0;position:static}.tab{flex-direction:row;flex:none;align-items:center;gap:8px;font-size:.95rem}.tab[aria-current=page]{background:#fff}.hero{padding-inline:max(16px,50vw - 504px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-name{font-size:1.85rem}.toast{bottom:24px}#view{padding-bottom:48px}}@media (prefers-reduced-motion:reduce){.card-chevron,.toast{transition:none}.card::details-content{transition:none}}