html[data-theme=light],body[data-theme=light],html[theme-mode=light],body[theme-mode=light]{--bg-body: rgb(255, 255, 255);--ccm-chart-N700: #373c43;--ccm-chart-B500: #3370ff;--ccm-chart-I500: #4954e6;--ccm-chart-G500: #34c724;--ccm-chart-W500: #14c0ff;--ccm-chart-Y500: #ffc60a;--ccm-chart-O500: #f80;--ccm-chart-R400: #f76964}html[data-theme=dark],body[data-theme=dark],html[theme-mode=dark],body[theme-mode=dark]{--bg-body: #1a1a1a;--ccm-chart-N700: #e0e0e0;--ccm-chart-B500: #4c88ff;--ccm-chart-I500: #5f69ed;--ccm-chart-G500: #54c248;--ccm-chart-W500: #42bdeb;--ccm-chart-Y500: #fac823;--ccm-chart-O500: #f2962c;--ccm-chart-R400: #cc4743}@font-face{font-family:Cormorant Garamond Variable;src:url(./cormorant-garamond-latin-variable-d80df8ff.woff2) format("woff2-variations");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Phosphor;src:url(./phosphor-regular-c2ea45ea.woff2) format("woff2");font-style:normal;font-weight:400;font-display:block}.ph{font-family:Phosphor!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:never;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-calendar-blank:before{content:""}.countdown-card:nth-child(1) .countdown-glyph:before{content:""}.countdown-card:nth-child(2) .countdown-glyph:before{content:""}.countdown-card:nth-child(3) .countdown-glyph:before{content:""}.ph-clipboard-text:before{content:""}.ph-target:before{content:""}.ph-caret-right:before{content:""}.ph-x:before{content:""}.ph-plus:before{content:""}.ph-check:before{content:""}.ph-leaf:before{content:""}.ph-trash:before{content:""}.ph-minus:before{content:""}:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";color:#1f2329;background:var(--host-background, #ffffff);font-synthesis:none;--host-background: #ffffff;--canvas: #ffffff;--surface: #ffffff;--surface-muted: #f7f8fa;--text: #1f2329;--muted: #646a73;--faint: #8f959e;--line: rgba(31, 35, 41, .12);--blue: #3370ff;--blue-soft: #e8f0ff;--green: #34a853;--green-soft: #eaf7ed;--danger: #d83931;--orange: #e8590c;--amber: #b7791f;--card-shadow: 0 1px 2px rgba(31, 35, 41, .03)}:root[data-theme=dark]{color:#f5f6f7;--canvas: #1f2023;--surface: #25262a;--surface-muted: #2b2c31;--text: #f5f6f7;--muted: #b3b7be;--faint: #8b9098;--line: rgba(255, 255, 255, .13);--blue: #6c9bff;--blue-soft: rgba(51, 112, 255, .2);--green: #62c37a;--green-soft: rgba(52, 168, 83, .16);--danger: #ff6b63;--orange: #ff9f43;--amber: #f6c453;--card-shadow: none}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;min-height:0;margin:0}body{overflow:hidden;color:var(--text);background:var(--host-background)}button,input,select{font:inherit}.app-shell{display:flex;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--host-background)}.preview-pane{container-type:size;flex:1;min-width:0;min-height:0;padding:0;overflow:hidden;background:var(--host-background)}.clock-card{--clock-font-size: 64px;--detail-font-size: 14px;position:relative;display:flex;width:100%;height:100%;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:transparent}.clock-card[data-scale="160"] .clock-time{letter-spacing:0}.clock-face{display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,3cqh,28px) clamp(4px,2cqw,24px);text-align:center}.clock-row{display:flex;min-width:0;max-width:100%;align-items:baseline;justify-content:center;gap:clamp(4px,2cqw,18px)}.clock-time{display:block;max-width:100%;color:#000;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:var(--clock-font-size);font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums;font-weight:700;letter-spacing:.045em;line-height:1;white-space:nowrap}:root[data-theme=dark] .clock-time{color:#fff}.day-period{color:var(--muted);font-size:var(--detail-font-size);font-weight:600;white-space:nowrap}.clock-date{max-width:100%;margin:clamp(4px,2.5cqh,20px) 0 0;overflow:hidden;color:var(--muted);font-size:var(--detail-font-size);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.countdown-card:is(button):focus-visible,.countdown-add-card:focus-visible,.close-countdown-manager:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.countdown-section{width:100%;flex:0 0 auto;padding:0 clamp(10px,2.5cqw,28px) clamp(10px,3cqh,28px)}.countdown-section[hidden]{display:none}.countdown-grid{display:grid;width:100%;grid-template-columns:repeat(var(--countdown-count),minmax(0,1fr));gap:clamp(7px,1.4cqw,14px)}.countdown-card{--urgency-color: var(--blue);--urgency-soft: color-mix(in srgb, var(--blue) 10%, transparent);position:relative;min-width:0;padding:clamp(10px,1.7cqw,16px) clamp(12px,1.8cqw,18px) clamp(10px,1.7cqw,16px) clamp(17px,2.1cqw,22px);overflow:hidden;border:0;border-radius:10px;background:linear-gradient(100deg,var(--urgency-soft) 0%,color-mix(in srgb,var(--surface) 97%,transparent) 64%,transparent 100%);box-shadow:none}.countdown-card:before{position:absolute;top:10px;bottom:10px;left:0;width:4px;border-radius:0 4px 4px 0;background:var(--urgency-color);content:""}.countdown-card[data-urgency=critical]{--urgency-color: var(--danger);--urgency-soft: color-mix(in srgb, var(--danger) 14%, transparent)}.countdown-card[data-urgency=urgent]{--urgency-color: var(--orange);--urgency-soft: color-mix(in srgb, var(--orange) 13%, transparent)}.countdown-card[data-urgency=soon]{--urgency-color: var(--amber);--urgency-soft: color-mix(in srgb, var(--amber) 12%, transparent)}.countdown-card[data-urgency=expired]{--urgency-color: var(--faint);--urgency-soft: color-mix(in srgb, var(--faint) 9%, transparent)}.countdown-card:is(button){width:100%;color:inherit;cursor:pointer;text-align:left}.countdown-card:is(button):hover{background:linear-gradient(100deg,color-mix(in srgb,var(--urgency-color) 18%,transparent) 0%,color-mix(in srgb,var(--surface) 95%,transparent) 72%,transparent 100%)}.countdown-card-heading{display:flex;min-width:0;align-items:center;gap:7px}.countdown-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--urgency-color);box-shadow:0 0 0 3px var(--urgency-soft)}.countdown-label{min-width:0;flex:1;overflow:hidden;color:var(--text);font-size:clamp(11px,1.1cqw,14px);font-weight:650;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.countdown-edit-hint{flex:0 0 auto;color:var(--faint);font-size:10px;font-weight:500;opacity:.74}.countdown-card:is(button):hover .countdown-edit-hint,.countdown-card:is(button):focus-visible .countdown-edit-hint{color:var(--blue);opacity:1}.countdown-value{display:block;margin-top:clamp(5px,1cqh,9px);overflow:hidden;color:var(--urgency-color);font-size:clamp(18px,2.5cqw,32px);font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums;font-weight:720;letter-spacing:.015em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.countdown-target{margin:clamp(5px,1cqh,8px) 0 0;overflow:hidden;color:var(--faint);font-size:clamp(10px,.95cqw,12px);line-height:16px;text-overflow:ellipsis;white-space:nowrap}.countdown-card[data-expired=true] .countdown-value{color:var(--muted)}.countdown-add-card{display:flex;min-height:78px;align-items:center;justify-content:center;gap:7px;border:1px dashed color-mix(in srgb,var(--blue) 42%,var(--line));border-radius:clamp(9px,1.3cqw,14px);color:var(--blue);background:color-mix(in srgb,var(--surface) 92%,var(--blue) 4%);cursor:pointer;font-size:clamp(12px,1.1cqw,14px);font-weight:600}.countdown-add-card:hover{border-style:solid;background:var(--blue-soft)}.countdown-manager-backdrop{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3cqw,28px);background:rgba(15,23,42,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.countdown-manager-backdrop[hidden]{display:none}.countdown-manager{display:flex;width:min(420px,100%);max-height:min(680px,100%);flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--surface);box-shadow:0 18px 56px #1f232933}:root[data-theme=dark] .countdown-manager{box-shadow:0 18px 56px #00000070}.countdown-manager-header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.countdown-manager-heading{display:flex;min-width:0;align-items:center;gap:10px}.countdown-manager-heading h2{margin:0;font-size:17px;line-height:24px}.close-countdown-manager{display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:24px;line-height:1}.close-countdown-manager:hover{color:var(--text);background:var(--surface-muted)}.countdown-manager-content{display:flex;min-height:0;flex-direction:column;gap:14px;padding:18px;overflow-y:auto}.countdown-manager-content .settings-hint,.manager-save-status{margin:0}.settings-panel{position:relative;width:340px;min-width:340px;height:100%;flex:0 0 340px;overflow:auto;border-left:1px solid var(--line);background:var(--surface);color:var(--text)}.settings-header{position:sticky;z-index:2;top:0;padding:23px 24px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.settings-header h2{margin:0;font-size:17px;line-height:24px}.settings-content{display:flex;flex-direction:column;gap:24px;padding:22px 24px 94px}.settings-group{display:flex;flex-direction:column;gap:17px}.settings-group h3,.performance-note h3{margin:0;color:var(--text);font-size:14px;font-weight:600;line-height:20px}.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.countdown-count{min-width:37px;padding:2px 7px;border-radius:999px;color:var(--blue);background:var(--blue-soft);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;line-height:18px;text-align:center}.settings-hint{margin:-9px 0 0;color:var(--faint);font-size:12px;line-height:18px}.field-label{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:13px}.field-label select,.field-label input{width:100%;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:7px;outline:0;color:var(--text);background:var(--canvas)}.field-label select{padding-right:34px}.field-label input::placeholder{color:var(--faint)}.field-label select:focus-visible,.field-label input:focus-visible{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.field-label input:invalid:not(:focus){border-color:var(--danger)}.countdown-editor-list{display:flex;flex-direction:column;gap:10px}.countdown-editor{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}.countdown-editor-header{display:flex;height:20px;align-items:center;justify-content:space-between}.countdown-index{color:var(--blue);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.08em}.delete-countdown-button{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;color:var(--faint);background:transparent;cursor:pointer;font-size:20px;line-height:1}.delete-countdown-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.delete-countdown-button:disabled{cursor:not-allowed;opacity:.48}.delete-countdown-button:focus-visible,.add-countdown-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.compact-field{gap:6px;font-size:12px}.datetime-picker{min-width:0;margin:0;padding:0;border:0}.datetime-picker legend{margin:0 0 6px;padding:0;color:var(--text);font-size:12px}.datetime-picker-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.datetime-part{display:flex;min-width:0;flex-direction:column;gap:4px;color:var(--faint);font-size:11px}.datetime-part-year{grid-column:1 / -1}.datetime-stepper{display:grid;min-width:0;grid-template-columns:44px minmax(4.5ch,1fr) 44px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--canvas)}.datetime-stepper button,.datetime-stepper input{height:44px;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:16px;line-height:44px;touch-action:manipulation}.datetime-stepper button{width:44px;cursor:pointer;color:var(--blue);font-size:22px;font-weight:600;-webkit-tap-highlight-color:transparent}.datetime-stepper button:active{background:var(--blue-soft)}.datetime-stepper button:disabled,.datetime-stepper input:disabled{color:var(--faint);cursor:not-allowed;opacity:.62}.datetime-stepper input{width:100%;min-width:4.5ch;border-right:1px solid var(--line);border-left:1px solid var(--line);border-radius:0;font-variant-numeric:tabular-nums;font-weight:650;text-align:center;-webkit-text-fill-color:currentColor}.datetime-stepper:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}@container (max-width: 340px){.datetime-picker-grid{grid-template-columns:minmax(0,1fr)}.datetime-part-year{grid-column:auto}}.countdown-empty{margin:0;padding:14px 12px;border:1px dashed var(--line);border-radius:9px;color:var(--faint);background:var(--surface-muted);font-size:12px;line-height:18px;text-align:center}.countdown-empty[hidden]{display:none}.add-countdown-button{display:flex;width:100%;height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--blue) 42%,var(--line));border-radius:8px;color:var(--blue);background:transparent;cursor:pointer;font-size:13px;font-weight:600}.add-countdown-button:hover:not(:disabled){background:var(--blue-soft)}.add-countdown-button:disabled{border-color:var(--line);color:var(--faint);cursor:not-allowed;opacity:.72}.check-label{position:relative;display:flex;align-items:center;gap:9px;color:var(--text);font-size:13px;cursor:pointer}.check-label input{position:absolute;width:1px;height:1px;opacity:0}.check-box{position:relative;width:16px;height:16px;flex:0 0 16px;border:1px solid var(--line);border-radius:4px;background:var(--canvas)}.check-label input:checked+.check-box{border-color:var(--blue);background:var(--blue)}.check-label input:checked+.check-box:after{position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.check-label input:focus-visible+.check-box{box-shadow:0 0 0 2px var(--blue-soft)}.performance-note{display:flex;gap:11px;padding:14px;border-radius:9px;background:var(--green-soft)}.performance-note h3{color:var(--green)}.performance-note p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:18px}.leaf-icon{display:flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;border-radius:50%;color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent);font-size:20px;line-height:1}.save-status{margin:-8px 0 0;color:var(--faint);font-size:12px;text-align:center}.save-status[data-status=saved]{color:var(--green)}.save-status[data-status=failed],.save-status[data-status=unavailable]{color:var(--danger)}.host-confirmation-space{position:sticky;z-index:3;bottom:0;height:70px;border-top:1px solid var(--line);background:var(--surface)}@container (max-height: 180px){.clock-date{display:none}}@container (max-width: 520px){.countdown-manager-backdrop{align-items:flex-end;padding:0}.countdown-manager{width:100%;max-height:92%;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-grid{grid-template-columns:minmax(0,1fr)}}@container (min-width: 521px) and (max-width: 900px) and (min-height: 300px){.clock-card[data-countdown-count="3"] .clock-face{flex:0 1 58%;padding-bottom:clamp(8px,1.5cqh,14px)}.clock-card[data-countdown-count="3"] .countdown-section{display:flex;min-height:0;flex:1 1 42%;padding-top:clamp(4px,1cqh,10px)}.clock-card[data-countdown-count="3"] .countdown-grid{min-height:0;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));overflow:hidden}.clock-card[data-countdown-count="3"] .countdown-card{display:flex;min-height:0;flex-direction:column;justify-content:center}.clock-card[data-countdown-count="3"] .countdown-edit-hint{display:none}.clock-card[data-countdown-count="3"] .countdown-label{font-size:clamp(12px,1.6cqw,15px)}.clock-card[data-countdown-count="3"] .countdown-value{font-size:clamp(23px,3.4cqw,32px)}.clock-card[data-countdown-count="3"] .countdown-target{font-size:clamp(10px,1.2cqw,12px)}.clock-card[data-countdown-count="3"] .countdown-card:last-child{display:grid;grid-column:1 / -1;grid-template-areas:"heading value" "target value";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:clamp(14px,3cqw,30px)}.clock-card[data-countdown-count="3"] .countdown-card:last-child .countdown-card-heading{grid-area:heading}.clock-card[data-countdown-count="3"] .countdown-card:last-child .countdown-value{grid-area:value;align-self:center;margin-top:0}.clock-card[data-countdown-count="3"] .countdown-card:last-child .countdown-target{grid-area:target}}@container (min-width: 521px) and (max-width: 900px) and (min-height: 300px) and (max-height: 460px){.clock-card[data-countdown-count="3"] .clock-face{flex-basis:60%}.clock-card[data-countdown-count="3"] .countdown-section{flex-basis:40%}.clock-card[data-countdown-count="3"] .countdown-card{padding-block:7px}.clock-card[data-countdown-count="3"] .countdown-value{margin-top:3px;font-size:clamp(17px,2.5cqw,24px)}.clock-card[data-countdown-count="3"] .countdown-target{display:none}}@container (max-width: 520px) and (max-height: 460px){.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .clock-face{padding:clamp(5px,1.8cqh,10px) clamp(4px,1.6cqw,8px)}.clock-card[data-countdown-count="1"] .clock-face{flex:1 1 68%}.clock-card[data-countdown-count="2"] .clock-face{flex:1 1 56%}.clock-card[data-countdown-count="3"] .clock-face{flex:1 1 44%}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-section{display:flex;min-height:0;padding:0 clamp(7px,2cqw,11px) clamp(7px,2cqh,10px)}.clock-card[data-countdown-count="1"] .countdown-section{flex:1 1 32%}.clock-card[data-countdown-count="2"] .countdown-section{flex:1 1 44%}.clock-card[data-countdown-count="3"] .countdown-section{flex:1 1 56%}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-grid{min-height:0;flex:1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--countdown-count),minmax(0,1fr));gap:clamp(3px,.8cqh,6px);overflow:hidden}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-card{display:grid;min-height:0;grid-template-areas:"heading value" "target value";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:clamp(8px,2.6cqw,14px);padding:clamp(5px,1.4cqh,8px) clamp(9px,2.4cqw,13px) clamp(5px,1.4cqh,8px) clamp(14px,3.6cqw,19px);border-radius:8px}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-card:before{top:5px;bottom:5px;width:3px}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-card-heading{grid-area:heading;gap:6px}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-dot{width:6px;height:6px;flex-basis:6px}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-label{font-size:clamp(11px,3.3cqw,13px);line-height:16px}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-edit-hint{display:none}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-value{grid-area:value;align-self:center;margin-top:0;font-size:clamp(17px,5cqw,22px);line-height:1.1}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-target{grid-area:target;margin-top:1px;font-size:clamp(9px,2.8cqw,11px);line-height:14px}}@container (max-height: 240px){.clock-face{padding-block:5px}.countdown-section{padding-bottom:6px}.countdown-card{padding-block:8px}.countdown-target{display:none}.countdown-manager-backdrop{padding:5px}.countdown-manager{max-height:100%;border-radius:10px}.countdown-manager-header{min-height:44px;padding:6px 12px}.countdown-manager-content{padding:10px 12px}}@container (max-height: 150px){.countdown-card{padding:6px 10px 6px 15px}.countdown-card:before{top:6px;bottom:6px;width:3px}.countdown-card-heading{display:flex;gap:5px}.countdown-label{font-size:10px;line-height:13px}.countdown-edit-hint{display:none}.countdown-value{margin-top:2px;font-size:clamp(15px,2.5cqw,21px)}}@container (max-width: 260px){.clock-face{padding-inline:2px}.clock-time{letter-spacing:.01em}}@container (max-height: 64px){.clock-face{padding-bottom:0}.countdown-section{display:none}}:root{--watercolor-ink: #145c5e;--watercolor-ink-soft: #397476;--watercolor-celadon: #7cae9b;--watercolor-celadon-soft: rgba(124, 174, 155, .16);--watercolor-gold: #b98a4b;--watercolor-paper: rgba(255, 255, 250, .76);--watercolor-paper-strong: rgba(255, 255, 252, .92);--watercolor-line: rgba(20, 92, 94, .18);--canvas: #f7fbf7;--surface: #fffefa;--surface-muted: #f2f7f2;--text: #234f50;--muted: #4f7474;--faint: #799392;--line: rgba(35, 79, 80, .14);--blue: #2b7a78;--blue-soft: rgba(43, 122, 120, .12);--green: #4d8c72;--green-soft: rgba(77, 140, 114, .12);--danger: #b15f55;--orange: #b9794b;--amber: #a88d4d}:root[data-theme=dark]{--watercolor-ink: #d9f0e9;--watercolor-ink-soft: #aacdc4;--watercolor-celadon: #7fbca5;--watercolor-celadon-soft: rgba(127, 188, 165, .18);--watercolor-gold: #d8b875;--watercolor-paper: rgba(17, 43, 44, .78);--watercolor-paper-strong: rgba(17, 43, 44, .94);--watercolor-line: rgba(217, 240, 233, .18);--canvas: #102a2b;--surface: #173536;--surface-muted: #1d4040;--text: #e6f3ef;--muted: #b5cfca;--faint: #88aaa4;--line: rgba(230, 243, 239, .14);--blue: #86c6b5;--blue-soft: rgba(134, 198, 181, .16);--green: #8bc9a8;--green-soft: rgba(139, 201, 168, .15);--danger: #ee9589;--orange: #e7ae72;--amber: #dbc47e}.preview-pane{background:#edf7f4}.clock-card{background-color:#f8fbf31a;background-image:url(./watercolor-lake-background-9e0bee8f.png);background-position:center;background-repeat:no-repeat;background-size:cover;isolation:isolate}:root[data-theme=dark] .clock-card{background-color:#051b1db8;background-blend-mode:multiply}.clock-face{flex:1 1 auto;justify-content:center;padding:clamp(24px,8cqh,88px) clamp(20px,8cqw,112px) clamp(12px,2.5cqh,30px);transform:translateY(clamp(10px,4cqh,42px))}.clock-row{gap:clamp(6px,1.2cqw,16px)}.clock-time{color:var(--watercolor-ink);font-family:Cormorant Garamond Variable,Iowan Old Style,"Bodoni 72",Georgia,serif;font-weight:400;letter-spacing:.025em;line-height:.88;text-shadow:0 1px 0 rgba(255,255,255,.48)}:root[data-theme=dark] .clock-time{color:var(--watercolor-ink);text-shadow:0 1px 12px rgba(0,0,0,.28)}.day-period{color:var(--watercolor-ink-soft);font-weight:500}.clock-date{margin-top:clamp(12px,2.3cqh,26px);color:var(--watercolor-ink);font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:clamp(14px,var(--detail-font-size),30px);font-weight:400;letter-spacing:.2em;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.48)}:root[data-theme=dark] .clock-date{text-shadow:0 1px 10px rgba(0,0,0,.34)}.countdown-section{width:min(100%,1160px);margin:0 auto;padding:0 clamp(24px,4.5cqw,72px) clamp(90px,19.5cqh,205px)}.countdown-surface{display:flex;min-height:clamp(112px,14cqh,142px);overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:clamp(18px,1.7cqw,24px);background:var(--watercolor-paper);box-shadow:0 18px 50px #33696214;backdrop-filter:blur(16px) saturate(.9);-webkit-backdrop-filter:blur(16px) saturate(.9)}:root[data-theme=dark] .countdown-surface{border-color:#d9f0e924;box-shadow:0 18px 54px #0003}.countdown-grid{display:grid;min-width:0;flex:1 1 auto;grid-template-columns:repeat(var(--countdown-count),minmax(0,1fr));gap:0}.countdown-card{--urgency-color: var(--watercolor-ink);position:relative;display:grid;min-height:100%;grid-template-columns:clamp(44px,4.2cqw,54px) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:clamp(10px,1.2cqw,16px);padding:clamp(16px,2.4cqh,26px) clamp(18px,2.2cqw,30px);border:0;border-radius:0;background:transparent;box-shadow:none}.countdown-card+.countdown-card{border-left:1px solid var(--watercolor-line)}.countdown-card:before{display:none}.countdown-card:is(button):hover{background:rgba(255,255,255,.26)}.countdown-card:is(button):active{background:rgba(124,174,155,.12)}.countdown-card-heading{display:contents}.countdown-icon{display:inline-flex;width:clamp(40px,4cqw,52px);height:clamp(40px,4cqw,52px);grid-row:1 / 3;grid-column:1;align-self:center;align-items:center;justify-content:center;border-radius:50%;color:var(--urgency-color);background:var(--watercolor-celadon-soft);font-size:clamp(20px,1.8cqw,25px)}.countdown-label{grid-row:1;grid-column:2;align-self:end;color:var(--watercolor-ink);font-size:clamp(12px,1.15cqw,16px);font-weight:650;letter-spacing:.04em;line-height:1.35}.countdown-value{grid-row:2;grid-column:2;align-self:start;margin-top:clamp(2px,.5cqh,6px);color:var(--urgency-color);font-family:Cormorant Garamond Variable,Iowan Old Style,Georgia,serif;font-size:clamp(31px,3.4cqw,44px);font-weight:500;letter-spacing:.02em;line-height:.95}.countdown-target,.countdown-edit-hint,.countdown-dot{display:none}.countdown-card[data-urgency=critical]{--urgency-color: #a7674e}.countdown-card[data-urgency=urgent]{--urgency-color: #aa7b43}.countdown-card[data-urgency=soon]{--urgency-color: #718c66}.countdown-card[data-urgency=expired]{--urgency-color: var(--faint)}.countdown-manage-button{display:inline-flex;min-width:clamp(132px,13cqw,168px);flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 clamp(18px,2cqw,28px);border:0;border-left:1px solid var(--watercolor-line);color:var(--watercolor-ink);background:transparent;cursor:pointer;font-size:clamp(12px,1cqw,15px);font-weight:600;white-space:nowrap}.countdown-manage-button:hover{background:rgba(255,255,255,.28)}.countdown-manage-button .ph{font-size:16px;transition:transform .16s ease}.countdown-manage-button:hover .ph{transform:translate(2px)}.clock-card[data-countdown-count="0"] .countdown-surface{min-height:78px}.clock-card[data-countdown-count="0"] .countdown-manage-button{display:none}.countdown-add-card{width:100%;min-height:78px;border:0;border-radius:0;color:var(--watercolor-ink);background:transparent;font-weight:600}.countdown-add-card:hover{background:rgba(255,255,255,.26)}.countdown-manager-backdrop{background:rgba(19,55,56,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.countdown-manager{border-color:#ffffff80;color:var(--text);background:var(--watercolor-paper-strong);box-shadow:0 24px 70px #1b484538;backdrop-filter:blur(22px) saturate(.9);-webkit-backdrop-filter:blur(22px) saturate(.9)}.countdown-manager-header{border-bottom-color:var(--watercolor-line)}.countdown-manager-heading h2,.settings-header h2{color:var(--watercolor-ink);font-weight:650}.close-countdown-manager{width:44px;height:44px;flex-basis:44px;color:var(--watercolor-ink-soft);font-size:20px}.close-countdown-manager:hover{color:var(--watercolor-ink);background:var(--watercolor-celadon-soft)}.settings-panel{border-left-color:var(--watercolor-line);background:var(--surface)}.settings-header{border-bottom-color:var(--watercolor-line);background:rgba(255,254,250,.96)}:root[data-theme=dark] .settings-header{background:rgba(23,53,54,.96)}.settings-group{gap:16px}.countdown-count{color:var(--watercolor-ink);background:var(--watercolor-celadon-soft)}.field-label select,.field-label input,.datetime-stepper{border-color:var(--watercolor-line);background:rgba(255,255,252,.76)}:root[data-theme=dark] .field-label select,:root[data-theme=dark] .field-label input,:root[data-theme=dark] .datetime-stepper{background:rgba(15,43,44,.72)}.countdown-editor{border-color:var(--watercolor-line);background:rgba(124,174,155,.08)}.countdown-index,.datetime-stepper button,.add-countdown-button{color:var(--watercolor-ink)}.datetime-stepper button{font-size:18px}.datetime-stepper button:active{background:var(--watercolor-celadon-soft)}.add-countdown-button{border-color:#145c5e4d}.add-countdown-button:hover:not(:disabled){background:var(--watercolor-celadon-soft)}.check-box{display:inline-flex;align-items:center;justify-content:center;border-color:var(--watercolor-line);background:rgba(255,255,252,.8)}.check-label input:checked+.check-box{border-color:var(--watercolor-ink);background:var(--watercolor-ink)}.check-label input:checked+.check-box:after{display:none}.check-box .ph{color:#fff;font-size:12px;opacity:0}.check-label input:checked+.check-box .ph{opacity:1}.performance-note{background:var(--watercolor-celadon-soft)}.performance-note h3,.leaf-icon{color:var(--watercolor-ink)}.leaf-icon{background:rgba(124,174,155,.16);font-size:16px}.host-confirmation-space{border-top-color:var(--watercolor-line);background:var(--surface)}@container (max-width: 900px){.clock-face{flex:1 1 auto;padding:clamp(22px,7cqh,64px) clamp(16px,5cqw,42px) clamp(10px,2cqh,20px)}.countdown-section,.clock-card[data-countdown-count="3"] .countdown-section{display:block;width:100%;min-height:0;flex:0 0 auto;padding:0 clamp(14px,3cqw,26px) clamp(30px,7cqh,72px)}.countdown-surface{min-height:clamp(98px,15cqh,128px)}.clock-card[data-countdown-count="3"] .countdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}.clock-card[data-countdown-count="3"] .countdown-card,.clock-card[data-countdown-count="3"] .countdown-card:last-child{display:grid;grid-column:auto;grid-template-areas:none;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:9px;padding:12px}.clock-card[data-countdown-count="3"] .countdown-card:last-child .countdown-card-heading,.clock-card[data-countdown-count="3"] .countdown-card:last-child .countdown-value{grid-area:auto}.countdown-icon{width:38px;height:38px;font-size:19px}.countdown-value,.clock-card[data-countdown-count="3"] .countdown-value{margin-top:2px;font-size:clamp(26px,4.2cqw,36px)}.countdown-label,.clock-card[data-countdown-count="3"] .countdown-label{font-size:clamp(11px,1.8cqw,14px)}.countdown-manage-button{min-width:118px;padding-inline:14px}}@container (max-width: 520px){.clock-card{background-position:54% center}.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .clock-face,.clock-card[data-countdown-count="1"] .clock-face,.clock-card[data-countdown-count="2"] .clock-face,.clock-card[data-countdown-count="3"] .clock-face{flex:1 1 48%;padding:clamp(18px,5cqh,44px) 10px 8px;transform:none}.clock-date{margin-top:10px;letter-spacing:.035em}.countdown-section,.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-section,.clock-card[data-countdown-count="1"] .countdown-section,.clock-card[data-countdown-count="2"] .countdown-section,.clock-card[data-countdown-count="3"] .countdown-section{display:flex;width:100%;min-height:0;flex:1 1 52%;padding:0 12px clamp(14px,3cqh,26px)}.countdown-surface{width:100%;min-height:0;max-height:100%;flex:1;flex-direction:column;border-radius:20px}.countdown-grid,.clock-card[data-countdown-count="3"] .countdown-grid{min-height:0;flex:1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--countdown-count),minmax(0,1fr));overflow:hidden}.countdown-card,.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-card,.clock-card[data-countdown-count="3"] .countdown-card,.clock-card[data-countdown-count="3"] .countdown-card:last-child{display:grid;min-height:0;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto;align-content:center;align-items:center;column-gap:10px;padding:9px 14px}.countdown-card+.countdown-card{border-top:1px solid var(--watercolor-line);border-left:0}.countdown-icon{width:38px;height:38px;grid-row:1;grid-column:1;font-size:19px}.countdown-label,.clock-card[data-countdown-count="3"] .countdown-label{grid-row:1;grid-column:2;align-self:center;font-size:13px}.countdown-value,.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-value,.clock-card[data-countdown-count="3"] .countdown-value,.clock-card[data-countdown-count="3"] .countdown-card:last-child .countdown-value{grid-row:1;grid-column:3;align-self:center;margin:0;font-size:clamp(27px,8cqw,34px)}.countdown-manage-button{width:100%;min-width:0;min-height:50px;border-top:1px solid var(--watercolor-line);border-left:0;font-size:13px}.clock-card[data-countdown-count="0"] .countdown-section{flex:0 0 auto;padding-bottom:20px}.clock-card[data-countdown-count="0"] .countdown-surface,.countdown-add-card{min-height:62px}}@container (max-height: 460px){.clock-face{padding-block:8px;transform:none}.clock-date{margin-top:5px}.countdown-section,.clock-card[data-countdown-count]:not([data-countdown-count="0"]) .countdown-section,.clock-card[data-countdown-count="3"] .countdown-section{flex:0 0 auto;padding-bottom:8px}.countdown-surface{min-height:72px}.countdown-card,.clock-card[data-countdown-count="3"] .countdown-card,.clock-card[data-countdown-count="3"] .countdown-card:last-child{padding-block:7px}.countdown-icon{width:34px;height:34px;font-size:17px}.countdown-value,.clock-card[data-countdown-count="3"] .countdown-value{font-size:clamp(22px,4cqw,30px)}.countdown-manage-button{min-height:44px}}@media (prefers-reduced-motion: reduce){.countdown-manage-button .ph{transition:none}}