:root{--bg: #f4f5f7;--lane: #eaecf0;--card: #ffffff;--text: #1c1e26;--muted: #6b7280;--border: rgba(0, 0, 0, .08);--accent: #5b5bd6;--danger: #d64545;--ok: #2f9e5b;--warn: #d97706;--shadow: 0 1px 2px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--lane: #181b21;--card: #232730;--text: #e6e8ee;--muted: #9aa1ad;--border: rgba(255, 255, 255, .08);--accent: #7b7bf0;--danger: #e06c6c;--ok: #4fbf7f;--warn: #f0a34e;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}}:root{--c-tomato: #d64545;--c-tangerine: #d97706;--c-banana: #b59000;--c-basil: #2f9e5b;--c-peacock: #0f8f9e;--c-blueberry: #3b5bdb;--c-lavender: #7b5bd6;--c-flamingo: #d6559b;--c-graphite: #6b7280}@media(prefers-color-scheme:dark){:root{--c-tomato: #f07171;--c-tangerine: #f0a34e;--c-banana: #e0c045;--c-basil: #4fbf7f;--c-peacock: #3fbccd;--c-blueberry: #6f8cff;--c-lavender: #a78bfa;--c-flamingo: #f07ab8;--c-graphite: #9aa1ad}}[data-color=tomato]{--c: var(--c-tomato)}[data-color=tangerine]{--c: var(--c-tangerine)}[data-color=banana]{--c: var(--c-banana)}[data-color=basil]{--c: var(--c-basil)}[data-color=peacock]{--c: var(--c-peacock)}[data-color=blueberry]{--c: var(--c-blueberry)}[data-color=lavender]{--c: var(--c-lavender)}[data-color=flamingo]{--c: var(--c-flamingo)}[data-color=graphite]{--c: var(--c-graphite)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,Segoe UI,Roboto,sans-serif;padding-top:env(safe-area-inset-top)}#app{height:100%;display:flex;flex-direction:column}#login{height:100%;display:flex;align-items:center;justify-content:center}#login-form{display:flex;flex-direction:column;gap:12px;width:min(340px,86vw)}#login-form h1{text-align:center;margin:0 0 8px}#login-form input{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:15px}#login-form button{padding:11px;border:none;border-radius:10px;font-size:15px;cursor:pointer}#login-form .error{color:var(--danger);font-size:13.5px;text-align:center;min-height:18px}header{display:flex;align-items:center;gap:10px;padding:10px 14px 4px}#tabs{display:flex;gap:2px;flex:1}#tabs button{border:none;background:none;color:var(--muted);font-size:15px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}#tabs button.active{background:var(--lane);color:var(--text)}#search-btn{border:none;background:none;color:var(--muted);font-size:20px;cursor:pointer;padding:2px 8px}#sync-dot{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:0 0 auto}#sync-dot.pending{background:var(--warn)}#sync-dot.offline{background:var(--danger)}#update-pill{border:none;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;padding:5px 12px;cursor:pointer}#quick{display:flex;gap:8px;padding:8px 14px}#quick-input{flex:1;min-width:0;padding:10px 15px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);font-size:15.5px}#quick-input:focus{outline:2px solid var(--accent);border-color:transparent}#quick button{border:none;border-radius:999px;width:42px;background:var(--accent);color:#fff;font-size:19px;cursor:pointer}#view{flex:1;overflow:hidden}.board-wrap{height:100%}.board{height:100%;display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding:4px 14px calc(14px + env(safe-area-inset-bottom));scroll-snap-type:x proximity}.lane{position:relative;flex:0 0 min(86vw,320px);scroll-snap-align:start;background:var(--lane);border-radius:14px;display:flex;flex-direction:column;max-height:100%}.lane.collapsed{flex:0 0 46px;min-height:160px}.collapsed-label{border:none;background:none;color:var(--text);cursor:pointer;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.collapsed-label .vert{writing-mode:vertical-rl;font-weight:700;font-size:14px}.collapsed-label .count{color:var(--muted);font-size:12px}.lane>header{padding:10px 10px 4px;gap:6px}.lane-collapse{border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 4px}.lane h2{margin:0;font-size:14px;font-weight:700;flex:1;cursor:pointer}.lane .count{color:var(--muted);font-size:12.5px}.lane-delete{border:none;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 6px}.lane-resize{position:absolute;top:0;right:-6px;width:12px;height:100%;cursor:col-resize;touch-action:none}.lane-resize:hover{background:linear-gradient(90deg,transparent 5px,var(--accent) 5px,var(--accent) 7px,transparent 7px)}.cards{overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:8px;min-height:30px}.card{display:flex;gap:9px;background:var(--card);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none}.card.list{cursor:pointer;margin:0 14px 8px}.card[data-color]{border-left:4px solid var(--c);padding-left:9px}.card[data-color] h3{color:var(--c)}.done-btn{flex:0 0 20px;width:20px;height:20px;margin-top:1px;border:2px solid var(--muted);border-radius:50%;background:none;cursor:pointer;padding:0}.done-btn:hover{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 22%,transparent)}.card-main{flex:1;min-width:0}.card h3{margin:0;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}.card .snippet{margin-top:4px;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.chips{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12px;color:var(--muted);background:var(--lane);border-radius:6px;padding:1px 7px}.chip.ok{color:var(--ok)}.chip.due.overdue{color:#fff;background:var(--danger)}.chip.due.today{color:#fff;background:var(--warn)}.chip.recur{color:var(--accent)}.card.placeholder{opacity:.35;outline:2px dashed var(--accent);outline-offset:-2px}.card.ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;transform:rotate(2.5deg) scale(1.03);box-shadow:0 12px 28px #00000059;opacity:.97}.add-card{margin:2px 8px 10px;padding:8px;border:none;border-radius:8px;background:none;color:var(--muted);font-size:13.5px;text-align:left;cursor:pointer}.add-card:hover{background:var(--card)}.add-lane{flex:0 0 auto;padding:12px 18px;border:1px dashed var(--border);border-radius:14px;background:none;color:var(--muted);font-size:14px;cursor:pointer;white-space:nowrap}.today{height:100%;overflow-y:auto;padding:4px 0 calc(20px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;width:100%}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 14px 8px}.empty{color:var(--muted);font-size:14px;margin:4px 14px}.cal{height:100%;display:flex;flex-direction:column;--gutter-w: 56px;--grid-line: color-mix(in srgb, var(--text) 9%, transparent);--grid-line-soft: color-mix(in srgb, var(--text) 4.5%, transparent)}.cal-toolbar{display:flex;align-items:center;gap:10px;padding:2px 14px 8px;flex-wrap:wrap}.cal-nav{display:flex;align-items:center;gap:4px}.cal-nav-btn,.cal-today,.cal-icon{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;cursor:pointer;font-size:14px;padding:5px 10px;line-height:1.1}.cal-nav-btn{padding:5px 11px;font-size:16px}.cal-icon{color:var(--muted);min-width:32px}.cal-icon.on{background:var(--accent);border-color:var(--accent);color:#fff}.cal-nav-btn:hover,.cal-today:hover,.cal-icon:hover{border-color:var(--accent)}.cal-title{flex:1;margin:0;font-size:16.5px;font-weight:700;white-space:nowrap}.cal-modes{display:flex;gap:2px;background:var(--lane);border-radius:999px;padding:2px}.cal-modes button{border:none;background:none;color:var(--muted);border-radius:999px;padding:5px 13px;font-size:13.5px;font-weight:600;cursor:pointer}.cal-modes button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.cal-tools{display:flex;gap:4px}.cal-body{flex:1;min-height:0;display:flex;gap:10px;padding:0 14px calc(10px + env(safe-area-inset-bottom))}.cal-time{flex:1;min-width:0;display:flex;flex-direction:column}.cal-head{display:flex}.cal-gutter-cell{flex:0 0 var(--gutter-w);width:var(--gutter-w);font-size:11px;color:var(--muted);text-align:right;padding-right:8px;align-self:flex-end;padding-bottom:4px}.cal-cols-head{flex:1;display:grid}.cal-dayhead{border:none;background:none;color:var(--muted);cursor:pointer;padding:2px 0 8px;display:flex;flex-direction:column;align-items:center;gap:1px;border-left:1px solid var(--grid-line-soft)}.cal-dayhead .dow{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.cal-dayhead .num{font-size:19px;font-weight:600;color:var(--text);line-height:1.1}.cal-dayhead.today .num{background:var(--accent);color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.cal-dayhead.today .dow{color:var(--accent)}.cal-allday{display:flex;border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);max-height:22vh;overflow-y:auto}.cal-ad-cols{flex:1;display:grid;grid-auto-rows:22px;gap:2px;padding:2px 0;position:relative}.cal-ad-cell{border-left:1px solid var(--grid-line-soft)}.cal-ad-cell.today{background:color-mix(in srgb,var(--accent) 7%,transparent)}.cal-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.cal-grid{display:flex}.cal-gutter{flex:0 0 var(--gutter-w);width:var(--gutter-w)}.cal-hour{font-size:11px;color:var(--muted);text-align:right;padding-right:8px;transform:translateY(-7px)}.cal-cols{flex:1;display:grid;position:relative;background-image:repeating-linear-gradient(to bottom,var(--grid-line) 0 1px,transparent 1px var(--hour-h))}.cal-col{position:relative;border-left:1px solid var(--grid-line-soft);touch-action:none}.cal-col.today{background:color-mix(in srgb,var(--accent) 5%,transparent)}.cal-event{position:absolute;left:2px;right:2px;overflow:hidden;border-radius:6px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--card));color:var(--text);padding:2px 5px;font-size:12px;line-height:1.25;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow)}.cal-event .ev-time{display:block;font-size:10.5px;color:var(--muted)}.cal-event .ev-title{font-weight:600;overflow-wrap:anywhere}.cal-event.short .ev-title,.cal-event.tiny .ev-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event.tiny{display:flex;align-items:baseline;gap:4px;padding:0 5px;font-size:11px;line-height:1.05}.cal-event.tiny .ev-time{display:inline;flex:none;font-size:10px}.cal-event.tiny .ev-title{font-weight:500;min-width:0}.cal-event .ev-recur{color:var(--accent);margin-left:3px}.cal-event.dragging{opacity:.85;z-index:40;cursor:grabbing;box-shadow:0 8px 20px #00000059}.cal-event.occ{border-left-style:dashed;opacity:.72}.cal-event.done{opacity:.5;border-left-color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,var(--card))}.cal-event.done .ev-title{text-decoration:line-through}.cal-event.provisional{opacity:.75;border-style:dashed;pointer-events:none;z-index:45}.cal-event[data-color]{border-left-color:var(--c);background:color-mix(in srgb,var(--c) 22%,var(--card))}.cal-bar[data-color]{background:color-mix(in srgb,var(--c) 78%,var(--card))}.cal-bar.dot[data-color]{background:none}.cal-bar.dot[data-color]:before{background:var(--c)}.cal-bar.dot.auto[data-color]:before{background:none;border-color:var(--c)}.cal-event.auto{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 13%,var(--card)) 0 7px,color-mix(in srgb,var(--accent) 7%,var(--card)) 7px 14px);border-left-style:dotted;border-left-width:3px}.cal-event.auto .ev-time{font-style:italic}.cal-resize{position:absolute;left:0;right:0;bottom:0;height:7px;cursor:ns-resize}.cal-resize:hover{background:color-mix(in srgb,var(--accent) 45%,transparent)}.cal-now{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--danger);z-index:30;pointer-events:none}.cal-now:before{content:"";position:absolute;left:-5px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.cal-bar{border-radius:5px;background:color-mix(in srgb,var(--accent) 78%,var(--card));color:#fff;font-size:11.5px;font-weight:600;padding:2px 7px;margin:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;-webkit-user-select:none;user-select:none;z-index:2}.cal-bar.cut-start{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.cal-bar.cut-end{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.cal-bar.occ{opacity:.72}.cal-bar.done{background:color-mix(in srgb,var(--ok) 70%,var(--card));text-decoration:line-through}.cal-bar.dot{background:none;color:var(--text);font-weight:500;padding-left:14px;position:relative}.cal-bar.dot:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.cal-bar.dot.done:before{background:var(--ok)}.cal-bar.dot.auto:before{background:none;border:1.5px solid var(--accent)}.agenda-row.auto .ag-time{font-style:italic}.cal-month{flex:1;display:flex;flex-direction:column;min-height:0}.cal-month-head{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-bottom:4px}.cal-month-head div{text-align:center}.cal-month-rows{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--grid-line);border-left:1px solid var(--grid-line);min-height:0}.cal-mrow{flex:1;position:relative;min-height:0}.cal-mcells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr)}.cal-mday{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);padding:2px;overflow:hidden;cursor:pointer}.cal-mday.other{background:color-mix(in srgb,var(--text) 3%,transparent)}.cal-mday.today{background:color-mix(in srgb,var(--accent) 8%,transparent)}.cal-mnum{border:none;background:none;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;padding:1px 5px;border-radius:999px}.cal-mday.today .cal-mnum{background:var(--accent);color:#fff}.cal-mday:not(.other) .cal-mnum{color:var(--text)}.cal-mbars{position:relative;height:100%;padding-top:24px;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:19px;gap:1px;pointer-events:none}.cal-mbars>*{pointer-events:auto}.cal-more{border:none;background:none;color:var(--muted);font-size:11px;text-align:left;padding:0 6px;cursor:pointer}.cal-more:hover{color:var(--accent)}.cal-agenda{flex:1;overflow-y:auto;max-width:720px;margin:0 auto;width:100%}.cal-agenda .section-title.is-today{color:var(--accent)}.cal-agenda .section-title.overdue{color:var(--danger)}.agenda-row{display:flex;gap:12px;align-items:baseline;width:calc(100% - 28px);margin:0 14px 6px;text-align:left;border:none;background:var(--card);color:var(--text);border-radius:10px;padding:9px 13px;cursor:pointer;box-shadow:var(--shadow)}.agenda-row .ag-time{flex:0 0 92px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.agenda-row .ag-title{flex:1;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}.agenda-row .ag-lane{font-size:12px;color:var(--muted)}.agenda-row.done .ag-title{text-decoration:line-through;opacity:.6}.agenda-row.occ{opacity:.8}.cal-rail{flex:0 0 220px;display:flex;flex-direction:column;min-height:0;background:var(--lane);border-radius:12px;padding:0 0 8px}.cal-rail .section-title{margin:12px 12px 6px}.cal-rail-list{flex:1;overflow-y:auto;padding:0 8px;display:flex;flex-direction:column;gap:6px}.cal-rail-item{background:var(--card);border-radius:9px;padding:8px 10px;font-size:13px;cursor:grab;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;touch-action:none}.cal-rail-item .ri-title{display:block;font-weight:600;overflow-wrap:anywhere}.cal-rail-item .ri-lane{font-size:11.5px;color:var(--muted)}.cal-ghost{position:fixed;z-index:1200;pointer-events:none;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:8px;box-shadow:0 8px 20px #00000059;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.cal{--gutter-w: 44px}.cal-rail{display:none}.cal-title{flex:1 0 100%;order:-1}.cal-modes button{padding:5px 10px;font-size:13px}}#search-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(4px);z-index:1500;padding:calc(16px + env(safe-area-inset-top)) 14px 14px;overflow-y:auto}.search-box{display:flex;gap:8px;max-width:680px;margin:0 auto}#search-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font-size:16px}#search-close{border:none;background:var(--card);color:var(--muted);border-radius:12px;width:46px;cursor:pointer;font-size:15px}#search-results{max-width:680px;margin:12px auto 0;display:flex;flex-direction:column;gap:8px}.result{text-align:left;border:none;background:var(--card);color:var(--text);border-radius:10px;padding:10px 14px;cursor:pointer;box-shadow:var(--shadow)}.result strong{font-size:14.5px}.result-lane{color:var(--muted);font-size:12.5px;margin-left:8px}.result-snippet{color:var(--muted);font-size:13px;margin-top:3px;overflow-wrap:anywhere}dialog{border:none;border-radius:16px;background:var(--bg);color:var(--text);padding:0;width:min(680px,calc(100vw - 24px))}dialog::backdrop{background:#0000008c}@media(max-width:600px){dialog:not(.clock-dlg){width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}}#card-form{display:flex;flex-direction:column;gap:10px;padding:16px;height:100%}#card-title{border:none;background:none;color:var(--text);font-size:19px;font-weight:700;padding:4px 2px}#card-title:focus{outline:none;border-bottom:2px solid var(--accent)}.tabs{display:flex;gap:6px}.tabs button{border:none;background:none;color:var(--muted);padding:5px 12px;border-radius:999px;font-size:13.5px;cursor:pointer}.tabs button.active{background:var(--lane);color:var(--text)}#card-content{flex:1;min-height:32vh;resize:vertical;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:12px;font:14px/1.55 ui-monospace,SF Mono,Menlo,monospace}#card-preview{flex:1;min-height:32vh;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--card);padding:4px 14px}.markdown img{max-width:100%}.markdown input[type=checkbox]{accent-color:var(--accent)}.markdown pre{overflow-x:auto;background:var(--lane);padding:10px;border-radius:8px}.card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card-meta .time-chip{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap}.card-meta .time-chip:hover{border-color:var(--accent)}.card-meta .time-chip .tag{display:none;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:5px;padding:1px 5px}.card-meta .time-chip.auto .tag{display:inline}.card-meta .time-chip.auto{border-style:dashed}.card-meta .arrow{color:var(--muted);font-size:13px}.card-meta .swatch-btn{flex:none;min-width:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer;padding:0}.card-meta .swatch-btn:hover{border-color:var(--accent)}.card-meta .swatch-btn i{width:18px;height:18px;border-radius:50%;background:var(--c, var(--accent))}#color-pop{position:absolute;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;margin-top:4px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 10px 30px #0000004d}#color-pop[hidden]{display:none}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;background:var(--c, var(--accent));cursor:pointer;padding:0}.swatch[data-color=""]{background:var(--accent)}.swatch.on{border-color:var(--text)}.card-meta .linkish{border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 2px;white-space:nowrap}.card-meta .linkish:hover{color:var(--accent)}.card-meta button[hidden],.card-meta input[hidden],.card-meta span[hidden]{display:none}.card-meta input,.card-meta select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:13.5px;flex:1;min-width:90px}#card-form footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding-bottom:env(safe-area-inset-bottom)}#card-form footer button{padding:9px 16px;border:none;border-radius:10px;font-size:14.5px;cursor:pointer}button.primary{background:var(--accent);color:#fff}button.danger{background:none;color:var(--danger)}button.complete{background:none;color:var(--ok);margin-right:auto}.clock-dlg{border:none;border-radius:20px;background:var(--bg);color:var(--text);padding:18px;width:fit-content;max-width:calc(100vw - 24px);box-shadow:0 18px 50px #00000073}.clock-dlg::backdrop{background:#00000080}.clock-head{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:14px}.clock-seg{border:none;border-radius:10px;background:var(--lane);color:var(--muted);font-size:40px;font-weight:400;font-variant-numeric:tabular-nums;padding:4px 14px;cursor:pointer;line-height:1.15}.clock-seg.active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.clock-colon{font-size:34px;color:var(--muted)}.clock-dial{position:relative;width:260px;height:260px;border-radius:50%;background:var(--lane);touch-action:none;-webkit-user-select:none;user-select:none}.clock-nums{position:absolute;inset:0}.clock-num{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:15px;font-variant-numeric:tabular-nums;pointer-events:none;z-index:2}.clock-num.inner{font-size:13px;color:var(--muted)}.clock-num.sel{color:#fff;font-weight:600}.clock-hand{position:absolute;left:130px;bottom:130px;width:2px;background:var(--accent);transform-origin:50% 100%;z-index:1}.clock-knob{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:var(--accent)}.clock-hand.offgrid .clock-knob{width:10px;height:10px;top:-5px}.clock-centre{position:absolute;left:130px;top:130px;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--accent);z-index:3}.clock-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.clock-foot button{border:none;border-radius:9px;background:none;color:var(--muted);font-size:14px;padding:8px 14px;cursor:pointer}.clock-auto{margin-right:auto;color:var(--accent)!important}.clock-ok{background:var(--accent)!important;color:#fff!important}#toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 18px;border-radius:999px;font-size:14px;z-index:2000;max-width:88vw;text-align:center}