@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#354c60;--muted:#879cae;--blue:#689fc6;--line:#e1edf4;--paper:#f7fbfe;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:6px;outline:3px solid #529ac8}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}button svg{width:22px;height:22px}.winter-app{isolation:isolate;background:radial-gradient(at 50% 55%,#eaf5fc66,#0000 60%),linear-gradient(160deg,#fcfdff 8%,#f4f9fd 65%,#eef6fc);min-height:100svh;position:relative;overflow:hidden}.site-header{z-index:1;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:32px 5%;display:flex;position:relative}.brand{letter-spacing:.09em;align-items:center;gap:11px;font-size:15px;font-weight:800;display:flex}.brand-mark{color:#78a9ca;background:#eaf4fc;border:1px solid #deedf7;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg{width:25px;height:25px}.brand small{letter-spacing:.2em;color:#9ab0c1;margin-top:4px;font-size:8px;font-weight:500;display:block}.calendar-trigger{color:#6d8a9f;background:#ffffffa8;border:1px solid #deebf4;border-radius:10px;align-items:center;gap:10px;padding:11px 16px;font-size:11px;transition:background .2s,box-shadow .2s;display:flex}.calendar-trigger:hover{background:#fff;box-shadow:0 4px 16px #6c99ba12}.calendar-trigger>svg:first-child{width:17px;height:17px}.calendar-trigger>svg:last-child{width:13px;height:13px;margin-left:5px}main{z-index:1;text-align:center;padding:23px 20px 0;position:relative}.date-label{letter-spacing:.12em;color:#91a6b6;align-items:center;gap:8px;font-size:10px;display:inline-flex}.date-label>span{background:#a9c7dd;border-radius:50%;width:4px;height:4px}h1{letter-spacing:.15em;color:#70889b;margin:22px 0 6px;font-size:15px;font-weight:500}.total-number{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:center;align-items:baseline;gap:13px;min-height:110px;line-height:1.25;display:grid}.total-number>span{letter-spacing:-.055em;color:#3a5870;grid-column:2;font-family:Arial,Noto Sans JP,sans-serif;font-size:clamp(58px,8vw,92px);font-weight:600}.total-number>small{color:#829aab;grid-column:3;justify-self:start;font-size:15px}.personal-count{color:#70889b;margin:6px 0 0;font-size:12px;line-height:20px}.personal-count strong{color:#426e90;font-variant-numeric:tabular-nums;font-weight:600}.live-status{letter-spacing:.04em;color:#8fa5b5;align-items:center;gap:7px;margin-top:6px;font-size:9px;display:inline-flex}.live-status>span{background:#b8c6d0;border-radius:50%;width:5px;height:5px}.live-status.is-live>span{background:#80b8ac;box-shadow:0 0 0 3px #80b8ac14}.button-section{margin-top:36px}.button-orbit{place-items:center;width:350px;height:350px;margin:auto;display:grid;position:relative}.orbit-ring{pointer-events:none;border-radius:50%;position:absolute}.ring-one{border:1px solid #dcebf580;inset:5px}.ring-two{border:1px dashed #d6e7f080;inset:27px}.cold-button{z-index:1;color:#426e90;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(145deg,#dfedf9,#c4ddf0);border:6px solid #ffffffd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:258px;height:258px;transition:transform .12s,box-shadow .12s,filter .2s;display:flex;position:relative;box-shadow:0 10px #b6d0e4,0 18px 30px #5a92b025,inset 0 2px 9px #ffffffbf}.cold-button:hover{filter:brightness(1.025);box-shadow:0 10px #b6d0e4,0 22px 38px #5a92b035,inset 0 2px 9px #ffffffbf}.cold-button:active,.cold-button[data-pressed=true]{transition-duration:0s;transform:translateY(7px);box-shadow:0 3px #b6d0e4,0 9px 16px #5a92b025,inset 0 2px 9px #ffffffbf}.cold-button>svg{color:#74a0bf;stroke-width:1.25px;width:43px;height:43px;margin-bottom:14px}.cold-button>span{letter-spacing:.07em;padding-left:.07em;font-size:34px;font-weight:800}.cold-button>small{color:#7697b0;letter-spacing:.08em;margin-top:12px;font-size:9px}.orbit-star{color:#aac9df;font-size:26px;position:absolute}.star-one{top:73px;left:21px}.star-two{font-size:20px;bottom:62px;right:22px}.button-hint{letter-spacing:.12em;color:#7f96a8;margin:12px 0 0;font-size:11px;line-height:2.2}.button-hint strong{color:#9bafbe;font-weight:400}.connection-message{color:#859eaf;justify-content:center;align-items:center;min-height:52px;margin:23px auto 0;font-size:10px;display:flex}.connection-message:empty{min-height:0;margin:0}.quiet-note{letter-spacing:.06em;align-items:center;gap:7px;display:flex}.quiet-note>svg{color:#a6c2d6;width:13px;height:13px}.site-footer{text-align:center;z-index:1;padding:32px 20px 29px;position:relative}.site-footer>div{justify-content:center;align-items:center;gap:14px;display:flex}.site-footer svg{color:#afc8da;width:15px;height:15px}.footer-line{background:#dce8f1;width:43px;height:1px}.site-footer p{letter-spacing:.17em;color:#8a9eae;margin:16px 0 10px;font-size:11px}.site-footer>small{letter-spacing:.1em;color:#a0b3c1;font-size:8px}.ambient{pointer-events:none;z-index:0;position:absolute;inset:0}.ambient-flake{color:#d9e8f3;width:27px;height:27px;position:absolute}.flake-0{width:19px;top:24%;left:15%}.flake-1{width:12px;top:48%;left:29%}.flake-2{opacity:.65;width:36px;height:36px;top:65%;left:9%}.flake-3{width:34px;height:34px;top:35%;right:15%}.flake-4{width:16px;top:69%;right:25%}.flake-5{width:21px;top:81%;right:9%}.flake-6{opacity:.5;width:9px;top:15%;left:38%}.flake-7{opacity:.5;width:11px;top:18%;right:34%}.flake-8{width:9px;top:86%;left:23%}.snow-burst{pointer-events:none;z-index:2;position:absolute;inset:0}.snow-burst>span{color:#80b4d7;font-size:19px;animation:.8s ease-out forwards snow-out;position:absolute;top:50%;left:50%}.snow-burst>b{color:#6d9fbf;font-size:20px;animation:.8s ease-out forwards plus-out;position:absolute;top:20%;left:47%}.text-button{color:#5189b0;text-underline-offset:4px;background:0 0;border:0;padding:8px;text-decoration:underline}.calendar-dialog{width:min(580px,100vw - 32px);max-height:90svh;color:var(--ink);background:#fbfdff;border:1px solid #dfecf5;border-radius:24px;padding:30px;overflow:auto;box-shadow:0 28px 100px #31536e22}.calendar-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#354c6040}.calendar-heading{justify-content:space-between;align-items:center;display:flex}.eyebrow{letter-spacing:.12em;color:#8ca8bc;align-items:center;gap:8px;font-size:8px;display:flex}.eyebrow svg{width:17px;height:17px}.icon-button{border:1px solid var(--line);color:#7494ac;background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.icon-button.close{background:0 0;border:0;font-size:25px}.calendar-dialog h2{letter-spacing:.08em;margin:22px 0 8px;font-size:22px}.calendar-description{color:#94a8b7;margin:0;font-size:11px}.month-navigation{justify-content:space-between;align-items:center;margin:30px 0 20px;display:flex}.month-navigation h3{font-size:16px;font-weight:500}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.weekdays{text-align:center;color:#92a7b6;margin-bottom:10px;font-size:10px}.weekdays>span:first-child{color:#c58e95}.weekdays>span:last-child{color:#7a9fbd}.calendar-day{text-align:center;font-variant-numeric:tabular-nums;background:#f1f6fa;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:68px;padding:8px 3px;display:flex}.calendar-day>span{color:#869caf;font-size:10px}.calendar-day>strong{overflow-wrap:anywhere;color:#9cb1bf;font-size:12px;font-weight:500}.calendar-day.has-count{background:#e8f2fa}.calendar-day.has-count>strong{color:#537d9d}.calendar-day.is-today{outline-offset:-1.5px;background:#e3f0fb;outline:1.5px solid #92b9d5}.calendar-day.is-today>span{color:#4e83aa;font-weight:700}.calendar-summary{background:#edf5fb;border-radius:12px;justify-content:space-between;align-items:center;margin-top:22px;padding:16px;display:flex}.calendar-summary>span{color:#829aab;font-size:10px}.calendar-summary>strong{font-variant-numeric:tabular-nums;color:#527c9b;font-size:22px}.calendar-summary small{font-size:10px;font-weight:400}.calendar-footnote{text-align:center;color:#9aafbd;margin:22px 0 0;font-size:9px}.calendar-message{color:#819aab;flex-direction:column;justify-content:center;align-items:center;min-height:240px;font-size:12px;display:flex}@keyframes snow-out{0%{opacity:.8;transform:rotate(var(--angle)) translateY(-70px) rotate(calc(-1 * var(--angle)))}to{opacity:0;transform:rotate(var(--angle)) translateY(-190px) rotate(calc(-1 * var(--angle)))}}@keyframes plus-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-65px)}}@media (min-height:950px){main{padding-top:5vh}.button-section{margin-top:5vh}.site-footer{padding-top:5vh}}@media (max-width:600px){.site-header{padding:23px}.brand{gap:9px;font-size:13px}.brand-mark{width:34px;height:34px}.brand small{font-size:7px}.calendar-trigger{border-radius:10px;padding:10px}.calendar-trigger span,.calendar-trigger>svg:last-child{display:none}.calendar-trigger>svg:first-child{width:20px;height:20px}main{padding-top:26px}.total-number{min-height:98px}.total-number>span{font-size:76px}.total-number>small{font-size:13px}h1{margin-top:21px;font-size:13px}.button-section{margin-top:25px}.button-orbit{width:310px;height:310px}.cold-button{width:232px;height:232px}.cold-button>span{font-size:31px}.cold-button>svg{width:37px;height:37px}.button-hint{margin-top:16px;font-size:10px}.site-footer{padding-top:25px}.flake-0{top:25%;left:8%}.flake-3{width:20px;top:38%;right:6%}.flake-2{width:23px;top:70%;left:2%}.flake-1{left:12%}.calendar-dialog{border:0;border-radius:0;width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;padding:25px 19px}.calendar-day{min-height:66px}.calendar-grid{gap:4px}}@media (max-width:350px){.button-orbit{width:275px;height:290px}.cold-button{width:217px;height:217px}.total-number>span{font-size:64px}.site-header{padding:18px}.calendar-day{min-height:58px}}@media (max-width:600px) and (min-height:741px){.winter-app{flex-direction:column;display:flex}.site-header{width:100%;margin:0 auto}main{flex-direction:column;flex:1;justify-content:center;padding-top:0;display:flex}}@media (max-width:600px) and (max-height:740px){.site-header{padding-top:14px;padding-bottom:14px}main{padding-top:6px}h1{margin-top:12px}.total-number{min-height:82px}.total-number>span{font-size:64px}.button-section{margin-top:10px}.button-orbit{width:min(275px,35svh);height:min(275px,35svh)}.cold-button{width:78%;height:78%}.connection-message{min-height:36px;margin-top:8px}.connection-message:empty{min-height:0;margin:0}.site-footer{padding-top:12px;padding-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.snow-burst{display:none}}