@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}.app-screen{background:#b9ddf6}.app-screen .mobile-scroll-content{position:absolute;inset:0}.infinite-sheet-screen{--cell-w:54px;--cell-h:47px;--bubble-size:48px;--ink:#216899;--seal:#ffffffa8;--film-ridge:#6ca4c875;--contact:#104a706b;color:var(--ink);isolation:isolate;background:#b9ddf6;position:absolute;inset:0;overflow:hidden}.sheet-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.sheet-viewport[data-dragging=true]{cursor:grabbing}.sheet-viewport[data-mode=pop]{cursor:crosshair}.sheet-film{background:radial-gradient(150% 100% at 50% -18%,#bcdff8 0%,#a3cfef 44%,#8ec1e6 78%,#82b8df 100%);position:absolute;inset:0}.sheet-film:after{content:"";opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sheet-pan{z-index:2;will-change:transform;position:absolute;inset:0}.sheet-flex{transform-origin:50%;position:absolute;inset:0}.sheet-sheen{z-index:3;pointer-events:none;background:linear-gradient(148deg,#ffffff57 0%,#fff0 34%),linear-gradient(320deg,#ffffff29 0%,#fff0 28%);position:absolute;inset:0}.sheet-vignette{z-index:3;pointer-events:none;background:radial-gradient(120% 84% at 50% 46%,#175a8500 52%,#175a8529 100%);position:absolute;inset:0}.bubble{--base-x:var(--size);--base-y:calc(var(--size) * var(--squish));z-index:2;width:var(--bubble-size);height:var(--bubble-size);background: radial-gradient(ellipse 92% 62% at 50% -8%, #0d446875, #0d446800 64%), radial-gradient(ellipse 46% 40% at 84% 26%, #0d446833, #0d446800 68%),  radial-gradient(ellipse 74% 36% at 50% 103%, #ffffff85, #fff0 62%), radial-gradient(ellipse 58% 32% at 56% 81%, #ffffff4d, #fff0 78%), radial-gradient(circle at 48% 46%, hsl(201 54% calc(81% - var(--tint) * 3%)) 0%, hsl(203 45% calc(72% - var(--tint) * 3%)) 56%, hsl(206 39% calc(64% - var(--tint) * 4%)) 100%);box-shadow:0 0 0 1px #ffffff75, 0 0 0 2.5px var(--film-ridge);transform:translate(-50%, -50%) scale(var(--base-x), var(--base-y));pointer-events:none;border-radius:50%;display:block;position:absolute}.bubble-dome{--dome-hi:hsl(199 96% calc(98% - var(--tint) * 2%));--dome-mid:hsl(199 88% calc(89% - var(--tint) * 3%));--dome-low:hsl(201 72% calc(75% - var(--tint) * 4%));--dome-edge:hsl(205 52% calc(61% - var(--tint) * 5%));background: radial-gradient(circle at 50% 50%, #fff0 68%, #ffffff4d 90%, #ffffff0d 98%, #fff0 100%),  radial-gradient(ellipse 48% 36% at 72% 78%, #ffffff61, #fff0 72%),  radial-gradient(ellipse 78% 40% at 50% 118%, #0c42664d, #0c426600 54%),  radial-gradient(ellipse 62% 56% at 84% 86%, #0e486e2e, #0e486e00 62%),  radial-gradient(ellipse 62% 38% at 44% 3%, #ffffff57, #fff0 66%), radial-gradient(circle at 38% 31%, var(--dome-hi) 0%, var(--dome-mid) 34%, var(--dome-low) 70%, var(--dome-edge) 100%);box-shadow:0 0 0 1px var(--seal);transform-origin:50% 54%;border-radius:50%;transition:transform .13s cubic-bezier(.3,.9,.4,1),opacity .14s ease-out;position:absolute;inset:0}.bubble-gloss{background:radial-gradient(closest-side,#fff 0%,#ffffffeb 42%,#ffffff1a 82%,#fff0 100%);border-radius:50%;width:27%;height:20%;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;top:15%;left:20%;transform:rotate(-24deg)}.bubble-crease{opacity:0;transform:rotate(var(--spin)) scale(var(--crease-scale));background:radial-gradient(66% 16% at 48% 46%,#0e466a26,#0e466a00 86%),radial-gradient(52% 12% at 56% 60%,#ffffff24,#fff0 88%);border-radius:50%;position:absolute;inset:6%}.bubble[data-pressed=true] .bubble-dome{transform:scale(1.045,.88)}.bubble[data-pressed=true] .bubble-gloss{opacity:.82;transform:rotate(-24deg)scale(1.14,.7)}.bubble[data-popped=true] .bubble-dome{opacity:0;transform:scale(.9,.6)}.bubble[data-popped=true] .bubble-crease{opacity:var(--crease-opacity)}.bubble[data-anim=burst]{animation:.32s cubic-bezier(.22,.92,.28,1) both bubble-recoil}.bubble[data-anim=burst] .bubble-dome{animation:.32s cubic-bezier(.24,.9,.3,1) both dome-burst}.bubble[data-anim=burst] .bubble-gloss{animation:.3s cubic-bezier(.2,.9,.3,1) both gloss-blowout}.bubble[data-anim=burst] .bubble-crease{animation:.34s ease-out both crease-settle}.bubble[data-anim=nudge]{animation:bubble-nudge .3s cubic-bezier(.3, .9, .35, 1) var(--delay) both}.bubble[data-anim=crinkle]{animation:.24s ease-out both bubble-crinkle}@keyframes dome-burst{0%{opacity:1;transform:scale(1.02)}9%{opacity:1;transform:scale(1.19,1.15)}22%{opacity:1;transform:scale(.7,.56)}38%{opacity:.6;transform:scale(1.03,.74)}to{opacity:0;transform:scale(.9,.6)}}@keyframes bubble-recoil{0%{transform:translate(-50%, -50%) scale(var(--base-x), var(--base-y))}12%{transform:translate(-50%, -50%) scale(calc(var(--base-x) * 1.05), calc(var(--base-y) * 1.04))}30%{transform:translate(-50%, -50%) scale(calc(var(--base-x) * .93), calc(var(--base-y) * .9))}to{transform:translate(-50%, -50%) scale(var(--base-x), var(--base-y))}}@keyframes gloss-blowout{0%{opacity:1;transform:rotate(-24deg)scale(1.16,1.08)}20%{opacity:.95;transform:rotate(-24deg)scale(1.62,.44)translate(4%,10%)}to{opacity:0;transform:rotate(-24deg)scale(.8,.34)translate(10%,40%)}}@keyframes crease-settle{0%,26%{opacity:0;transform:rotate(var(--spin)) scale(calc(var(--crease-scale) * .5))}to{opacity:var(--crease-opacity);transform:rotate(var(--spin)) scale(var(--crease-scale))}}@keyframes bubble-nudge{0%,to{transform:translate(-50%, -50%) scale(var(--base-x), var(--base-y))}34%{transform:translate(-50%, -50%) scale(calc(var(--base-x) * 1.06), calc(var(--base-y) * .955))}68%{transform:translate(-50%, -50%) scale(calc(var(--base-x) * .982), calc(var(--base-y) * 1.015))}}@keyframes bubble-crinkle{0%,to{transform:translate(-50%, -50%) scale(var(--base-x), var(--base-y))}40%{transform:translate(-50%, -50%) scale(calc(var(--base-x) * .955), calc(var(--base-y) * .93))}}.pop-burst{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.pop-burst-ring{width:var(--bubble-size);height:var(--bubble-size);border:1.5px solid #ffffffc7;border-radius:50%;grid-area:1/1;animation:.46s cubic-bezier(.16,.86,.3,1) both burst-ring}.pop-burst-flash{width:calc(var(--bubble-size) * .6);height:calc(var(--bubble-size) * .6);background:radial-gradient(closest-side,#fffc,#fff0 66%);border-radius:50%;grid-area:1/1;animation:.15s ease-out both burst-flash}.pop-burst-label{color:#2779ac;letter-spacing:.08em;white-space:nowrap;background:#ffffffdb;border-radius:999px;grid-area:1/1;padding:5px 9px;font-size:12px;font-weight:800;animation:.62s cubic-bezier(.2,.9,.3,1) both burst-label;box-shadow:0 4px 10px #2574a62e}@keyframes burst-ring{0%{opacity:.85;transform:scale(.56)}to{opacity:0;transform:scale(1.95)}}@keyframes burst-flash{0%{opacity:.62;transform:scale(.35)}to{opacity:0;transform:scale(.95)}}@keyframes burst-label{0%{opacity:0;transform:translateY(-2px)scale(.7)}16%{opacity:1;transform:translateY(-16px)scale(1.02)}62%{opacity:1;transform:translateY(-27px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.98)}}.sheet-topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:46px;left:18px;right:18px}.sheet-action,.remaining-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2faff8a;border:1px solid #ffffff8a;box-shadow:0 8px 18px #2a7db21a,inset 0 1px #ffffffad}.sheet-action{color:#287bb3;pointer-events:auto;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:transform .14s,background .14s;display:grid}.sheet-action:hover,.sheet-action:focus-visible{background:#ffffffc2;transform:scale(1.04)}.sheet-action:active{transform:scale(.94)}.sheet-action svg{width:22px;height:22px}.remaining-pill{color:#2680bd;pointer-events:auto;border-radius:30px;justify-content:center;align-items:baseline;gap:12px;min-width:166px;height:54px;padding:0 20px;display:flex}.remaining-pill span{letter-spacing:.04em;font-size:17px;font-weight:700}.remaining-pill strong{letter-spacing:-.04em;text-align:left;min-width:44px;font-size:30px;font-weight:800;line-height:1}.sheet-bottom-hint{z-index:10;right:20px;bottom:calc(var(--mobile-safe-area-height) + 12px);color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;background:#eff9ff5e;border:1px solid #ffffff75;border-radius:22px;justify-items:center;gap:7px;padding:13px 20px 12px;display:grid;position:absolute;left:20px;box-shadow:0 8px 18px #2a7db214}.sheet-bottom-hint p{letter-spacing:.06em;text-shadow:0 1px 4px #26709f47;margin:0;font-size:14px;font-weight:800}.sheet-bottom-hint p span{opacity:.76;font-weight:700}.mode-switch{pointer-events:auto;background:#1c689829;border-radius:16px;gap:4px;width:100%;padding:4px;display:flex}.mode-switch button{color:#ffffffeb;letter-spacing:.06em;text-shadow:0 1px 3px #26709f52;background:0 0;border:0;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 0;font-size:14px;font-weight:800;transition:background .15s,color .15s,transform .12s;display:flex}.mode-switch button svg{width:17px;height:17px}.mode-switch button:active{transform:scale(.97)}.mode-switch button[data-active=true]{color:#2680bd;text-shadow:none;background:#ffffffe6;box-shadow:0 3px 8px #206a982e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.bubble,.bubble-dome,.bubble-gloss,.bubble-crease,.pop-burst-ring,.pop-burst-flash,.pop-burst-label{transition-duration:1ms!important;animation-duration:1ms!important}}:root{--mobile-safe-area-height:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#a3cfef;height:100%;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}#root{height:100%}.app-screen{background:#a3cfef;position:fixed;inset:0;overflow:hidden}.app-screen .sheet-topbar{top:calc(env(safe-area-inset-top,0px) + 16px)}.app-screen .sheet-bottom-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}button{font:inherit;color:inherit;cursor:pointer}