:root{--paper: #f7f4ec;--paper-2: #fffdf8;--ink: #2b3a55;--ink-soft: #5b6678;--line: #e4ddcf;--gold: #d9a441;--free-bg: #e7f3ea;--free-bd: #cfe6d6;--free-ink: #2f7d4f;--free-bg-dark: #cfe7d4;--free-bd-dark: #a9d3b4;--week-future: #e7f3ea;--week-current: #cfe7d4;--week-past: #e6e3da;--one-bg: #fbf1c9;--one-bd: #efdf9f;--one-ink: #9a7b15;--busy-bg: #f7d8d4;--busy-bd: #eeb6b0;--busy-ink: #b23b32;--serif: Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{max-width:540px;margin:0 auto;height:var(--app-h, 100dvh);overflow:hidden;background:var(--paper)}@media (min-width: 560px){#app{box-shadow:0 0 0 1px var(--line),0 14px 40px #2b3a5514}}#outlet{height:100%;overflow:hidden}button{font-family:inherit;cursor:pointer}.view{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:calc(var(--safe-t) + 8px) 14px calc(var(--safe-b) + 10px)}.topbar{display:flex;align-items:center;gap:8px;min-height:48px;margin-bottom:10px}.nav-arrow{flex:0 0 auto;width:44px;height:44px;border:none;border-radius:12px;background:transparent;color:var(--ink);font-size:30px;line-height:1;display:grid;place-items:center}.nav-arrow:active{background:#2b3a5514}.view-title{flex:1 1 auto;text-align:center;border:none;background:transparent;color:var(--ink);font-family:var(--serif);font-size:21px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1px}.view-title .glyph{font-size:12px;color:var(--ink-soft);margin-left:6px}.view-title small{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink-soft)}.spacer{flex:0 0 44px}.week-grid{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;gap:10px;min-height:0}.day-cell{position:relative;border:1px solid var(--week-future);border-radius:16px;background:var(--week-future);color:var(--ink);text-align:left;padding:8px 10px;display:flex;flex-direction:column;gap:3px;overflow:hidden;min-height:0;transition:transform .06s ease}.day-cell:active{transform:scale(.97)}.day-cell.current-week{background:var(--week-current);border-color:var(--week-current)}.day-cell.today{box-shadow:inset 0 0 0 3px var(--gold)}.cell-head{display:flex;align-items:baseline;gap:6px}.cell-head .dow{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.cell-head .dnum{font-family:var(--serif);font-size:22px;line-height:1;font-weight:700;margin-left:auto}.cell-entries{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.day-ev{flex:1 1 0;min-height:0;overflow:hidden}.day-ev-text{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.day-ev .mt{font-weight:700}.day-ev.cancelled{opacity:.85}.ev-struck{text-decoration:line-through}.cell-cancel-flag{color:var(--busy-ink);font-weight:700}.cell-cancel-reason{color:var(--ink-soft)}.ev-more-band{flex:1 1 0;min-height:0;display:flex;align-items:center}.more-pill{align-self:flex-start;font-size:10px;font-weight:800;line-height:1.5;background:#2b3a5524;color:var(--ink);border-radius:999px;padding:0 7px}.add-cell{border:2px dashed var(--line);border-radius:16px;background:transparent;color:var(--ink-soft);display:grid;place-items:center}.add-cell .plus{font-size:34px;line-height:1}.add-cell .lbl{font-size:12px;margin-top:2px}.add-cell:active{background:#2b3a550d}.bottombar{display:flex;justify-content:center;gap:10px;padding-top:12px}.today-btn{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-weight:600;font-size:14px;padding:10px 20px;border-radius:999px;display:inline-flex;align-items:center;gap:7px}.today-btn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}.today-btn:active{background:var(--paper)}.day-title{flex:1 1 auto;text-align:center}.day-title .dow{font-family:var(--serif);font-size:22px;font-weight:600}.day-title .full{font-size:13px;color:var(--ink-soft)}.event-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px}.event-row{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);padding:14px 16px;display:flex;gap:14px;align-items:baseline;text-align:left}.event-row:active{background:var(--paper)}.event-row .ev-time{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);flex:0 0 auto;min-width:58px;white-space:nowrap}.event-row .ev-time.has-end{min-width:96px;font-size:15px}.event-row .ev-time.untimed{font-family:var(--sans);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}.field-hint{font-size:12px;margin:2px 0 0}.event-row .ev-body{display:flex;flex-direction:column;gap:3px;min-width:0}.event-row .ev-title{font-size:16px;font-weight:600}.event-row .ev-note{font-size:13px;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word}.event-row .chev{margin-left:auto;align-self:center;color:var(--ink-soft);font-size:20px}.empty-day{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-soft);text-align:center}.empty-day .big{font-size:40px}.fab{margin-top:12px;border:none;border-radius:14px;background:var(--ink);color:var(--paper-2);font-size:16px;font-weight:700;padding:16px;width:100%}.fab:active{filter:brightness(1.1)}.form{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:16px;padding-top:6px;overflow-y:auto}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--ink-soft)}.field input,.field textarea{font-family:var(--sans);font-size:17px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:14px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink)}.field textarea{min-height:90px;resize:vertical}.field input[type=time]{font-family:var(--serif);font-size:22px}.note-toggle{align-self:flex-start;border:none;background:transparent;color:var(--ink);font-size:14px;font-weight:600;padding:4px 0}.advanced{display:flex;flex-direction:column;gap:16px}.advanced.hidden{display:none}.check{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink)}.check input{width:18px;height:18px}.recur-block{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper-2)}.recur-fields{display:flex;flex-direction:column;gap:8px}.recur-fields.hidden{display:none}.recur-row{font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.recur-opt{font-size:14px;color:var(--ink);display:flex;align-items:center;gap:6px}input.num{width:62px}.recur-fields input,.recur-fields select{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.series-slot{display:flex;flex-direction:column;gap:8px}.series-note{margin:2px 0;text-align:center}.btn-warn{background:transparent;color:var(--one-ink);border:1px solid var(--one-bd)}.event-row.cancelled{opacity:.72}.event-row.cancelled .ev-title{text-decoration:line-through}.ev-cancel-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--busy-ink)}.time-row{display:flex;gap:8px;align-items:stretch}.time-field{flex:1 1 auto;text-align:left;font-family:var(--serif);font-size:22px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:14px}.time-field.empty{font-family:var(--sans);font-size:15px;color:var(--ink-soft)}.time-clear{flex:0 0 auto;width:52px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--ink-soft);font-size:16px}.time-clear.hidden{display:none}.pad-overlay{position:fixed;inset:0;z-index:1500;background:#14182173;display:flex;align-items:flex-end;justify-content:center}.pad-sheet{width:100%;max-width:540px;background:var(--paper);border-radius:22px 22px 0 0;padding:12px 14px calc(16px + var(--safe-b));box-shadow:0 -10px 40px #00000040}.pad-top{display:flex;align-items:center;gap:8px;min-height:44px}.pad-back{border:none;background:transparent;color:var(--ink);font-size:16px;font-weight:600}.pad-label{flex:1;text-align:center;font-weight:700}.pad-display{text-align:center;font-family:var(--serif);font-size:52px;line-height:1.1}.pad-seg{padding:0 2px;border-bottom:3px solid transparent}.pad-seg.active{border-bottom-color:var(--gold)}.pad-colon{padding:0 6px}.pad-hint{text-align:center;color:var(--ink-soft);font-size:13px;margin:6px 0 12px}.pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pad-key{font-size:26px;font-weight:600;padding:18px 0;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);color:var(--ink)}.pad-key:active{background:var(--paper)}.pad-del{font-size:22px}.pad-ok{background:var(--ink);color:var(--paper-2);border:none}.pad-ok:disabled{opacity:.4}.btn{border:none;border-radius:14px;font-size:16px;font-weight:700;padding:16px;width:100%}.btn-primary{background:var(--ink);color:var(--paper-2)}.btn-primary:disabled{opacity:.5}.btn-danger{background:transparent;color:var(--busy-ink);border:1px solid var(--busy-bd)}.btn-ghost{background:transparent;color:var(--ink-soft)}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px}.dow-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:4px}.dow-row span{text-align:center;font-size:11px;font-weight:700;color:var(--ink-soft)}.month-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:6px;min-height:0}.m-cell{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);color:var(--ink);font-family:var(--serif);font-size:15px;font-weight:600;display:grid;place-items:center;min-width:0;min-height:0}.m-cell.free{background:var(--free-bg);border-color:var(--free-bd)}.m-cell.busy{background:var(--busy-bg);border-color:var(--busy-bd)}.m-cell.other{opacity:.38}.m-cell.past{opacity:.58}.m-cell.today{box-shadow:inset 0 0 0 3px var(--gold)}.m-cell .dot{position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--busy-ink)}.login-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center}.logo-badge{width:76px;height:76px;border-radius:22px;background:var(--ink);color:var(--paper-2);display:grid;place-items:center;font-size:38px;margin-bottom:8px}.login-wrap h1{font-family:var(--serif);font-size:30px;margin:0}.login-wrap .tagline{color:var(--ink-soft);margin:0 0 22px}.stack{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}.stack.hidden{display:none}.muted{color:var(--ink-soft);font-size:14px}.hidden{display:none}.slide-next{animation:slideNext .22s ease}.slide-prev{animation:slidePrev .22s ease}@keyframes slideNext{0%{opacity:.25;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes slidePrev{0%{opacity:.25;transform:translate(-16px)}to{opacity:1;transform:none}}.day-cell.past,.m-cell.past,.view-title.past,.day-title.past{font-style:italic}.day-cell.past{background:var(--week-past);border-color:var(--week-past)}.tap-zone{flex:0 0 auto;height:28px}.settings-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:6px 2px 16px}.settings-block{display:flex;flex-direction:column;gap:12px}.block-title{font-weight:700;font-size:16px}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-row{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);color:var(--ink);text-align:left}.menu-row:active{background:var(--paper)}.menu-row .mr-icon{font-size:20px}.menu-row .mr-title{font-weight:600}.menu-row .chev{margin-left:auto;color:var(--ink-soft);font-size:20px}.settings-foot{display:flex;justify-content:center;padding-top:4px}.settings-foot .app-ver{font-weight:600;color:var(--ink);font-size:13px}.doc{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 2px 16px}.help-item{padding:12px 0;border-bottom:1px solid var(--line)}.help-item:last-child{border-bottom:none}.help-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;margin-bottom:4px}.help-h .help-i{font-size:18px}.help-item p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}.agenda-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:2px}.agenda-day{display:flex;align-items:baseline;gap:8px;padding:12px 4px 4px;margin-top:8px;border-bottom:1px solid var(--line)}.agenda-day:first-child{margin-top:0}.agenda-day.today{border-left:3px solid var(--gold);padding-left:8px}.agenda-day .ad-dow{font-family:var(--serif);font-size:17px;font-weight:600}.agenda-day .ad-date{font-size:13px;color:var(--ink-soft);margin-left:auto}.agenda-row{display:flex;align-items:stretch;gap:8px;padding:6px 2px;border-bottom:1px solid var(--line)}.ag-main{flex:1 1 auto;min-width:0;display:flex;gap:12px;align-items:baseline;text-align:left;background:transparent;border:none;padding:8px 2px;color:var(--ink)}.ag-main:active{background:var(--paper)}.ag-main.cancelled{opacity:.72}.ag-main.cancelled .ev-title{text-decoration:line-through}.ag-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;justify-content:center}.ag-act{font-size:12px;font-weight:600;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--ink-soft)}.ag-act.del{color:var(--busy-ink);border-color:var(--busy-bd)}.ct-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:6px 2px 16px}.ct-section{display:flex;flex-direction:column;gap:8px}.ct-head{display:flex;align-items:center;gap:10px}.ct-label{font-weight:700;font-size:15px}.ct-hex{margin-left:auto;font-family:ui-monospace,monospace;font-size:14px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:4px 8px}.ct-pick{width:46px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:none}.ct-copy{border:none;background:var(--ink);color:var(--paper-2);font-size:12px;font-weight:700;padding:7px 12px;border-radius:8px}.ct-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ct-cell{border:1px solid;border-radius:10px;min-height:54px;padding:6px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.ct-cell .d{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--ink-soft)}.ct-cell .n{font-family:var(--serif);font-size:18px;font-weight:700}.ct-today{box-shadow:inset 0 0 0 3px var(--gold)}.colour-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2);color:var(--ink);text-align:left}.colour-row:active{background:var(--paper)}.cg-swatch{width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.colour-row .ct-hex{margin-left:auto}.colour-row .chev{color:var(--ink-soft);font-size:20px}.colour-edit{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:10px 4px 16px}.sl-row{display:flex;flex-direction:column;gap:7px}.sl-name{font-size:13px;font-weight:600;color:var(--ink-soft)}.sl-hsl{-webkit-appearance:none;appearance:none;width:100%;height:20px;border-radius:10px;border:1px solid var(--line)}.sl-hsl::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 1px 3px #00000059}.sl-hsl::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--ink)}.sl-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.edit-hex{text-align:center;font-family:ui-monospace,monospace;font-size:18px;font-weight:600}.ct-summary{font-family:ui-monospace,monospace;font-size:14px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.toast{position:fixed;left:50%;bottom:calc(22px + var(--safe-b));transform:translate(-50%,14px);background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 10px 30px #00000038;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:1000;max-width:min(440px,92vw);display:flex;align-items:center;gap:14px}.toast.show{opacity:1;transform:translate(-50%)}.toast-error{background:#b23b32}.toast-success{background:#2f7d4f}.toast-action{border:none;background:transparent;color:var(--gold);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em}