:root{--ink:#17201d;--muted:#68716d;--line:#e1e7e3;--paper:#f5f7f4;--green:#1f5a45;--white:#fff;--danger:#b63b37;--shadow:0 14px 44px rgba(25,45,36,.08)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:16px/1.45 Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7da998;outline-offset:2px}.boot,.noscript{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.logo,.brand-mark{width:30px;height:30px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid #cbd8d0;border-radius:9px;background:#fff}.logo span,.brand-mark i{border-radius:3px}.logo span:nth-child(1),.brand-mark i:nth-child(1){background:#e6534f}.logo span:nth-child(2),.brand-mark i:nth-child(2){background:#477cdd}.logo span:nth-child(3),.brand-mark i:nth-child(3){background:#d99527}.logo span:nth-child(4),.brand-mark i:nth-child(4){background:#79808c}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.shell>aside{position:fixed;inset:0 auto 0 0;width:250px;z-index:30;display:flex;flex-direction:column;padding:24px 16px 18px;background:#eef3ef;border-right:1px solid var(--line)}.brand{height:42px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand>strong{font-size:1.05rem;letter-spacing:-.02em}.brand .close-nav{display:none;margin-left:auto}.primary{min-height:46px;border:0;border-radius:11px;padding:0 16px;background:var(--green);color:#fff;font-weight:700;box-shadow:0 7px 18px rgba(31,90,69,.16)}.shell>aside>.primary{margin:24px 0;text-align:left}.shell nav>p{margin:12px 10px 8px;color:#89938e;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.shell nav button{width:100%;height:43px;padding:0 11px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:#59635f;font-weight:650}.shell nav button>b{font-size:1.15rem}.shell nav button span{margin-left:auto;font-size:.8rem;color:#8d9692}.shell nav button.active{background:#fff;color:var(--ink);box-shadow:0 4px 15px rgba(24,37,31,.05)}.grow{flex:1}.intention{display:flex;gap:10px;margin:12px 5px 18px;padding:13px;border-radius:13px;background:#e2ece6;color:#4f5f57}.intention>b{color:var(--green)}.intention p{margin:0;font-size:.78rem}.intention strong{font-size:.84rem;color:#263c32}.profile{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:13px 7px 0;border-top:1px solid #d9e2dc}.profile>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#d2e1d7;color:#204c3b;font-size:.75rem;font-style:normal;font-weight:800}.profile span strong,.profile span small{display:block}.profile span strong{font-size:.85rem}.profile span small{font-size:.75rem;text-transform:capitalize;color:#7b8580}.profile>b{color:#8d9692}.workspace{grid-column:2;min-width:0}.workspace>header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;gap:10px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(245,247,244,.92);backdrop-filter:blur(14px)}.icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dce3de;border-radius:10px;background:#fff;color:#59635f}.menu{display:none}.search{width:min(390px,48vw);height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dce3de;border-radius:10px;background:#fff;color:#7b8580}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink)}.status{margin-left:auto;display:flex;align-items:center;gap:7px;color:#62706a;font-size:.78rem}.status i{width:7px;height:7px;border-radius:50%;background:#31966f}.status.offline i{background:#d99527}.content{width:min(1240px,100%);margin:auto;padding:38px 38px 54px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.heading>div>p{margin:0 0 10px;color:#87918c;font-size:.72rem;font-weight:800;letter-spacing:.12em}.heading h1{margin:0;font:500 clamp(2rem,4vw,3rem)/1.05 Georgia,serif;letter-spacing:-.04em}.heading>div>span{display:block;margin-top:10px;color:var(--muted);font-size:.95rem}.score{display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.score>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:4px solid #cfe0d5;color:var(--green)}.score p{margin:0}.score strong,.score small{display:block}.score strong{font-size:.82rem}.score small{font-size:.72rem;color:#7e8883}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quadrant{min-height:285px;padding:20px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:18px;background:#fff;box-shadow:0 6px 24px rgba(30,45,38,.035)}.q-head{display:flex;justify-content:space-between;margin-bottom:17px}.q-head p{margin:0 0 6px;color:#78817d;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.055em}.q-head p i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent)}.q-head h2{margin:0;font:500 1.45rem Georgia,serif}.tasks,.list{display:flex;flex-direction:column;gap:9px}.task{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:13px;border:1px solid #e5eae7;border-radius:12px;background:#fcfdfc;transition:.16s}.task:hover{transform:translateY(-1px);border-color:#cad6ce;box-shadow:0 5px 15px rgba(24,37,31,.055)}.task button{padding:0;border:0;background:none;color:#8a9690;font-size:1.1rem}.task .remove{opacity:0}.task:hover .remove,.task:focus-within .remove{opacity:1}.task h3{margin:0;font-size:.9rem;line-height:1.35}.task p{margin:5px 0 0;color:#89938e;font-size:.75rem}.task.done{opacity:.58}.task.done h3{text-decoration:line-through}.empty{min-height:86px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #d9e0dc;border-radius:12px;background:#fbfcfb;color:#838d88;font-size:.78rem}.list{max-width:780px}.empty-list{text-align:center;padding:70px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}.empty-list>b{font-size:2rem;color:var(--green)}.empty-list h2{font:500 1.5rem Georgia,serif}.empty-list p{color:var(--muted)}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(18,25,22,.48);backdrop-filter:blur(4px)}.composer{width:min(570px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:24px;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(13,28,21,.22)}.composer-head{display:flex;justify-content:space-between}.composer-head p{margin:0 0 7px;color:#85908b;font-size:.67rem;font-weight:800;letter-spacing:.12em}.composer-head h2{margin:0;font:500 1.6rem Georgia,serif}.composer>input{width:100%;margin:22px 0;padding:16px 0;border:0;border-bottom:1px solid #dfe5e1;outline:0;font:1.35rem Georgia,serif}.composer fieldset{padding:0;border:0}.composer legend{margin-bottom:10px;color:#727c77;font-size:.8rem;font-weight:700}.picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.picker button{height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb;color:#59635f}.picker button.selected{border-color:#739781;background:#eef5f0;color:#214d3c}.picker i{width:7px;height:7px;border-radius:50%}.composer details{margin:16px 0}.composer summary{padding:10px 0;color:#53605a;font-weight:700}.advanced{display:grid;gap:12px}.advanced label,.login-card label{display:grid;gap:6px;color:#53605a;font-size:.82rem;font-weight:700}.advanced input,.advanced textarea,.login-card input{width:100%;border:1px solid #d9e1dc;border-radius:10px;padding:11px;background:#fff}.composer output,.login-card output{display:block;margin:8px 0;color:var(--danger)}.composer .save{width:100%}.toasts{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{min-width:260px;max-width:390px;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #d8e0db;border-radius:12px;background:#fff;box-shadow:var(--shadow);font-size:.85rem}.toast span{flex:1}.toast button{border:0;background:none;color:var(--green);font-weight:800}.toast.error{border-color:#f0cbc8}.toast.info{border-color:#cbdcec}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.login-card .eyebrow{margin:22px 0 8px;color:#78847e;font-size:.7rem;font-weight:800;letter-spacing:.13em}.login-card h1{margin:0;font:500 2.3rem Georgia,serif}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card form{display:grid;gap:15px;margin-top:24px}.login-card input{height:47px;font-size:1rem}.login-card .primary{margin-top:4px}.scrim{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.shell{display:block}.shell>aside{transform:translateX(-105%);transition:transform .22s}.shell>aside.open{transform:none;box-shadow:20px 0 60px rgba(14,24,19,.18)}.shell>aside.open~.scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(20,28,24,.28)}.brand .close-nav,.menu{display:grid}.workspace{min-height:100vh}.workspace>header{height:64px;padding:0 16px}.search{width:auto;flex:1}.content{padding:24px 12px 38px}.heading{align-items:flex-start;margin-bottom:20px;padding:0 4px}.heading>div>span{font-size:.86rem}.score{display:none}.matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quadrant{min-width:0;min-height:220px;padding:12px;border-radius:14px}.q-head{gap:6px;margin-bottom:12px}.q-head p{min-height:2.5em;margin-bottom:4px;font-size:.58rem;letter-spacing:.025em;line-height:1.25}.q-head p i{width:6px;height:6px;margin-right:5px}.q-head h2{font-size:1.08rem}.q-head .icon{width:30px;height:30px;flex:0 0 30px}.tasks{gap:7px}.task{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:9px 7px;border-radius:9px}.task h3{overflow-wrap:anywhere;font-size:.76rem;line-height:1.28}.task p,.task .remove{display:none}.task .check{font-size:1rem}.empty{min-height:74px;padding:8px;line-height:1.25;text-align:center;font-size:.67rem}.empty b{display:none}.heading h1{font-size:2.12rem}.status{font-size:0}.status i{width:9px;height:9px}}@media(max-width:480px){.picker{grid-template-columns:1fr}.composer{padding:20px}.search input{font-size:1rem}.heading h1{font-size:1.9rem}.heading>div>p{margin-bottom:7px;font-size:.65rem}.toasts{left:12px;right:12px;bottom:12px}.toast{min-width:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v1.4.5 centered branded boot */
.boot{padding:28px;justify-items:center;align-content:center;gap:6px;overflow:hidden}
.boot .brand-mark{position:relative;margin:0 auto 12px;width:62px;height:62px;gap:5px;padding:6px;border-radius:18px;box-shadow:0 18px 46px rgba(31,90,69,.13);animation:boot-mark-float 2.1s ease-in-out infinite}
.boot .brand-mark::after{content:"";position:absolute;inset:-10px;border:1px solid rgba(31,90,69,.16);border-radius:24px;animation:boot-ring 2.1s ease-out infinite}
.boot .brand-mark i{animation:boot-tile 1.65s ease-in-out infinite}.boot .brand-mark i:nth-child(2){animation-delay:.12s}.boot .brand-mark i:nth-child(3){animation-delay:.24s}.boot .brand-mark i:nth-child(4){animation-delay:.36s}
.boot>p:first-of-type{margin:8px 0 0;font-weight:800;letter-spacing:.02em;color:#52625a}
@keyframes boot-mark-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
@keyframes boot-ring{0%{opacity:.7;transform:scale(.88)}100%{opacity:0;transform:scale(1.2)}}
@keyframes boot-tile{0%,100%{transform:scale(.9);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@media(prefers-reduced-motion:reduce){.boot .brand-mark,.boot .brand-mark::after,.boot .brand-mark i{animation:none!important}}