:root{--ink:#18231e;--muted:#647069;--paper:#f4f1e8;--card:#fffdf8;--line:#d8d7cc;--lime:#c8f353;--green:#1d4f3c;--red:#a63d2f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:#1d4f3c2e;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button,label,a{touch-action:manipulation}button{cursor:pointer}.skip-link{z-index:20;color:#fff;background:var(--ink);padding:10px 14px;transition:transform .2s;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline-offset:3px;outline:3px solid #266e51}.page-shell{width:min(1120px,100% - 36px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--green)}.brand-mark{background:var(--ink);border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.brand-mark span{background:var(--lime);border-radius:8px 8px 4px 4px;width:10px;height:15px}.topbar p{color:var(--muted);letter-spacing:.04em;margin:0;font-size:12px}main{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(48px,8vw,110px);padding:74px 0 62px;display:grid}.hero{min-width:0}.eyebrow,.kicker{color:var(--green);letter-spacing:.15em;margin:0 0 22px;font-size:11px;font-weight:800}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow span{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c8f35340}h1{letter-spacing:-.055em;text-wrap:balance;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,5.2vw,76px);font-weight:400;line-height:.96}h1 em{color:var(--green);font-weight:400}.intro{max-width:430px;color:var(--muted);text-wrap:pretty;margin:26px 0 34px;font-size:16px;line-height:1.65}.voice-card{background:var(--ink);color:#fff;border-radius:18px;align-items:center;gap:20px;padding:22px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 12px 32px #17241d21}.voice-card:hover{transform:translateY(-2px)}.voice-card.is-listening{background:var(--green)}.mic-button{width:68px;height:68px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:0 0 68px;padding:0;position:relative}.mic-inner{z-index:2;background:var(--lime);border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .15s,background-color .2s;display:grid;position:relative}.mic-button:hover .mic-inner{background:#d6fb6e;transform:scale(1.05)}.mic-button:active .mic-inner{transform:scale(.96)}.mic-inner svg{width:27px;height:27px}.mic-ripple{opacity:0;border:1px solid #c8f35373;border-radius:50%;position:absolute;inset:-6px}.is-listening .mic-ripple{animation:1.5s infinite pulse}.voice-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.voice-copy strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400}.voice-copy span{color:#bdc5bf;font-size:12px;line-height:1.4}.divider{color:#899189;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:14px;margin:26px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.task-form label{margin:0 0 9px;font-size:12px;font-weight:700;display:block}.input-row{background:var(--card);border:1px solid #c9cdc5;border-radius:12px;padding:5px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #17241d0a}.input-row:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1d4f3c1f}.input-row input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:12px 13px}.input-row input::placeholder{color:#959c96}.input-row button{background:var(--lime);color:var(--ink);border:0;border-radius:8px;flex:none;padding:0 18px;font-size:12px;font-weight:800;transition:background-color .2s,transform .15s}.input-row button:hover{background:#b6df42}.input-row button:active{transform:scale(.97)}.feedback{min-height:51px;padding-top:11px}.error,.notice{align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.45;display:flex}.error{color:var(--red)}.error>span{border:1px solid;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-weight:800;display:grid}.notice{color:var(--green)}.notice svg{flex:none;width:18px;height:18px}.tasks-section{min-width:0;padding-top:22px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:18px;display:flex}.kicker{margin-bottom:9px}h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:35px;font-weight:400}.task-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.task-stats strong{color:var(--ink)}.task-stats span{color:#a6aca7;margin:0 3px}.empty-state{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:48px 20px;display:flex}.empty-art{border:1px dashed #aeb5ad;border-radius:50%;place-items:center;width:77px;height:77px;margin-bottom:25px;display:grid;position:relative}.empty-art:before,.empty-art:after{content:"";background:var(--lime);border-radius:50%;position:absolute}.empty-art:before{width:8px;height:8px;top:-3px;right:10px}.empty-art:after{width:5px;height:5px;bottom:6px;left:0}.empty-art span{width:43px;height:43px;color:var(--green);background:#e4e2d8;border-radius:50%;place-items:center;font-size:23px;display:grid}.empty-state h3{margin:0 0 9px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}.empty-state p{max-width:310px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.task-list{margin:0;padding:0;list-style:none}.task-list li{border-bottom:1px solid var(--line);content-visibility:auto}.task-list label{cursor:pointer;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:15px 4px;display:grid}.task-list label:hover .task-text{color:var(--green)}.task-list input{opacity:0;width:1px;height:1px;position:absolute}.checkbox{color:#0000;border:1.5px solid #a4ada5;border-radius:7px;place-items:center;width:23px;height:23px;transition:background-color .2s,border-color .2s;display:grid}.checkbox svg{width:16px;height:16px}.task-list input:focus-visible+.checkbox{outline-offset:3px;outline:3px solid #266e51}.task-list input:checked+.checkbox{border-color:var(--green);background:var(--green);color:#fff}.task-text{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.5;transition:color .2s,opacity .2s}.task-state{color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.completed .task-text{color:#89918b;opacity:.75;text-decoration:line-through}.completed .task-state{color:#89918b}footer{border-top:1px solid var(--line);min-height:72px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}footer span:first-child{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic}@keyframes pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.28)}}@media (max-width:760px){.page-shell{width:min(100% - 28px,600px)}.topbar{min-height:66px}.topbar p{display:none}main{padding:48px 0 42px;display:block}h1{font-size:clamp(45px,14vw,62px)}.intro{margin:21px 0 27px}.voice-card{padding:18px}.mic-button,.mic-inner{flex-basis:60px;width:60px;height:60px}.input-row{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.input-row button{min-height:47px}.tasks-section{padding-top:38px}.empty-state{min-height:290px}footer{padding-bottom:env(safe-area-inset-bottom)}footer span:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}