:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#2d4439;background:#f5f7ee;font-synthesis:none;font-weight:400;--page-start: #f8f8f0;--page-end: #eef4ea;--glow-a: rgb(255 221 153 / 28%);--glow-b: rgb(139 198 218 / 24%);--ink: #2d4439;--ink-soft: #688071;--muted: #818c82;--accent: #6f966d;--accent-strong: #365c48;--card-start: rgb(231 239 222 / 96%);--card-end: rgb(218 232 220 / 92%);--card-line: rgb(112 145 105 / 22%);--panel: rgb(255 254 249 / 78%);--input: rgb(247 248 241 / 88%);--border: rgb(102 127 108 / 17%);--shadow: rgb(39 75 57 / 9%)}:root[data-time-theme=morning]{--page-start: #fff9eb;--page-end: #f3eee0;--glow-a: rgb(255 174 94 / 42%);--glow-b: rgb(255 218 156 / 34%);--ink: #4b4033;--ink-soft: #8e6e50;--muted: #998b79;--accent: #d58b54;--accent-strong: #8b5a3c;--card-start: rgb(255 231 193 / 94%);--card-end: rgb(241 215 183 / 91%);--card-line: rgb(167 104 63 / 22%);--panel: rgb(255 252 244 / 80%);--input: rgb(255 249 237 / 90%);--border: rgb(139 103 72 / 16%);--shadow: rgb(135 85 43 / 10%)}:root[data-time-theme=evening]{--page-start: #faf0eb;--page-end: #ece8f1;--glow-a: rgb(235 137 102 / 38%);--glow-b: rgb(138 112 179 / 29%);--ink: #493e4b;--ink-soft: #826b7c;--muted: #918390;--accent: #b46f76;--accent-strong: #70465b;--card-start: rgb(241 205 190 / 93%);--card-end: rgb(218 200 222 / 91%);--card-line: rgb(125 82 111 / 21%);--panel: rgb(255 249 247 / 78%);--input: rgb(251 245 245 / 90%);--border: rgb(117 83 105 / 16%);--shadow: rgb(95 59 82 / 11%)}:root[data-time-theme=night]{--page-start: #18252e;--page-end: #202837;--glow-a: rgb(82 132 171 / 32%);--glow-b: rgb(147 112 184 / 25%);--ink: #edf4f1;--ink-soft: #b7caca;--muted: #9caaae;--accent: #94b8c4;--accent-strong: #d5e7e7;--card-start: rgb(54 77 87 / 94%);--card-end: rgb(53 61 83 / 92%);--card-line: rgb(198 222 220 / 18%);--panel: rgb(39 51 61 / 76%);--input: rgb(28 40 50 / 78%);--border: rgb(211 230 228 / 14%);--shadow: rgb(4 10 15 / 24%)}*{box-sizing:border-box}html{min-height:100%;background:var(--page-end)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 14% -8%,var(--glow-a),transparent 43%),radial-gradient(circle at 92% 20%,var(--glow-b),transparent 38%),linear-gradient(155deg,var(--page-start),var(--page-end));background-attachment:fixed;transition:color .6s ease,background-color .6s ease}header{max-width:1120px;margin:auto;padding:32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:22px;font-weight:700}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--page-start);background:linear-gradient(145deg,var(--accent-strong),var(--accent));box-shadow:0 7px 18px var(--shadow);font-size:18px}.brand-en{margin-left:8px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:2px}.header-note{color:var(--muted);font-size:12px}main{width:min(100% - 40px,560px);margin:42px auto 64px}.intro{text-align:center;margin-bottom:35px}.eyebrow{color:var(--accent);display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2.7px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{margin:19px 0 13px;font-size:34px;line-height:1.65;letter-spacing:2px;font-weight:600}h1 span{color:var(--ink-soft)}.intro p{color:var(--muted);font-size:12px;line-height:2}.mobile{display:none}.counter{position:relative;overflow:hidden;padding:27px 32px 0;border:1px solid var(--card-line);border-radius:20px;background:linear-gradient(145deg,var(--card-start),var(--card-end));box-shadow:0 18px 55px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.counter:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgb(255 255 255 / 18%),transparent 42%);pointer-events:none}.counter:after{content:"";position:absolute;width:250px;height:250px;right:-150px;top:100px;border:1px solid var(--card-line);border-radius:50%;pointer-events:none}.card-top,#event-title,.count-wrap,.card-bottom{position:relative;z-index:1}.card-top{display:flex;align-items:center;justify-content:space-between}.small-label{color:var(--ink-soft);font-size:9px;letter-spacing:2px}.sun{color:var(--accent);font-size:30px;font-weight:400;text-shadow:0 0 24px var(--glow-a)}#event-title{margin:20px 0 18px;text-align:center;overflow-wrap:anywhere;font-size:17px;font-weight:500;letter-spacing:1px}.count-wrap{text-align:center}#relation,#target-label{color:var(--ink-soft);font-size:12px}.count-wrap>div{display:flex;align-items:baseline;justify-content:center;gap:13px;margin-bottom:4px}#count{font-size:112px;font-weight:400;letter-spacing:-7px;line-height:1.25;font-variant-numeric:tabular-nums}.day-unit{font-size:18px}#target-label{margin:8px 0 30px}.card-bottom{padding:18px 0;border-top:1px solid var(--card-line);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.settings{min-width:0;overflow:hidden;margin-top:18px;padding:25px 28px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 12px 40px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.settings h2{margin:0;font-size:13px;font-weight:600}.settings-heading>span{color:var(--muted);font-size:9px}form{min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:17px}label{min-width:0;color:var(--muted);display:flex;flex-direction:column;gap:9px;font-size:10px}input{display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;min-height:46px;margin:0;padding:11px 12px;border:1px solid var(--border);border-radius:7px;outline:none;color:var(--ink);background:var(--input);font:inherit;font-size:13px}input[type=date]{width:100%;min-width:0;max-width:100%;overflow:hidden;-webkit-appearance:none;appearance:none}input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}input[type=date]::-webkit-calendar-picker-indicator{flex:0 0 auto;margin-left:4px}:root[data-time-theme=night] input{color-scheme:dark}input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}#save-note{margin:16px 0 0;color:var(--muted);font-size:9px;line-height:1.7}.today{margin-top:25px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:13px;font-size:10px}.today>span{font-size:8px;letter-spacing:1.7px}footer{max-width:1056px;margin:0 auto;padding:23px 0 30px;border-top:1px solid var(--border);color:var(--muted);display:flex;justify-content:space-between;font-size:10px}.footer-dot{margin:0 8px}footer>span:last-child{font-size:9px;letter-spacing:1px}@media(max-width:600px){header{padding:23px 22px}.brand-en{margin-left:2px;font-size:8px;letter-spacing:1.3px}.header-note{display:none}main{max-width:430px;margin-top:31px;margin-bottom:42px}h1{font-size:27px;letter-spacing:1px}.intro{margin-bottom:27px}.intro p{font-size:11px}.mobile{display:block}.counter{padding:20px 23px 0}#count{font-size:100px}form{grid-template-columns:minmax(0,1fr)}.settings{padding:23px}.settings-heading{margin-bottom:21px}input{font-size:16px}.card-bottom{font-size:9px}.settings-heading>span{font-size:8px}footer{margin:0 22px;justify-content:center;font-size:9px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:no-preference){main{animation:appear .6s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}