:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#284536;background:#f5f7ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 92% 9%,#e6edda,transparent 36%)}main{max-width:1100px;margin:auto;padding:0 26px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;border-bottom:1px solid #dee5d8}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#2b5d48;font-size:18px;font-weight:700}.brand-icon{display:grid;place-items:center;background:#2b5d48;color:white;width:42px;height:42px;border-radius:13px;font-size:29px}.brand-sub{display:block;font-size:8px;letter-spacing:2.8px;color:#7c906e;margin-top:3px}.badge{font-size:11px;color:#6e8264;background:#ffffff70;border:1px solid #dce4d4;padding:7px 11px;border-radius:20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 0 26px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#7c9169}h1{font-size:48px;line-height:1.15;font-weight:650;letter-spacing:-2px;margin:15px 0}h1 span{color:#7d9667}p{font-size:13px;line-height:1.7;color:#7b8972}.day-card{display:flex;flex-direction:column;gap:10px;min-width:230px;padding:22px;border:1px solid #dde6d3;background:#ffffff85;border-radius:14px}.day-card strong{font-size:15px;font-weight:550}#clock{color:#859978;font-size:30px;font-weight:300;font-variant-numeric:tabular-nums}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:27px}.progress>div{display:flex;align-items:center;gap:14px;padding:19px;background:#ffffffa0;border:1px solid #e0e7d8;border-radius:12px}.progress>div>div{display:flex;flex-direction:column;gap:5px;min-width:0}.progress strong{font-size:22px;font-weight:600}.progress span:not(.stat-icon){font-size:10px;color:#8b9a80}#next-alarm{font-size:16px;line-height:1.5}.stat-icon{background:#eaf0df;color:#759761;padding:10px;border-radius:10px;font-size:22px}.stat-icon.warm{background:#faf0da;color:#c7a054}.card{background:#fff;border:1px solid #dfe5d7;border-radius:16px;padding:26px;box-shadow:0 10px 32px #34532905}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-title .eyebrow{margin:0 0 7px}h2{font-size:21px;margin:0;font-weight:650}.note{font-size:10px;color:#829374}.entry{display:grid;grid-template-columns:minmax(175px,1fr) 145px 116px 115px auto;gap:11px;align-items:end}label{display:block;font-size:11px;font-weight:600;color:#627754;margin-bottom:8px}input,select,button{font:inherit;font-size:12px;min-height:44px;border:1px solid #dbe3d3;border-radius:8px;padding:11px 12px;background:#fdfefb;color:#355541}input,select{width:100%;min-width:0}button{cursor:pointer;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s}button:hover{background:#edf2e7;border-color:#bccdad}.primary{padding-left:18px;padding-right:18px;background:#2b5d48;color:#fff;border-color:#2b5d48}.primary:hover{background:#214c3a}button:disabled{opacity:.6;cursor:wait}input:focus,select:focus,button:focus-visible{outline:2px solid #86a76e;outline-offset:3px}#message:empty{display:none}#message{font-size:12px;color:#2b5d48;border-left:3px solid #a9bf93;padding-left:10px;margin:18px 0 0}#message.error{color:#a34c35;border-color:#c9836a}.sound{display:flex;align-items:center;gap:15px;padding:18px 20px;margin:17px 0 32px;background:#e8efdc;border:1px solid #dce6cb;border-radius:12px}.sound>div{flex:1}.sound-icon{font-size:24px;color:#86a16d}.sound strong{font-size:13px}.sound p{font-size:10px;margin:5px 0 0;max-width:590px}.sound button{background:#f6f9ee;font-size:11px;color:#587542;border-color:#d1dfbf;min-height:39px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.list-heading .eyebrow{margin:0 0 8px}.list-heading h2{font-size:20px}.list-heading h2 span{font-size:12px;color:#799264;background:#e7eddd;border-radius:20px;padding:3px 8px;margin-left:5px}.list-heading select{width:auto;min-height:35px;font-size:11px;padding:7px 10px}ol{margin:0;padding:0;list-style:none}.reminder{display:flex;align-items:center;gap:18px;background:white;border:1px solid #e0e6d8;padding:20px;border-radius:13px;margin-bottom:11px;box-shadow:0 4px 16px #27483103}.number{font-size:12px;background:#f1f5e9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#86a16c;flex-shrink:0}.task-info{flex:1;min-width:0}.reminder h3{font-size:15px;font-weight:600;margin:5px 0 7px;overflow-wrap:anywhere}.reminder time{font-size:11px;font-weight:600;color:#63804f}.reminder p{font-size:11px;margin:0}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.actions button{font-size:11px;min-height:33px;padding:7px 10px}.actions .delete{border-color:transparent;color:#959f8c;font-weight:400}.streak{display:inline-block;background:#fbf1da;color:#b28b3c;font-size:10px;padding:4px 9px;border-radius:20px;margin-top:8px}.habit-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.habit-week{display:flex;gap:4px;margin-top:8px}.habit-day{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#f0f3eb;color:#a6b09e}.habit-day.checked{background:#71905b;color:white}.habit-day.failed{background:#f6e5e0;color:#aa6354}.total-days{font-size:10px;color:#92a184;margin-top:8px}.completed-label{color:#5b824a!important;margin-top:7px!important}.failed-label{color:#a65c4b!important;margin-top:7px!important}.reminder.ringing{border-color:#c4a05c;background:#fffdf6}.reminder.missed{border-color:#e7c9c1}.empty{text-align:center;padding:40px 15px;border:1px dashed #d9e3cc;border-radius:12px;background:#f0f4e9;color:#839675}.empty-icon{display:block;color:#a1b38a;font-size:35px;margin-bottom:13px}.empty strong{font-size:15px}.empty p{font-size:12px;margin-bottom:0}.small{font-size:10px;color:#87927f;line-height:1.8}.footer{margin:26px 0;border-top:1px solid #e1e7d8;padding-top:18px}dialog{color:#294535;border:1px solid #dce4d2;border-radius:18px;max-width:440px;width:90%;padding:30px;text-align:center}dialog::backdrop{background:#233f3299;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin-top:15px;overflow-wrap:anywhere}.alarm-icon{background:#edf3e2;color:#7b9865;border-radius:50%;width:76px;height:76px;margin:0 auto 20px;display:grid;place-items:center;font-size:48px}.alarm-actions{display:flex;gap:10px;justify-content:center;margin:22px 0 12px}#quiet{font-size:12px;border:0;margin-top:5px}.voice-status{font-size:11px;color:#8a7449;margin:14px 0 0}.voice-status:empty{display:none}.missed-button{color:#a56958!important;background:#fff9f6;border-color:#edd9d0!important}#missed{min-height:34px;font-size:12px}#celebration{position:fixed;bottom:22px;right:22px;display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #c7d8b5;box-shadow:0 8px 32px #315d4222;padding:22px 48px 22px 22px;border-radius:15px;max-width:400px;z-index:5}#celebration[hidden]{display:none}.celebrate-icon{color:#c8a44b;font-size:36px}#celebration strong{color:#4b753c}#celebration p{font-size:12px;margin-bottom:0}#dismiss-celebration{position:absolute;right:8px;top:5px;border:0;background:none;font-size:20px;color:#8a9a7e}@media(max-width:950px){.entry{grid-template-columns:1fr 1fr 1fr}.task-input{grid-column:1/3}.entry .primary{grid-column:1/-1}.progress{gap:10px}.progress>div{padding:15px;gap:10px}}@media(max-width:640px){main{padding:0 16px}.brand{font-size:16px}.badge{font-size:10px}.intro{align-items:flex-start;padding:25px 0;gap:15px;flex-direction:column}h1{font-size:39px}.day-card{width:100%;flex-direction:row;justify-content:space-between;align-items:center;min-width:0;padding:14px}.day-card>.eyebrow{display:none}#clock{font-size:20px}.day-card strong{font-size:12px}.progress{gap:7px}.progress>div{padding:12px 9px}.stat-icon{display:none}.progress strong{font-size:20px}#next-alarm{font-size:12px}.progress span:not(.stat-icon){font-size:9px}.section-title{flex-direction:column;align-items:flex-start}.entry{grid-template-columns:1fr 1fr}.task-input{grid-column:1/-1}.entry>div:nth-child(4){grid-column:1/-1}.sound{flex-wrap:wrap}.sound>div{min-width:70%}.sound button{width:100%}.card{padding:19px}.reminder{gap:12px;flex-wrap:wrap}.task-info{min-width:65%}.actions{margin-left:auto}#celebration{left:16px;right:16px}}@media(prefers-reduced-motion:reduce){button{transition:none}dialog::backdrop{backdrop-filter:none}}

.name-setting{max-width:360px;margin-bottom:22px}.name-setting small{display:block;font-size:10px;line-height:1.7;color:#859575;margin-top:7px}
