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}: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:focus-visible,.add-countdown-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.compact-field{gap:6px;font-size:12px}.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]{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}}@container (max-width: 359px) and (min-height: 300px){.clock-card[data-countdown-count]:not([data-countdown-count="0"]){overflow-y:auto}.countdown-grid{grid-template-columns:1fr}}@container (min-width: 360px) 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: 360px) 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: 299px){.countdown-grid{grid-template-columns:repeat(var(--countdown-count),minmax(145px,1fr));padding-bottom:3px;overflow-x:auto;scrollbar-width:thin}}@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}}