@charset "UTF-8";html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#c4dbfc}app-root{display:block;height:100%}html.brand-sakumos,html.brand-sakumos body{background:#fff5f8}html.brand-sakumos ui-layout{--background-color-not-top-page: #fff5f8}.sakumos-shell{position:relative;min-height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#fff6fa,#ffe6f0 55%,#ffd6e6)}.sakumos-shell.sky-morning{background:linear-gradient(180deg,#ffe9d6,#ffd9c7 40%,#ffc9d8)}.sakumos-shell.sky-day{background:linear-gradient(180deg,#dff1ff,#eaf7ff,#fff5fb)}.sakumos-shell.sky-evening{background:linear-gradient(180deg,#ffd1a6,#ff9e8a 45%,#b98ac9)}.sakumos-shell.sky-night{background:linear-gradient(180deg,#161d44,#282960 55%,#3a2f6b)}.sakumos-head{position:absolute;top:0;left:0;right:0;z-index:2;padding:1.1rem 1.5rem .25rem;text-align:center;pointer-events:none}.sakumos-logo{font-size:1.6rem;font-weight:800;color:#e85d92;letter-spacing:.02em;text-shadow:0 1px 3px rgba(255,255,255,.85)}.sky-night .sakumos-logo{color:#ffd1e0;text-shadow:0 0 10px rgba(255,160,200,.6)}.sakumos-main{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;padding:3.6rem 1rem;box-sizing:border-box}.stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.85;animation:twinkle 3s ease-in-out infinite}.star:nth-child(1){top:62%;left:50%;width:3px;height:3px;animation-delay:.4s}.star:nth-child(2){top:23%;left:87%;width:4px;height:4px;animation-delay:.8s}.star:nth-child(3){top:76%;left:28%;width:2px;height:2px;animation-delay:1.2s}.star:nth-child(4){top:37%;left:65%;width:3px;height:3px;animation-delay:1.6s}.star:nth-child(5){top:90%;left:6%;width:4px;height:4px;animation-delay:2s}.star:nth-child(6){top:51%;left:43%;width:2px;height:2px;animation-delay:2.4s}.star:nth-child(7){top:12%;left:80%;width:3px;height:3px;animation-delay:0s}.star:nth-child(8){top:65%;left:21%;width:4px;height:4px;animation-delay:.4s}.star:nth-child(9){top:26%;left:58%;width:2px;height:2px;animation-delay:.8s}.star:nth-child(10){top:79%;left:95%;width:3px;height:3px;animation-delay:1.2s}.star:nth-child(11){top:40%;left:36%;width:4px;height:4px;animation-delay:1.6s}.star:nth-child(12){top:93%;left:73%;width:2px;height:2px;animation-delay:2s}.star:nth-child(13){top:54%;left:14%;width:3px;height:3px;animation-delay:2.4s}.star:nth-child(14){top:15%;left:51%;width:4px;height:4px;animation-delay:0s}.star:nth-child(15){top:68%;left:88%;width:2px;height:2px;animation-delay:.4s}.star:nth-child(16){top:29%;left:29%;width:3px;height:3px;animation-delay:.8s}.star:nth-child(17){top:82%;left:66%;width:4px;height:4px;animation-delay:1.2s}.star:nth-child(18){top:43%;left:7%;width:2px;height:2px;animation-delay:1.6s}.star:nth-child(19){top:4%;left:44%;width:3px;height:3px;animation-delay:2s}.star:nth-child(20){top:57%;left:81%;width:4px;height:4px;animation-delay:2.4s}.star:nth-child(21){top:18%;left:22%;width:2px;height:2px;animation-delay:0s}.star:nth-child(22){top:71%;left:59%;width:3px;height:3px;animation-delay:.4s}.star:nth-child(23){top:32%;left:96%;width:4px;height:4px;animation-delay:.8s}.star:nth-child(24){top:85%;left:37%;width:2px;height:2px;animation-delay:1.2s}.star:nth-child(25){top:46%;left:74%;width:3px;height:3px;animation-delay:1.6s}.star:nth-child(26){top:7%;left:15%;width:4px;height:4px;animation-delay:2s}.star:nth-child(27){top:60%;left:52%;width:2px;height:2px;animation-delay:2.4s}.star:nth-child(28){top:21%;left:89%;width:3px;height:3px;animation-delay:0s}.star:nth-child(29){top:74%;left:30%;width:4px;height:4px;animation-delay:.4s}.star:nth-child(30){top:35%;left:67%;width:2px;height:2px;animation-delay:.8s}.star:nth-child(31){top:88%;left:8%;width:3px;height:3px;animation-delay:1.2s}.star:nth-child(32){top:49%;left:45%;width:4px;height:4px;animation-delay:1.6s}.star:nth-child(33){top:10%;left:82%;width:2px;height:2px;animation-delay:2s}.star:nth-child(34){top:63%;left:23%;width:3px;height:3px;animation-delay:2.4s}.star:nth-child(35){top:24%;left:60%;width:4px;height:4px;animation-delay:0s}.star:nth-child(36){top:77%;left:97%;width:2px;height:2px;animation-delay:.4s}.star:nth-child(37){top:38%;left:38%;width:3px;height:3px;animation-delay:.8s}.star:nth-child(38){top:91%;left:75%;width:4px;height:4px;animation-delay:1.2s}.star:nth-child(39){top:52%;left:16%;width:2px;height:2px;animation-delay:1.6s}.star:nth-child(40){top:13%;left:53%;width:3px;height:3px;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.95}}.moon{position:absolute;top:10%;right:9%;font-size:42px;filter:drop-shadow(0 0 14px rgba(255,245,200,.65))}.particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--speed: 1}.sakumos-shell.snow .particles{--speed: 1.7}.sakumos-shell.leaf-maple .particles,.sakumos-shell.leaf-green .particles{--speed: 1.15}.particle{position:absolute;top:-8vh;font-size:18px;line-height:1;-webkit-user-select:none;user-select:none;will-change:transform;animation-name:particle-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes particle-fall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:0}8%{opacity:.95}to{transform:translate3d(var(--drift, 30px),112vh,0) rotate(var(--spin, 360deg));opacity:.95}}.particle:nth-child(1){left:92%;font-size:18px;animation-duration:calc(8s * var(--speed, 1));animation-delay:-.7s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(2){left:71%;font-size:21px;animation-duration:calc(9s * var(--speed, 1));animation-delay:-1.4s;--drift: -42px;--spin: 420deg;opacity:.84}.particle:nth-child(3){left:50%;font-size:24px;animation-duration:calc(10s * var(--speed, 1));animation-delay:-2.1s;--drift: 42px;--spin: 540deg;opacity:.96}.particle:nth-child(4){left:29%;font-size:27px;animation-duration:calc(11s * var(--speed, 1));animation-delay:-2.8s;--drift: -42px;--spin: 180deg;opacity:.6}.particle:nth-child(5){left:8%;font-size:15px;animation-duration:calc(12s * var(--speed, 1));animation-delay:-3.5s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(6){left:87%;font-size:18px;animation-duration:calc(7s * var(--speed, 1));animation-delay:-4.2s;--drift: -42px;--spin: 420deg;opacity:.84}.particle:nth-child(7){left:66%;font-size:21px;animation-duration:calc(8s * var(--speed, 1));animation-delay:-4.9s;--drift: 42px;--spin: 540deg;opacity:.96}.particle:nth-child(8){left:45%;font-size:24px;animation-duration:calc(9s * var(--speed, 1));animation-delay:-5.6s;--drift: -42px;--spin: 180deg;opacity:.6}.particle:nth-child(9){left:24%;font-size:27px;animation-duration:calc(10s * var(--speed, 1));animation-delay:-6.3s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(10){left:3%;font-size:15px;animation-duration:calc(11s * var(--speed, 1));animation-delay:-7s;--drift: -42px;--spin: 420deg;opacity:.84}.particle:nth-child(11){left:82%;font-size:18px;animation-duration:calc(12s * var(--speed, 1));animation-delay:-7.7s;--drift: 42px;--spin: 540deg;opacity:.96}.particle:nth-child(12){left:61%;font-size:21px;animation-duration:calc(7s * var(--speed, 1));animation-delay:-8.4s;--drift: -42px;--spin: 180deg;opacity:.6}.particle:nth-child(13){left:40%;font-size:24px;animation-duration:calc(8s * var(--speed, 1));animation-delay:-9.1s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(14){left:19%;font-size:27px;animation-duration:calc(9s * var(--speed, 1));animation-delay:-9.8s;--drift: -42px;--spin: 420deg;opacity:.84}.particle:nth-child(15){left:98%;font-size:15px;animation-duration:calc(10s * var(--speed, 1));animation-delay:-10.5s;--drift: 42px;--spin: 540deg;opacity:.96}.particle:nth-child(16){left:77%;font-size:18px;animation-duration:calc(11s * var(--speed, 1));animation-delay:-11.2s;--drift: -42px;--spin: 180deg;opacity:.6}.particle:nth-child(17){left:56%;font-size:21px;animation-duration:calc(12s * var(--speed, 1));animation-delay:-11.9s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(18){left:35%;font-size:24px;animation-duration:calc(7s * var(--speed, 1));animation-delay:-12.6s;--drift: -42px;--spin: 420deg;opacity:.84}.particle:nth-child(19){left:14%;font-size:27px;animation-duration:calc(8s * var(--speed, 1));animation-delay:-13.3s;--drift: 42px;--spin: 540deg;opacity:.96}.particle:nth-child(20){left:93%;font-size:15px;animation-duration:calc(9s * var(--speed, 1));animation-delay:-14s;--drift: -42px;--spin: 180deg;opacity:.6}.particle:nth-child(21){left:72%;font-size:18px;animation-duration:calc(10s * var(--speed, 1));animation-delay:-14.7s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(22){left:51%;font-size:21px;animation-duration:calc(11s * var(--speed, 1));animation-delay:-15.4s;--drift: -42px;--spin: 420deg;opacity:.84}.particle:nth-child(23){left:30%;font-size:24px;animation-duration:calc(12s * var(--speed, 1));animation-delay:-16.1s;--drift: 42px;--spin: 540deg;opacity:.96}.particle:nth-child(24){left:9%;font-size:27px;animation-duration:calc(7s * var(--speed, 1));animation-delay:-16.8s;--drift: -42px;--spin: 180deg;opacity:.6}.particle:nth-child(25){left:88%;font-size:15px;animation-duration:calc(8s * var(--speed, 1));animation-delay:-17.5s;--drift: 42px;--spin: 300deg;opacity:.72}.particle:nth-child(26){left:67%;font-size:18px;animation-duration:calc(9s * var(--speed, 1));animation-delay:-18.2s;--drift: -42px;--spin: 420deg;opacity:.84}.burst{position:fixed;z-index:3;pointer-events:none;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none;animation:burst-pop 1.4s ease-out forwards}@keyframes burst-pop{0%{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:0}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(calc(var(--br, 0deg) * .25))}to{transform:translate(calc(-50% + var(--bx, 0px)),calc(-50% - var(--by, 60px))) scale(.85) rotate(var(--br, 180deg));opacity:0}}@media(prefers-reduced-motion:reduce){.particle,.star,.burst{animation:none}.particle,.burst{display:none}}