*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#060509;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100%}.sf{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.osw{font-family:Oswald,Arial Narrow,sans-serif}.jp{font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::-webkit-scrollbar{width:0;height:0}.noscroll::-webkit-scrollbar{display:none}.noscroll{scrollbar-width:none}input,button,textarea{font-family:inherit}button{border:none;background:none;padding:0;cursor:pointer;color:inherit}@keyframes petalfall{0%{transform:translateY(-44px);opacity:0}7%{opacity:var(--po, .5)}84%{opacity:var(--po, .5)}to{transform:translateY(108vh);opacity:0}}@keyframes petalsway{0%{transform:translate(-14px) rotate(-22deg)}to{transform:translate(16px) rotate(46deg)}}@keyframes lanternrise{0%{transform:translateY(0);opacity:0}6%{opacity:var(--lo, .45)}88%{opacity:var(--lo, .45)}to{transform:translateY(calc(-100dvh - 140px));opacity:0}}@keyframes moonspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowpulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}@keyframes shakex{0%,to{transform:translate(0)}25%{transform:translate(-4px)}60%{transform:translate(3px)}}@keyframes pulsedot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes zoomin{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--pink-ink);outline-offset:2px;border-radius:4px}.inp{background:var(--key);border:1px solid var(--hairline);border-radius:10px;color:var(--ink);outline:none;transition:border-color var(--dur-1) ease}.inp:focus{border-color:var(--pink)}.paused-anims .bd *{animation-play-state:paused!important}@keyframes sheetin{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes bloom{0%{transform:translate(-50%) scale(.4) rotate(-30deg);opacity:0}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes moonrise{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes moonfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes risein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:risein var(--dur-2) var(--ease-calm) both;animation-delay:var(--d, 0s)}.screen-swap{animation:fadein var(--dur-2) var(--ease-calm) both}.breathe{animation:pulsedot 1.8s var(--ease-calm) infinite}.tap{transition:transform var(--dur-1) var(--ease-calm),box-shadow var(--dur-1) ease,opacity var(--dur-1) ease}.tap:active{transform:scale(.95)}.tap.key:active{transform:scale(.9)}.fab{transform:translate(-50%);box-shadow:0 10px 26px var(--pink-glow);transition:transform .12s cubic-bezier(.22,1,.36,1)}.fab:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,var(--pink-glow),transparent 70%);animation:glowpulse 3.8s ease-in-out infinite;z-index:-1}.fab:active{transform:translate(-50%) scale(.9)}.glass{background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-hi),0 8px 30px #0000002e}::view-transition-old(root){animation:none}::view-transition-new(root){animation:themereveal var(--dur-3) var(--ease-calm);mix-blend-mode:normal}@keyframes themereveal{0%{clip-path:circle(0 at var(--vt-x, 100%) var(--vt-y, 0))}to{clip-path:circle(160% at var(--vt-x, 100%) var(--vt-y, 0))}}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.ambient .blob{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;filter:blur(60px);will-change:transform}.app.dark .ambient .blob{mix-blend-mode:screen}.app.light .ambient .blob{mix-blend-mode:multiply}.ambient .b1{top:-8%;left:19%;background:var(--amb-1);animation:drift1 38s ease-in-out infinite alternate}.ambient .b2{bottom:2%;left:-10%;background:var(--amb-2);animation:drift2 52s ease-in-out infinite alternate}.ambient .b3{bottom:-6%;right:-8%;background:var(--amb-3);animation:drift3 64s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate3d(-8%,-4%,0) scale(1)}to{transform:translate3d(6%,6%,0) scale(1.12)}}@keyframes drift2{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(7%,-5%,0) scale(1.14)}}@keyframes drift3{0%{transform:translate3d(2%,2%,0) scale(1)}to{transform:translate3d(-6%,-4%,0) scale(1.1)}}@keyframes heroglow{0%{text-shadow:0 0 30px var(--num-glow)}35%{text-shadow:0 0 46px var(--num-glow),0 0 14px var(--num-glow)}to{text-shadow:0 0 30px var(--num-glow)}}.hero-num--pulse{animation:heroglow 1.1s var(--ease-out) .15s both}@keyframes growbar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes growwide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes donutin{0%{opacity:0;transform:scale(.84) rotate(-12deg)}to{opacity:1;transform:none}}.grow-bar{animation:growbar var(--dur-2) var(--ease-calm) both;transform-origin:bottom}.grow-wide{animation:growwide var(--dur-3) var(--ease-calm) both;transform-origin:left}.donut-in{animation:donutin var(--dur-3) var(--ease-calm) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.breathe{opacity:1!important;transform:none!important}.petal{opacity:var(--po, .5)!important}.fab{transform:translate(-50%)!important}::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none!important}}.app{position:relative;width:100%;max-width:440px;height:100dvh;margin:0 auto;overflow:hidden;background:var(--bg);color:var(--ink);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:var(--safe-top)}:root{--ease-calm: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .16s;--dur-2: .34s;--dur-3: .52s}.app{--f-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--f-disp: "Oswald", "Arial Narrow", sans-serif;--f-jp: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--z-backdrop: 0;--z-content: 10;--z-tabbar: 30;--z-fab: 32;--z-scrim: 50;--z-sheet: 60;--z-over: 70;--z-toast: 90;--z-update: 92}.app.dark{--bg: radial-gradient(88% 46% at 80% -8%, rgba(126, 92, 158, .18) 0%, transparent 58%), radial-gradient(120% 64% at 14% -4%, rgba(232, 155, 180, .07) 0%, transparent 52%), linear-gradient(180deg, #181329 0%, #100d1b 32%, #0a0912 62%, #060509 100%);--bg-solid: #0b0a10;--ink: #edecea;--ink-dim: #a19da6;--ink-faint: #8a8794;--hairline: rgba(237, 230, 240, .1);--hairline-strong: rgba(237, 230, 240, .17);--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .085);--key: rgba(255, 255, 255, .055);--pink: #e89bb4;--pink-ink: #e89bb4;--pink-soft: #f8c8dc;--on-pink: #221016;--pink-glow: rgba(232, 155, 180, .4);--hero-num: #f4c6d6;--num-glow: rgba(232, 155, 180, .45);--moon: radial-gradient(circle at 38% 34%, #fbf1f4 0%, #e7d9de 55%, #ccc0c5 100%);--moon-glow: rgba(232, 155, 180, .3);--branch: #413b46;--danger: #ff7069;--danger-bg: rgba(255, 112, 105, .12);--glass: rgba(21, 18, 26, .58);--glass-blur: 20px;--glass-sat: 1.5;--glass-hi: rgba(255, 255, 255, .12);--glass-line: rgba(248, 200, 220, .18);--sheet-foot: rgba(18, 16, 23, .66);--amb-1: rgba(232, 155, 180, .2);--amb-2: rgba(140, 110, 180, .15);--amb-3: rgba(248, 200, 220, .12);--blend: screen;--grain-w: .05;--grain-b: 0;--stars: .42;--border: var(--hairline);--glass-border: var(--glass-line)}.app.light{--bg: radial-gradient(80% 42% at 78% -6%, rgba(216, 126, 156, .06) 0%, transparent 58%), radial-gradient(100% 54% at 16% -4%, rgba(255, 255, 255, .9) 0%, transparent 55%), linear-gradient(180deg, #fcf9f3 0%, #f7f0e6 46%, #eee4d7 100%);--bg-solid: #f8f2e9;--ink: #28231e;--ink-dim: #5c554d;--ink-faint: #6e655c;--hairline: rgba(70, 45, 30, .13);--hairline-strong: rgba(70, 45, 30, .22);--surface: rgba(120, 88, 66, .055);--surface-2: rgba(120, 88, 66, .1);--key: rgba(120, 88, 66, .06);--pink: #b2537a;--pink-ink: #ae4d72;--pink-soft: #e89bb4;--on-pink: #ffffff;--pink-glow: rgba(216, 126, 156, .3);--hero-num: #b2537a;--num-glow: rgba(216, 126, 156, .18);--moon: radial-gradient(circle at 40% 38%, #fff3f6 0%, #f6d4dd 58%, #edbeca 100%);--moon-glow: rgba(240, 196, 208, .75);--branch: #bca89d;--danger: #b23327;--danger-bg: rgba(178, 51, 39, .09);--glass: rgba(253, 250, 245, .68);--glass-blur: 20px;--glass-sat: 1.5;--glass-hi: rgba(255, 255, 255, .8);--glass-line: rgba(216, 126, 156, .22);--sheet-foot: rgba(253, 250, 245, .6);--amb-1: rgba(216, 126, 156, .1);--amb-2: rgba(170, 140, 190, .08);--amb-3: rgba(246, 212, 221, .12);--blend: multiply;--grain-w: 0;--grain-b: .05;--stars: 0;--border: var(--hairline);--glass-border: var(--glass-line)}