.month-calendar{margin-top:19px}.month-calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.month-calendar-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.month-calendar-heading h2{margin:0;color:#37352f;font-size:20px;line-height:1.4;letter-spacing:-.4px;font-weight:600}.month-calendar-heading>span{font-size:12px;color:#9a958b}.month-calendar-navigation{display:flex;align-items:center;gap:4px;flex-shrink:0}.month-calendar-navigation .calendar-today-button{font-size:12px;border:1px solid #e7e5df;padding:5px 10px;background:#fff;margin-right:5px}.month-calendar-navigation .calendar-today-button:hover{background:#f7f7f5}.month-calendar-navigation .calendar-arrow{font-size:25px;line-height:1;padding:2px 9px;color:#8c877d}.month-calendar-scroll{overflow-x:auto;border:1px solid #e9e7e1;border-radius:7px;background:#fff;scrollbar-width:thin}.month-calendar-scroll:focus-visible{outline:2px solid #a9cbed;outline-offset:3px}.month-calendar-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:680px}.month-calendar-table th{font-weight:400;color:#949087;font-size:12px;text-align:left;padding:10px 11px;border-bottom:1px solid #e9e7e1;background:#fcfcfa}.month-calendar-table th+th,.month-calendar-table td+td{border-left:1px solid #eeece7}.month-calendar-table td{vertical-align:top;height:126px;padding:7px 6px 9px;border-bottom:1px solid #eeece7;background:#fff}.month-calendar-table tbody tr:last-child td{border-bottom:0}.month-calendar-table td.calendar-outside-month{background:#fafaf8}.calendar-outside-month .calendar-day-number{color:#c1bdb4}.calendar-outside-month .calendar-event{opacity:.6}.month-calendar-table td.calendar-today-cell{background:#fafdff}.calendar-day-header{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:26px;margin-bottom:5px}.calendar-day-number{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;color:#888278;font-size:12px;font-weight:400;line-height:1}.calendar-day-number.calendar-today{background:#2383e2;color:#fff;border-radius:50%;font-weight:600}.calendar-add{font-size:18px;line-height:1;padding:2px 6px;color:#aaa498;opacity:0;transition:opacity .15s,background .15s}.month-calendar-table td:hover .calendar-add,.calendar-add:focus-visible{opacity:1}.calendar-events{display:flex;flex-direction:column;gap:4px}.calendar-event{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;min-width:0;border-radius:4px;border-left:3px solid transparent;padding:4px 5px;font-size:11px;line-height:1.35;overflow:hidden}.calendar-event-time{font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;opacity:.85}.calendar-event-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.calendar-priority-0{background:#fbe6e5;border-left-color:#de8e88;color:#94534d}.calendar-priority-0:hover{background:#f8d8d6}.calendar-priority-1{background:#e2edf4;border-left-color:#83aec9;color:#426e8b}.calendar-priority-1:hover{background:#d5e6f1}.calendar-priority-2{background:#fcf1d7;border-left-color:#d8b871;color:#987b36}.calendar-priority-2:hover{background:#f7e8c2}.calendar-priority-3{background:#eeece8;border-left-color:#b5afa4;color:#827c71}.calendar-priority-3:hover{background:#e6e2dc}.calendar-event-late .calendar-event-time{color:#be4c47;opacity:1}.calendar-event-done{opacity:.55}.calendar-event-done .calendar-event-name{text-decoration:line-through}.month-calendar-hint{font-size:11px;color:#a09a90;margin:10px 0 0;line-height:1.6}.calendar-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:none){.calendar-add{opacity:1}}@media(max-width:600px){.month-calendar-toolbar{align-items:flex-start;gap:10px}.month-calendar-heading{gap:3px;flex-direction:column}.month-calendar-heading h2{font-size:18px}.month-calendar-heading>span{font-size:11px}.month-calendar-navigation{padding-top:1px}.month-calendar-navigation .calendar-today-button{padding:5px 7px;margin-right:0}.month-calendar-navigation .calendar-arrow{padding:3px 7px}.month-calendar-table td{height:112px}.calendar-add{opacity:1}.month-calendar-hint{font-size:10px}}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fff;color:#37352f;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent;border-radius:5px;padding:7px 11px;transition:background .15s}button:hover{background:#eeedea}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #2383e2;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #a9cbed;outline-offset:1px}main{max-width:1140px;margin:0 auto;padding:52px 28px 30px}.topline{display:flex;align-items:center;justify-content:space-between}.page-icon{font-size:56px;line-height:1.2}.private{font-size:12px;color:#97958f;background:#f7f7f5;padding:5px 10px;border-radius:20px}h1{font-size:38px;letter-spacing:-1.3px;line-height:1.2;margin:13px 0 9px;font-weight:700}.intro{color:#93918b;font-size:14px;max-width:790px;margin:0 0 23px;line-height:1.7}.stats{display:flex;gap:12px;margin-bottom:23px}.stat{text-align:left;background:#f7f7f5;border:1px solid #efeeeb;border-radius:8px;min-width:120px;padding:11px 14px;box-shadow:2px 2px #f9f9f7}.stat strong{display:block;font-size:23px;line-height:1.5}.stat span{font-size:12px;color:#8e8b83}.s1 strong{color:#d54848}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eeedea;flex-wrap:wrap}.toolbar nav{display:flex;flex-wrap:wrap;gap:4px}.toolbar nav button{border-radius:0;color:#89867d;padding:10px 11px;border-bottom:2px solid transparent}.toolbar nav button.selected{border-bottom-color:#37352f;color:#37352f}.actions{display:flex;gap:5px;align-items:center;padding-bottom:3px}.actions>button:first-child{color:#8d8a81}.primary{background:#2383e2;color:#fff;font-weight:600;border-radius:5px;padding:7px 12px}.primary:hover{background:#1876d1}.subtools{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:15px 0 12px;color:#99968e;font-size:12px}.subtools p{margin:0}.subtools>div{display:flex;gap:7px;align-items:center;flex-shrink:0}.search{display:flex;gap:5px;align-items:center;background:#fafaf8;border:1px solid #efeeeb;border-radius:5px;padding:3px 8px}.search span{font-size:20px;line-height:1}.search input{width:135px;border:0;background:transparent;font-size:12px;padding:3px;min-width:0}.subtools button{font-size:12px}.axis{display:grid;grid-template-columns:1fr 1fr;text-align:center;color:#929088;font-size:11px;gap:14px;margin-bottom:7px;letter-spacing:.3px}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quadrant{padding:13px;border:1px solid #eae8e3;border-radius:10px;min-height:180px;align-self:stretch;transition:box-shadow .15s}.q0{background:#fbe6e5}.q1{background:#e0edf2}.q2{background:#fcf1d7}.q3{background:#eeece8}.dropping{box-shadow:inset 0 0 0 2px #2383e2}.quadrant-title{display:flex;align-items:center;justify-content:space-between}.quadrant-title h2{font-size:15px;line-height:1.4;margin:0;font-weight:600}.quadrant-title>span{font-size:11px;background:#ffffff60;color:#858078;border-radius:4px;padding:0 6px}.description{font-size:12px;color:#918b81;margin:3px 0 10px}.task{display:flex;gap:10px;background:#fff;border:1px solid #eae8e4;border-radius:5px;margin:6px 0;padding:10px 11px;box-shadow:0 1px 2px #37352f06;align-items:flex-start;transition:box-shadow .15s}.task:hover{box-shadow:0 2px 6px #37352f12}.task input[type=checkbox]{width:16px;height:16px;accent-color:#2383e2;flex-shrink:0;margin:3px 0 0;cursor:pointer}.task-content{display:block;width:100%;text-align:left;padding:0;min-width:0;border-radius:0}.task-content:hover{background:transparent}.task-name{display:block;font-weight:500;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px;color:#a19d94;font-size:11px;line-height:1.5}.date{color:#b08546}.late{color:#d05050}.repeat{background:#f4f4f1;padding:0 4px;border-radius:2px}.recurring{color:#b88a56;background:#fcf0e7}.working{color:#4385ad}.done .task-name{color:#99968f;text-decoration:line-through}.done{opacity:.7}.add{color:#88847c;text-align:left;width:100%;font-size:13px;padding:8px 4px}.add:hover{background:#fff5}.empty-cell{font-size:12px;color:#a7a095;min-height:35px;margin:14px 0 0 3px}.loading,.error{padding:35px 15px;color:#8e8a81;text-align:center}.error{color:#b04141;background:#fff0f0;margin:20px 0;border-radius:8px}.error button{border:1px solid #dbb4b4;margin-left:10px}.listview{margin-top:20px;min-height:230px}.listrow{display:flex;gap:12px;align-items:center;border-bottom:1px solid #f0efec;padding:6px 0}.listrow>.task{flex:1;border:0;box-shadow:none;margin:0;background:none}.priority{font-size:11px;border-radius:4px;padding:3px 7px;white-space:nowrap}.p0{background:#fbe6e5}.p1{background:#e0edf2}.p2{background:#fcf1d7}.p3{background:#eeece8}.empty{text-align:center;padding:40px 10px}.empty>span{font-size:30px}.empty h2{font-size:18px;margin:10px 0 4px}.empty p{color:#99958b}footer{margin-top:25px;border-top:1px solid #efeeea;padding-top:15px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#aaa69c;font-size:11px}footer button{font-size:11px;padding:2px 7px}.overlay{position:fixed;inset:0;background:#15130f55;backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;padding:24px;z-index:10}.modal{background:#fff;border:1px solid #e6e3dd;border-radius:12px;padding:23px;width:570px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 80px #1f1d182e}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.modal-head h2{font-size:20px;margin:0;letter-spacing:-.4px}.modal-head button{font-size:24px;line-height:1;color:#aaa59a;padding:1px 5px}.modal form>label,.fields>label{display:flex;flex-direction:column;font-size:12px;gap:5px;margin-bottom:13px}.modal input:not([type=checkbox]),.modal select,.modal textarea{width:100%;border:1px solid #e1ded7;background:#fff;border-radius:5px;padding:9px 10px;font-size:14px;min-width:0}.modal textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hint{font-size:11px;color:#999389;line-height:1.6;margin:-3px 0 12px}.reminder-box{padding:12px;background:#f8f8f5;border:1px solid #eeede7;border-radius:6px;margin:3px 0 15px}.check{display:flex;gap:7px;align-items:center;font-size:13px}.check input{accent-color:#2383e2}.reminder-box .hint{margin:3px 0 10px 23px}.reminder-box .hint:last-child{margin-bottom:0}.mail-state{font-size:11px;color:#b07b43;margin:0 0 0 23px}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #efede7;padding-top:15px;margin-top:18px}.modal-actions>div{display:flex;gap:6px}.danger{color:#c25247}.settings{width:600px}.settings section{border-bottom:1px solid #eeece6;padding-bottom:18px;margin-bottom:18px}.settings section:last-of-type{border:0;margin-bottom:0;padding-bottom:0}.settings h3{font-size:15px;margin:0 0 7px}.settings p{font-size:13px;color:#8d867b;line-height:1.65;margin:7px 0 12px}.settings .hint{font-size:11px}.status{display:block;font-size:11px;color:#939082;margin-top:8px}.settings .email-badge{display:inline-block;background:#fff4df;color:#a57b35;font-size:12px;padding:5px 9px;border-radius:4px}.settings .ready{background:#eaf2e4;color:#638c50}.settings summary{cursor:pointer;font-size:13px}.settings ol{padding-left:22px;font-size:12px;color:#847d72;line-height:1.8}.settings li{margin-bottom:7px}.settings a{color:#2383e2}.settings code{background:#f2f1ed;padding:1px 4px;border-radius:3px;font-size:11px}.settings section>button:not(.primary){border:1px solid #e8e5dd}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#37352f;color:#fff;border-radius:7px;padding:12px 14px;box-shadow:0 5px 25px #0002;max-width:90vw;width:max-content;z-index:20;font-size:13px}.toast button{color:#ccc;font-size:20px;padding:0 3px}.toast button:hover{background:#fff2}@media(min-width:1400px){main{padding-top:66px}}@media(max-width:900px){.toolbar{gap:0}.subtools{align-items:flex-start;flex-wrap:wrap}.subtools>div{margin-left:auto}.toolbar nav button{padding:10px 9px}}@media(max-width:600px){main{padding:27px 17px}.page-icon{font-size:44px}h1{font-size:32px}.intro{font-size:13px}.private{font-size:10px}.stats{gap:7px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:17px}.stat{min-width:0;padding:8px 12px}.stat strong{font-size:22px}.toolbar nav{gap:0}.toolbar nav button{font-size:12px;padding:9px 8px}.actions{margin:6px 0}.subtools{margin:12px 0}.subtools>div{width:100%;justify-content:space-between;margin:0}.search{flex:1}.search input{width:100%}.axis{display:none}.matrix{grid-template-columns:1fr;gap:12px}.quadrant{min-height:160px}.modal{padding:18px}.overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.fields{grid-template-columns:1fr}.fields>label{margin-bottom:10px}.modal-actions{align-items:flex-end}.modal-actions button{padding:7px 8px;font-size:12px}.listrow{align-items:flex-start;gap:3px}.listrow>.priority{max-width:100px;white-space:normal;font-size:10px;margin-top:10px}footer{display:block}footer>div{margin:10px -7px 0}.task-name{font-size:14px}}
