*{box-sizing:border-box}html{background:#fffaf5}body{color:#332b28;background:#fffaf5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=dark]{background:#201b19}html[data-theme=dark] body{color:#f8eee8;background:#201b19}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{max-width:1100px;margin:auto;padding:24px 20px 92px}.nav{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.brand{color:#c75834;font-size:23px;font-weight:800}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs a{color:inherit;border-radius:10px;padding:9px 12px;text-decoration:none}.tabs a:hover,.tabs a.active{color:#b94e2d;background:#f5e7df}.bottom{display:none}.hero{justify-content:space-between;align-items:end;gap:16px;display:flex}.hero h1{letter-spacing:-.06em;margin:0 0 6px;font-size:34px}.muted{color:#796d68}.grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:22px;margin-top:22px;display:grid}.stack{gap:13px;display:grid}.card,.panel{background:#fff;border:1px solid #eee3dc;border-radius:18px;padding:18px;box-shadow:0 5px 20px #5e30100a}.card h2,.panel h2{margin:0 0 13px;font-size:17px}.task{align-items:flex-start;gap:12px;display:flex}.task+.task{border-top:1px solid #f1e9e4;margin-top:12px;padding-top:12px}.task h3{margin:0 0 4px;font-size:15px;line-height:1.35}.task p{margin:0;font-size:13px}.check{background:#fff;border:1px solid #d8c6bc;border-radius:50%;flex:none;width:27px;height:27px}.check:hover{background:#e9754c;border-color:#e9754c}.badge{color:#86513f;background:#f7eee9;border-radius:20px;margin-right:4px;padding:3px 7px;font-size:12px;display:inline-block}.urgent{color:#a43f31;background:#fce5e1}.btn{color:#fff;background:#e9754c;border:0;border-radius:10px;min-height:42px;padding:10px 13px;font-weight:700}.btn.secondary{color:#704b3d;background:#f4e9e3}.btn.danger{background:#b94e46}.btn:disabled{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spaced{justify-content:space-between}.input,select,textarea{color:#332b28;background:#fff;border:1px solid #e5d8d1;border-radius:10px;width:100%;padding:10px}label{gap:5px;font-size:13px;font-weight:700;display:grid}.form{gap:12px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.empty{color:#796d68;padding:24px 4px}.calendar{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.day{border:1px solid #eee3dc;border-radius:10px;min-height:82px;padding:8px;font-size:12px}.day.today{border:2px solid #e9754c}.dot{background:#e9754c;border-radius:50%;width:7px;height:7px;margin:5px 2px 0 0;display:inline-block}.dialog-back{z-index:10;background:#2a171755;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fffaf5;border-radius:18px;width:min(480px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 25px 60px #0004}.dialog h2{margin-top:0}.month-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.month{border:1px solid #eee3dc;border-radius:14px;padding:14px}.hidden-file{display:none}@media (max-width:700px){.app{padding:18px 15px 90px}.nav .tabs{display:none}.bottom{z-index:5;background:#fffaf5ef;border-top:1px solid #eee3dc;justify-content:space-around;align-items:center;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom a{color:#6f625d;text-align:center;min-width:52px;padding:8px;font-size:11px;text-decoration:none}.bottom a.active{color:#bd502f;font-weight:800}.grid{grid-template-columns:1fr}.hero h1{font-size:29px}.form-grid,.month-grid{grid-template-columns:1fr 1fr}.calendar{gap:3px}.day{min-height:58px;padding:5px}.card,.panel{padding:15px}}html[data-theme=dark] .card,html[data-theme=dark] .panel,html[data-theme=dark] .dialog{background:#2c2523;border-color:#493d38}html[data-theme=dark] .input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:#f8eee8;background:#201b19;border-color:#51443e}html[data-theme=dark] .bottom{background:#201b19ef;border-color:#493d38}html[data-theme=dark] .tabs a.active{background:#45342e}
.plan-intro{color:#796d68;margin:4px 0 18px;font-size:14px}.plan-intro p{margin:0}.calendar-panel,.detail,.active-panel{background:#fff;border:1px solid #eee3dc;border-radius:20px;padding:18px;box-shadow:0 5px 20px #5e30100a}.month-head{justify-content:center;align-items:center;gap:15px;margin-bottom:16px;display:flex}.month-head h1{letter-spacing:-.05em;margin:0;font-size:29px}.icon-button{color:#9b4e33;background:#fff;border:1px solid #e9dcd5;border-radius:12px;width:44px;height:44px;font-size:30px;line-height:1}.weekdays,.month-calendar{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekdays span{text-align:center;color:#796d68;padding-bottom:5px;font-size:12px;font-weight:700}.date-cell{color:#332b28;text-align:left;background:#fff;border:1px solid #eee3dc;border-radius:12px;min-height:72px;padding:8px;font-size:14px;position:relative}.date-cell.outside{color:#b7aaa3;background:#fdf9f6}.date-cell.today span{color:#a84425;background:#f6ded2;border-radius:50%;place-items:center;width:25px;height:25px;display:inline-grid}.date-cell.selected{outline-offset:-2px;outline:2px solid #e9754c}.date-cell i{position:absolute;bottom:8px;left:8px}.date-cell small{color:#a05b44;position:absolute;bottom:6px;right:8px}.dot,.priority-dot{background:#e9754c;border-radius:50%;width:7px;height:7px}.priority-dot{background:#ba443d;box-shadow:0 0 0 2px #fde8e3}.plan-columns{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:18px;margin-top:18px;display:grid}.detail,.active-panel{border-radius:18px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h1,.section-title h2{margin:0}.section-title p{margin:3px 0 0}.recent{color:#796d68;margin:16px 4px;font-size:13px}.danger-zone{border-color:#e4b5ae}@media (max-width:700px){.calendar-panel{padding:13px}.month-head h1{font-size:24px}.date-cell{min-height:54px;padding:6px}.weekdays,.month-calendar{gap:3px}.plan-columns{grid-template-columns:1fr;gap:14px;margin-top:14px}.detail,.active-panel{padding:15px}.bottom a:first-child{color:#bd502f;font-weight:800}}html[data-theme=dark] .calendar-panel,html[data-theme=dark] .detail,html[data-theme=dark] .active-panel,html[data-theme=dark] .date-cell,html[data-theme=dark] .icon-button{color:#f8eee8;background:#2c2523;border-color:#493d38}html[data-theme=dark] .date-cell.outside{color:#867973;background:#251f1d}html[data-theme=dark] .date-cell.today span{color:#fff5ee;background:#6a3a2b}