.cal-space{--cal-ink:#e9eef7;--cal-muted:#9ba8bc;color:var(--cal-ink);background:#111722;border:1px solid #293343;border-radius:22px;overflow:hidden;box-shadow:0 16px 50px #15243b12}.cal-banner{display:flex;justify-content:space-between;gap:24px;padding:32px;background:radial-gradient(circle at 78% 20%,#477b8050,transparent 55%),radial-gradient(#94acbf20 1px,transparent 1px),#141e2b;background-size:auto,12px 12px,auto;border-bottom:1px solid #ffffff12}.cal-eyebrow{font-size:10px;letter-spacing:2px;color:#9cb9b9}.cal-banner h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.cal-banner h2 span{color:#85dcc1}.cal-banner p,.cal-agenda>p{color:var(--cal-muted);font-size:13px}.cal-mail{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:160px;border-left:1px solid #ffffff20;padding-left:24px}.cal-mail span{font-size:12px;color:#b2c4cf}.cal-mail b{font-size:36px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:2px}.cal-mail small{font-size:10px;color:#a8b6c8}.cal-controls{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:20px 24px}.cal-month,.cal-switch{display:flex;align-items:center;gap:8px}.cal-month h3{font-size:17px;min-width:165px;text-align:center;margin:0;text-transform:capitalize}.cal-controls button{color:#c5d0df;padding:9px 12px;border:1px solid #ffffff16;border-radius:8px;transition:background .35s,color .35s}.cal-controls button:hover,.cal-controls button.active{background:#ffffff12;color:#b6f4df}.cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;border-top:1px solid #ffffff12}.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-week span{font-size:11px;color:#9cabc0;text-align:center;padding:14px 0}.cal-day{position:relative;min-height:112px;min-width:0;text-align:left;padding:12px 9px;color:#dde5f2;border-top:1px solid #ffffff0c;border-right:1px solid #ffffff0c;transition:background .35s,box-shadow .35s}.cal-day:hover{background:#ffffff07}.cal-day.chosen{background:#7ee0c314;box-shadow:inset 0 0 0 1px #7ee0c37a}.cal-day.today .cal-day-number{background:#9debd1;color:#112a25;border-radius:5px;padding:3px 6px}.cal-day.outside{color:#617087}.cal-day-number{font-size:13px;font-variant-numeric:tabular-nums}.cal-day-tasks{display:grid;gap:4px;margin-top:10px}.cal-chip{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#a8c5ed16;padding:4px;border-radius:3px}.cal-chip.done{text-decoration:line-through;opacity:.45}.cal-day-tasks small{color:#99acbb;font-size:9px}.cal-pixels{position:absolute;right:9px;top:15px;display:flex;gap:3px}.cal-pixels i{width:3px;height:3px;background:#9debd1}.cal-pixels i.done{background:#617087}.cal-agenda{background:#0d131d80;border-left:1px solid #ffffff12;padding:24px 18px}.cal-agenda h3{font-size:22px;margin:14px 0 5px}.cal-task{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;padding:15px 0;color:#edf2fa;border-bottom:1px solid #ffffff10}.cal-task strong{font-weight:500;font-size:13px;display:block;overflow-wrap:anywhere}.cal-task small{display:block;font-size:10px;color:#9eacc0;margin-top:7px}.cal-task-state{margin-left:auto;color:#83cab9}.cal-task-dot{width:5px;height:5px;background:#87d8bf;flex-shrink:0;margin-top:5px}.cal-task-dot.is-high{background:#f3b47d}.cal-task.is-done strong{text-decoration:line-through;opacity:.5}.cal-add{margin-top:20px;padding:12px;border:1px dashed #7eb2a550;border-radius:8px;color:#b2dfd1;width:100%;font-size:12px}.cal-empty{font-size:13px;line-height:1.8;color:#91a0b5;padding:25px 0}.cal-roadmap{padding:0 24px 24px}.cal-roadmap section{padding:14px 0 14px 20px;border-left:1px dashed #7aaea955}.cal-roadmap h3{font-size:16px;color:#add5c9}.cal-roadmap h3 small{font-size:11px;color:#7e8c9c}
@media(max-width:1100px){.cal-layout{grid-template-columns:minmax(0,1fr)}.cal-agenda{border-left:0;border-top:1px solid #ffffff12}.cal-day{min-height:90px}}@media(max-width:600px){.cal-banner{padding:22px;flex-direction:column}.cal-banner h2{font-size:24px}.cal-mail{border-left:0;padding-left:0}.cal-mail b{font-size:28px}.cal-controls{padding:15px}.cal-month{flex-wrap:wrap}.cal-day{padding:9px 4px;min-height:76px}.cal-chip{font-size:9px}.cal-pixels{top:auto;bottom:7px}.cal-day-tasks small{display:none}}
/* Task editor: aligned options and a comfortable writing surface. */
#calendar-form .form-grid{gap:22px 24px;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
#calendar-form .field{min-width:0;gap:9px;line-height:1.5}
#calendar-form .cal-note-field{margin-top:4px;gap:12px}
#calendar-form textarea{display:block;box-sizing:border-box;width:100%;min-height:168px;padding:18px 20px;border:1px solid #dfe3e5;border-radius:16px;background:linear-gradient(155deg,#fafbfc,#f5f7f8);color:#303740;font:inherit;font-size:14px;line-height:1.8;resize:vertical;box-shadow:inset 0 1px 3px #172a3a03;transition:border-color .3s,box-shadow .3s,background .3s}
#calendar-form textarea::placeholder{color:#939ba4}
#calendar-form textarea:hover{border-color:#bbc9c8}
#calendar-form textarea:focus{outline:none;border-color:#6d9b8c;background:#fcfefd;box-shadow:0 0 0 4px #6d9b8c13}
#calendar-form .cal-options{display:grid;gap:12px;margin-top:2px}
#calendar-form .cal-option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border:1px solid #e4e7e8;border-radius:14px;background:#fafbfb;cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s}
#calendar-form .cal-option:hover{background:#f5f8f7;border-color:#c5d5ce}
#calendar-form .cal-option:has(input:checked){border-color:#9bbbac;background:#f2f8f5}
#calendar-form .cal-option:focus-within{box-shadow:0 0 0 3px #6d9b8c16}
#calendar-form .cal-option input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;min-height:0;min-width:0;margin:2px 0 0;padding:0;accent-color:#537d6d;cursor:pointer;box-shadow:none}
#calendar-form .cal-option strong{display:block;font-size:14px;font-weight:500;line-height:22px;color:#303b36}
#calendar-form .cal-option small{display:block;margin-top:5px;font-size:12px;line-height:1.6;color:#7d8582}
#calendar-form .cal-option .cal-option-hint{color:#969b99;margin-top:3px}
#calendar-form .actions{margin-top:28px;gap:12px;flex-wrap:wrap}
@media(max-width:520px){#calendar-form .form-grid{grid-template-columns:minmax(0,1fr);gap:18px}#calendar-form .cal-option{padding:16px;gap:12px}#calendar-form textarea{padding:16px;min-height:150px}}
@media(prefers-reduced-motion:reduce){#calendar-form textarea,#calendar-form .cal-option{transition:none}}