:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263a30;background:#f7f8f2;font-synthesis:none;--green:#244c3d;--muted:#778178}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a48a31;outline-offset:3px}button{border:0}a{color:inherit}header{height:94px;border-bottom:1px solid #e3e7dc;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fbfcf7}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;font-size:30px;letter-spacing:-1.5px}.brand-dot,.wordmark span{font-size:12px;color:#b39c45;margin-left:3px}.header-right{display:flex;align-items:center;gap:20px}.personal,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#778274}.quiet{background:transparent;color:#59685d;padding:10px 12px;border-radius:9px}.quiet:hover{background:#e9ede2}.primary,.danger{border-radius:11px;padding:13px 20px;background:var(--green);color:white;font-weight:600}.primary:hover{background:#35634f}.danger{background:#a64338}.small{font-size:13px;padding:12px 17px}main{max-width:1450px;margin:auto;padding:48px 5vw 26px}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:38px}.eyebrow{margin:0 0 12px}h1{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.8px;font-weight:650;margin:0 0 12px;line-height:1.15}h1 span{color:#a3ad80}.page-heading p:last-child{color:var(--muted);font-size:14px;margin:0}.record-button{display:flex;align-items:center;gap:12px;padding:18px 24px;background:#f0e8d6;border:1px solid #e2d8bd;border-radius:15px;font-weight:650;color:#605030;white-space:nowrap}.mic{background:#d2b779;color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px}nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5d8;gap:18px;padding-bottom:16px;margin-bottom:27px}.tabs{display:flex;gap:6px}.tab{background:transparent;color:#778178;padding:11px 14px;border-radius:9px;font-size:13px;white-space:nowrap}.tab.active{background:#e6ecdf;color:var(--green);font-weight:650}.tab span{display:inline-grid;place-items:center;background:#dce4d4;min-width:20px;height:20px;border-radius:6px;font-size:10px;margin-left:6px}.tab[data-view=overdue] span{background:#f1ddd1;color:#9a5238}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.card{border-radius:18px;padding:21px 20px 16px;min-height:195px;box-shadow:0 2px 1px #29402805;position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:15px}.card h2{font-size:13px;letter-spacing:1px;margin:0;overflow-wrap:anywhere}.card-actions{display:flex;gap:1px}.icon{font-size:20px;background:transparent;border-radius:7px;width:32px;height:32px;color:#536550;flex-shrink:0}.icon:hover{background:#ffffff60}.item{display:flex;align-items:flex-start;gap:9px;padding:12px 0;border-top:1px solid #31532b14}.check{border:1.5px solid #84977c;width:20px;height:20px;border-radius:50%;background:#ffffff30;margin-top:2px;flex-shrink:0;color:#244c3d;font-size:12px;padding:0}.check:hover{background:#fff}.item-content{min-width:0;flex:1;background:none;padding:0;text-align:left;color:inherit}.item-name{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.item-desc{font-size:12px;color:#6b7868;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.due{font-size:11px;color:#6c7967;margin-top:6px;display:block}.due.late{color:#a04733;font-weight:650}.item-delete{font-size:17px;width:23px;height:25px;opacity:.65}.add-item{background:none;color:#5e7458;font-size:12px;margin-top:12px;padding:8px 0}.empty-card{font-size:13px;color:#697e60;margin:17px 0 20px}.empty{border:1px dashed #cbd5c0;border-radius:20px;padding:60px 24px;text-align:center;background:#fafbf6}.empty-symbol{font-size:38px;display:block;color:#9ba98b;margin-bottom:16px}.empty h2{font-size:21px;font-weight:600;margin:0 0 10px}.empty p{font-size:14px;color:var(--muted);line-height:1.7;max-width:400px;margin:0 auto 22px}.empty .primary{font-size:13px}.list{display:grid;gap:10px}.list-row{background:#fff;border:1px solid #e2e8db;border-radius:13px;padding:18px;display:flex;gap:15px;align-items:center}.list-row .row-main{flex:1;min-width:0}.list-row h3{margin:4px 0;font-size:15px;font-weight:600}.card-label{font-size:10px;letter-spacing:1px;color:#849079}.list-row .due{margin:0}.play{background:#e9efdf;color:var(--green);border-radius:50%;width:36px;height:36px}footer{display:flex;justify-content:space-between;margin-top:45px;font-size:11px;color:#8a9483;padding-top:20px;border-top:1px solid #e3e8dc}dialog{width:min(500px,calc(100vw - 28px));padding:26px;border:1px solid #e0e5d8;border-radius:19px;box-shadow:0 20px 80px #14372225;color:#263a30;background:#fcfdf9;max-height:90dvh;overflow:auto}dialog::backdrop{background:#1e302859;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}dialog h2{font-size:22px;font-weight:600;margin:0 0 10px;letter-spacing:-.5px}dialog p{font-size:14px;color:#71806d;line-height:1.6}label{display:block;font-size:12px;font-weight:600;color:#5f705a;margin:17px 0}input,textarea{display:block;width:100%;border:1px solid #d6dfcd;border-radius:9px;padding:12px;background:#fff;color:#263a30;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:#648458;box-shadow:0 0 0 3px #dfe8d8}textarea{min-height:100px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0;accent-color:var(--green)}.check-label{display:flex;align-items:center;font-weight:400;font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-error{color:#a54633!important}.text-button{background:none;padding:10px 0;color:#507447;font-size:12px;text-decoration:underline;text-underline-offset:4px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244c3d;color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;box-shadow:0 7px 20px #0002;z-index:99;max-width:90vw}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:#e6eddd;padding:10vh 10vw 6vh 9vw;position:relative;overflow:hidden}.auth-brand h1{margin:35px 0 24px;font-size:clamp(36px,4vw,60px);letter-spacing:-2px}.auth-brand p{line-height:1.8;color:#718168;font-size:14px}.sample{background:#fff0c2;padding:24px 30px;border-radius:17px;transform:rotate(-5deg);max-width:300px;margin-top:50px;box-shadow:0 10px 30px #4050390c}.sample span{font-size:11px;font-weight:700;letter-spacing:1px}.sample p{font-size:13px;margin:10px 0}.auth-form{align-self:center;width:360px;max-width:calc(100% - 48px);margin:50px auto}.wordmark{font-size:40px;letter-spacing:-2px;font-weight:750;margin-bottom:38px}.auth-form h2{font-size:26px;font-weight:600;letter-spacing:-.8px;margin-bottom:10px}.auth-form>p{font-size:14px;color:#7c8775;line-height:1.7}.auth-form .primary{width:100%;margin:9px 0 18px}.auth-form .text-button{display:block;margin:auto}audio{width:100%;margin:15px 0}.record-controls{display:flex;gap:10px;align-items:center;margin-top:15px}.recording{color:#a54633;animation:pulse 1s infinite}.android-status{background:#e7eddc;padding:12px 16px;font-size:12px;border-radius:9px;margin-bottom:20px}.download{display:inline-block;text-decoration:none;font-size:13px}hr{border:0;border-top:1px solid #dce5d4;margin:24px 0}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.4}}@media(min-width:1450px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal{display:none}.auth-brand{padding-left:6vw;padding-right:5vw}main{padding-top:32px}}@media(max-width:640px){header{height:75px;padding:0 20px}.brand{font-size:27px}.header-right{gap:2px}.quiet{font-size:12px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:31px;letter-spacing:-1px}.eyebrow{font-size:9px}.record-button{width:100%;justify-content:center;margin-top:26px;padding:15px}main{padding:30px 20px 22px}nav{flex-wrap:wrap;gap:14px;margin-bottom:20px}.tabs{overflow-x:auto;width:100%;gap:2px}.tab{padding:10px 8px;font-size:11px}.tab span{margin-left:2px;min-width:16px;height:17px}#new-card{width:100%}.grid{grid-template-columns:1fr;gap:17px}.card{min-height:170px}.auth{display:block}.auth-brand{display:none}.auth-form{margin:14vh auto}.list-row{padding:15px;gap:10px}.list-row .due{font-size:10px}.item-delete{opacity:1}dialog{padding:23px}}
.check:hover::after{content:"✓"}