:root{--app-home-gradient-start: #13a2d7;--app-home-gradient-end: #f2edcc;--app-viewport-inline: clamp(1rem, 4.25vw, 4rem);--app-viewport-block: clamp(1rem, 4svh, 3.5rem);--app-control-min-hit: clamp(2.5rem, 7vmin, 3.25rem);--app-radius-panel: clamp(1.25rem, 3vw, 2.5rem);--app-radius-card: clamp(1rem, 2.2vw, 2rem);--app-shadow-soft: 0 clamp(.75rem, 2vw, 1.5rem) clamp(1.75rem, 4vw, 3.5rem) rgba(18, 54, 65, .18);--flow-brand-base-width: clamp(3.75rem, 6.6vw, 6.25rem);--flow-brand-scale: 1.3;--flow-brand-offset-x: var(--app-viewport-inline);--flow-brand-offset-y-shift: 0px;--flow-brand-height-ratio: .34;--flow-brand-display-width: calc( var(--flow-brand-base-width) * var(--flow-brand-scale) );--home-nav-height: clamp(3.75rem, 7.7dvh, 4.75rem);--flow-brand-offset-y-auto: max( .5rem, calc( ( var(--home-nav-height) - var(--flow-brand-display-width) * var(--flow-brand-height-ratio) ) / 2 ) );--flow-brand-offset-y: calc( var(--flow-brand-offset-y-auto) + var(--flow-brand-offset-y-shift) );font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Noto Sans JP,Noto Sans,sans-serif;color:#1f3440;background:#eef3ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html{background:linear-gradient(180deg,transparent 0,transparent 83.3333dvh,#f4f4f4 83.3333dvh,#f4f4f4 100%),linear-gradient(180deg,var(--app-home-gradient-start) 0%,var(--app-home-gradient-end) 100%)}body{margin:0;overflow:hidden;background:linear-gradient(180deg,transparent 0,transparent 83.3333dvh,#f4f4f4 83.3333dvh,#f4f4f4 100%),linear-gradient(180deg,var(--app-home-gradient-start) 0%,var(--app-home-gradient-end) 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.flow-screen{position:relative;width:100%;min-height:100vh;min-height:100svh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#20a9d1f5,#72c4cde0 48%,#efeecae6),#28a9cf}.flow-brand{position:absolute;top:var(--flow-brand-offset-y);left:var(--flow-brand-offset-x);z-index:6;width:var(--flow-brand-display-width);line-height:0}.flow-brand-logo{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.primary-pill,.secondary-pill,.tool-pill{border:0;border-radius:999px;font-weight:800;white-space:nowrap}.primary-pill{padding:12px 22px;color:#1b8fb3;background:#fff;box-shadow:0 12px 28px #0d5d7529}.primary-pill:hover,.primary-pill:focus-visible{color:#0a6f91;transform:translateY(-1px)}.primary-pill:disabled,.secondary-pill:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-pill{padding:10px 16px;color:#fff;background:#2384a17a;border:1px solid rgba(255,255,255,.38)}.tool-pill{padding:9px 12px;color:#2d5260;background:#ffffffc7;border:1px solid rgba(45,82,96,.14)}.status{width:fit-content;max-width:100%;padding:7px 10px;border-radius:10px;font-size:.78rem;font-weight:800;line-height:1.35}.status.ok{background:#dcfce7;color:#166534}.status.warn{background:#fee2e2;color:#991b1b}.permission-popup-backdrop{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:16px;background:#0206179e}.permission-popup{width:min(520px,100%);padding:20px 18px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.16);box-shadow:0 20px 42px #02061757}.permission-popup h2{margin:0;font-size:1.06rem;color:#0f172a}.permission-popup p{margin:10px 0 0;color:#334155;line-height:1.5;font-size:.92rem}.permission-popup-close{margin-top:14px;border:0;border-radius:10px;padding:8px 12px;background:#0f172a;color:#f8fafc;font-weight:800}.web-inline-character-overlay{position:fixed;right:0;bottom:0;padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(0px,env(safe-area-inset-bottom,0px));z-index:9999;pointer-events:none}.web-inline-character-sink{transform-origin:100% 100%;will-change:transform}.web-inline-character{--web-inline-character-scale: .66;position:relative;width:min(228px,34vw);transform-origin:100% 100%;will-change:transform}.web-inline-character img{display:block;width:100%;height:auto;transform:scale(var(--web-inline-character-scale));transform-origin:50% 100%;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(10px 12px 14px rgba(0,0,0,.22))}.web-inline-character-overlay--good .web-inline-character{animation:web-inline-character-rise .42s ease both,web-inline-character-breathe 2.8s ease-in-out .42s infinite}.web-inline-character-overlay--bad .web-inline-character{animation:web-inline-character-worry 1.4s ease-in-out infinite}.web-inline-character-overlay--paused .web-inline-character{animation:web-inline-character-sleep 3.2s ease-in-out infinite}@keyframes web-inline-character-rise{0%{opacity:0;translate:0 34px}to{opacity:1;translate:0 0}}@keyframes web-inline-character-breathe{0%,to{scale:1}50%{scale:1.015}}@keyframes web-inline-character-worry{0%,to{translate:0 0;rotate:0deg}25%{translate:-3px 3px;rotate:-2deg}75%{translate:3px 2px;rotate:2deg}}@keyframes web-inline-character-sleep{0%,to{translate:0 0;filter:drop-shadow(10px 12px 14px rgba(0,0,0,.22))}50%{translate:0 6px;filter:drop-shadow(8px 10px 12px rgba(0,0,0,.18))}}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-slide-forward{0%{opacity:0;translate:36px 0;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-slide-backward{0%{opacity:0;translate:-36px 0;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-art-forward{0%{opacity:0;translate:28px 22px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-art-backward{0%{opacity:0;translate:-28px 22px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-card-in{0%{opacity:0;translate:0 18px;scale:.98}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-line-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes onboarding-character-pop{0%{opacity:0;translate:0 42px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes onboarding-bubble-rise{0%{opacity:0;translate:0 18px}15%,80%{opacity:.58}to{opacity:0;translate:0 -86vh}}@keyframes onboarding-bubble-wobble{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-10px) scale(1.08)}70%{transform:translate(8px) scale(.94)}}@keyframes onboarding-dots-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes onboarding-dot-active-pulse{0%,to{box-shadow:0 0 0 1px #4174851f,0 0 #fff0}50%{box-shadow:0 0 0 1px #4174851a,0 0 0 7px #ffffff29}}@keyframes onboarding-vibe{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes onboarding-logo-underwater-float{0%,to{transform:translateZ(0) rotate(-.45deg) scale(1)}35%{transform:translate3d(0,-8px,0) rotate(.35deg) scale(1.012)}70%{transform:translate3d(0,5px,0) rotate(-.15deg) scale(.996)}}@keyframes onboarding-logo-underwater-light{0%,to{filter:drop-shadow(0 12px 19px rgba(48,83,96,.22)) drop-shadow(0 0 0 rgba(255,255,255,0));opacity:.96}45%{filter:drop-shadow(0 16px 24px rgba(48,83,96,.2)) drop-shadow(0 0 18px rgba(255,255,255,.24));opacity:1}}@keyframes onboarding-return-rise{0%{opacity:0;translate:0 var(--return-rise-start-y, 138%);scale:.95}58%{opacity:1;translate:0 -8%;scale:1.03}76%{opacity:1;translate:0 3%;scale:.995}to{opacity:1;translate:0 0;scale:1}}@keyframes onboarding-return-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes onboarding-return-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}20%{opacity:.72}to{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}@keyframes onboarding-return-glow{0%,to{opacity:.56;transform:translate(-50%) scale(.96)}50%{opacity:.9;transform:translate(-50%) scale(1.05)}}@keyframes onboarding-return-sparkle{0%,to{opacity:.2;transform:scale(.76) rotate(0)}45%{opacity:1;transform:scale(1.16) rotate(22deg)}}@keyframes onboarding-return-sound{0%{opacity:0;transform:translate(-50%,8px) scale(.86)}42%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes onboarding-next-pulse{0%,to{box-shadow:0 12px 24px #0d5d752e}50%{box-shadow:0 14px 30px #0d5d7552}}@keyframes warning-char-sway{0%,to{rotate:-7deg}50%{rotate:3deg;translate:0 -4px}}@keyframes notif-shake{0%,to{translate:0 0}20%{translate:-4px 0}40%{translate:4px 0}60%{translate:-3px 0}80%{translate:3px 0}}@keyframes notif-ripple{0%{opacity:.85;scale:.88}to{opacity:0;scale:1.28}}@keyframes notif-vibe-bar{0%{transform:scaleY(.3);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes onboarding-phone-vibrate{0%,10%,25%,29%,41%,to{transform:translateZ(0) rotate(0);animation-timing-function:linear}12%{transform:translate3d(-5.5px,1.6px,0) rotate(-1.5deg);animation-timing-function:linear}14%{transform:translate3d(4.8px,-1.4px,0) rotate(1.2deg);animation-timing-function:linear}16%{transform:translate3d(-3.8px,1.1px,0) rotate(-.9deg);animation-timing-function:linear}18%{transform:translate3d(2.9px,-.9px,0) rotate(.65deg);animation-timing-function:linear}20%{transform:translate3d(-1.7px,.6px,0) rotate(-.38deg);animation-timing-function:linear}22%{transform:translate3d(.8px,-.3px,0) rotate(.15deg);animation-timing-function:linear}31%{transform:translate3d(-3.8px,1.1px,0) rotate(-1.05deg);animation-timing-function:linear}33%{transform:translate3d(3.2px,-.9px,0) rotate(.82deg);animation-timing-function:linear}36%{transform:translate3d(-1.8px,.6px,0) rotate(-.44deg);animation-timing-function:linear}38%{transform:translate3d(.8px,-.3px,0) rotate(.18deg);animation-timing-function:linear}}@keyframes onboarding-phone-vibe-ghost{0%,10%,27%,to{opacity:0;transform:translateZ(0) scale(1);animation-timing-function:linear}14%{opacity:.22;transform:translate3d(var(--phone-ghost-x),var(--phone-ghost-y),0) scale(1.007);animation-timing-function:linear}20%{opacity:.3;transform:translate3d(calc(var(--phone-ghost-x) * 1.3),calc(var(--phone-ghost-y) * 1.3),0) scale(1.012);animation-timing-function:linear}25%{opacity:0;transform:translate3d(var(--phone-ghost-end-x),var(--phone-ghost-end-y),0) scale(1.016);animation-timing-function:linear}29%{opacity:0;transform:translateZ(0) scale(1);animation-timing-function:linear}33%{opacity:.2;transform:translate3d(var(--phone-ghost-x),var(--phone-ghost-y),0) scale(1.007);animation-timing-function:linear}38%{opacity:.1;transform:translate3d(var(--phone-ghost-end-x),var(--phone-ghost-end-y),0) scale(1.011);animation-timing-function:linear}42%{opacity:0;transform:translateZ(0) scale(1)}}@keyframes onboarding-phone-signal-pulse{0%,10%,28%,29%,50%,to{opacity:0;transform:translate(-50%,-50%) scale(.68)}15%{opacity:.3}26%{opacity:0;transform:translate(-50%,-50%) scale(1.24)}34%{opacity:.2}48%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}@keyframes onboarding-warning-overlay-sink{0%,14%{translate:0 0}22%{translate:0 var(--warning-character-sink-anticipation)}30%{translate:0 calc(var(--warning-character-sink-step) * .36)}38%{translate:0 calc(var(--warning-character-sink-step) * .68)}46%{translate:0 calc(var(--warning-character-sink-step) * .96)}54%{translate:0 calc(var(--warning-character-sink-near-end) * .54)}62%{translate:0 calc(var(--warning-character-sink-near-end) * .72)}70%{translate:0 calc(var(--warning-character-sink-near-end) * .9)}78%{translate:0 var(--warning-character-sink-near-end)}86%{translate:0 calc(var(--warning-character-sink-distance) * .9)}94%{translate:0 calc(var(--warning-character-sink-distance) * .98)}to{translate:0 var(--warning-character-sink-distance)}}@keyframes onboarding-warning-character-worry-soft{0%,16%{rotate:0deg}34%{rotate:-.65deg}62%{rotate:.65deg}to{rotate:-.4deg}}@keyframes onboarding-warning-sound-pop{0%,10%{opacity:0;transform:scale(1.9) rotate(var(--warning-sound-rotate))}18%,40%{opacity:1;transform:translateZ(0) scale(1) rotate(var(--warning-sound-rotate))}68%,to{opacity:0;transform:translate3d(3px,-7px,0) scale(.97) rotate(var(--warning-sound-rotate))}}.onboarding-screen{--onboarding-main-logo-width: clamp(240px, 27vw, 408px);--onboarding-page-pad-x: clamp(32px, 5vw, 88px);--onboarding-stage-pad-top: clamp(84px, 13dvh, 132px);--onboarding-stage-pad-bottom: clamp(64px, 10dvh, 104px);--onboarding-scene-pad-top: clamp(118px, 21dvh, 260px);--onboarding-scene-text-size: clamp(1.32rem, min(2.35vw, 4.5dvh), 2.25rem);--onboarding-nav-bottom: clamp(248px, 46.5dvh, 500px);--onboarding-side-button-top: clamp(37%, 39.2%, 42%);--onboarding-story-font-weight: 700;--onboarding-story-line-height: 1.5;--onboarding-story-letter-spacing: 0;--onboarding-splash-button-font-weight: 700;--onboarding-splash-logo-top: min(23.02vw, 35.44dvh);--onboarding-splash-logo-width: clamp( 17rem, min(27.5vw, 42.35dvh), 28.5rem );--onboarding-splash-button-center-y: calc(50% + min(12.07vw, 18.58dvh)) ;--onboarding-splash-button-width: clamp( 15rem, min(26.46vw, 40.73dvh), 25rem );--onboarding-splash-button-height: clamp( 3.5rem, min(4.56vw, 7.03dvh), 4.3125rem );--onboarding-story-side-x: clamp( 1.5rem, min(5.29vw, 8.15dvh), 6rem );--onboarding-story-logo-top: min(2.65vw, 4.07dvh);--onboarding-story-logo-width: min(8.86vw, 13.65dvh);--onboarding-story-step-top: min(15.74vw, 24.24dvh);--onboarding-story-text-center-y: min(25.46vw, 39.21dvh);--onboarding-story-dots-top: min(31.81vw, 48.98dvh);--onboarding-story-lineup-bottom: max(-2.58vw, -3.97dvh);--onboarding-story-lineup-width: min( min(83.53vw, 128.62dvh), calc(100vw - (var(--onboarding-story-side-x) * 2)) );--onboarding-story-lineup-height: min(26.46vw, 40.73dvh);--onboarding-dock-story-dock-width: min(82.8vw, 127.49dvh);--onboarding-dock-story-dock-bottom: min(3.17vw, 4.89dvh);--onboarding-dock-story-character-width: min(11.71vw, 18.02dvh);--onboarding-dock-story-character-bottom: min(3.9vw, 6.01dvh);--onboarding-story-arrow-size: clamp( 3rem, min(4.23vw, 6.52dvh), 4.75rem );--onboarding-story-arrow-mark-size: clamp( 1.25rem, min(1.78vw, 2.74dvh), 2rem );--onboarding-story-arrow-stroke: clamp( .22rem, min(.32vw, .49dvh), .36rem );--onboarding-story-dot-size: clamp( .45rem, min(.53vw, .81dvh), .6rem );position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden;color:#1f3440;background:linear-gradient(180deg,var(--app-home-gradient-start) 0%,var(--app-home-gradient-start) 50%,var(--app-home-gradient-end) 100%);animation:onboarding-fade-in .32s ease both}.onboarding-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,0),transparent 24%),linear-gradient(180deg,#ffffff2e,#fff6da33);pointer-events:none}.onboarding-screen.is-story-intro{--onboarding-side-button-top: var(--onboarding-story-text-center-y);background:linear-gradient(180deg,#13a2d7,#f1edcc)}.onboarding-screen.is-story-intro:before{display:none}.onboarding-screen.is-splash-active{background:linear-gradient(180deg,#13a2d7,#dce6cd)}.onboarding-header{position:absolute;top:var(--flow-brand-offset-y);left:var(--flow-brand-offset-x);right:var(--onboarding-page-pad-x);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px}.onboarding-logo{width:var(--flow-brand-display-width);height:auto;filter:drop-shadow(0 8px 15px rgba(34,81,98,.16));-webkit-user-select:none;user-select:none}.onboarding-screen.is-story-intro .onboarding-header{top:var(--onboarding-story-logo-top);left:var(--onboarding-story-side-x);right:var(--onboarding-story-side-x)}.onboarding-screen.is-story-intro .onboarding-logo{width:var(--onboarding-story-logo-width)}.onboarding-skip,.onboarding-side-button{border:0;border-radius:999px;font-weight:900;white-space:nowrap}.onboarding-skip{color:#456777;background:#ffffffb8;border:1px solid rgba(255,255,255,.72)}.onboarding-skip{padding:9px 14px;font-size:.82rem}.onboarding-stage{position:relative;z-index:2;width:100%;height:100dvh;min-height:0;margin:0;display:grid;grid-template-rows:auto 1fr;justify-items:center;overflow:hidden;padding:var(--onboarding-stage-pad-top) var(--onboarding-page-pad-x) var(--onboarding-stage-pad-bottom)}.onboarding-stage:not(.onboarding-stage--splash){padding-top:var(--onboarding-stage-pad-top)}.onboarding-screen.is-story-intro .onboarding-stage{display:block;padding:0}.onboarding-stage:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:44%;background:linear-gradient(180deg,#fff0,#ffeec557);pointer-events:none}.onboarding-slide-content{display:grid;grid-template-rows:auto auto;justify-items:center;align-content:start;gap:0;width:100%;padding:0}.onboarding-slide-content--forward{animation:onboarding-slide-forward .42s cubic-bezier(.2,.8,.2,1) both}.onboarding-slide-content--backward{animation:onboarding-slide-backward .42s cubic-bezier(.2,.8,.2,1) both}.onboarding-screen.is-story-intro .onboarding-slide-content{position:absolute;inset:0;display:block;width:100%;pointer-events:none}.onboarding-artwork-wrapper{position:relative;align-self:stretch;width:100%;height:100%;min-height:0;display:grid;justify-items:center;align-items:end;overflow:visible}.onboarding-artwork-wrapper--forward{animation:onboarding-art-forward .5s cubic-bezier(.2,.8,.2,1) .06s both}.onboarding-artwork-wrapper--backward{animation:onboarding-art-backward .5s cubic-bezier(.2,.8,.2,1) .06s both}.onboarding-step{margin:clamp(20px,3.2dvh,40px) 0 clamp(12px,2.2dvh,20px);justify-self:center;padding:6px 11px;border-radius:999px;color:#fff;background:#ffffff6b;font-size:.82rem;font-weight:var(--onboarding-story-font-weight);letter-spacing:0;box-shadow:0 8px 20px #24536614;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-screen.is-story-intro .onboarding-step{position:absolute;left:50%;top:var(--onboarding-story-step-top);min-width:min(4.3vw,6.62dvh);min-height:min(2.31vw,3.56dvh);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:min(.53vw,.81dvh) min(1.06vw,1.63dvh);font-size:clamp(.82rem,min(1.06vw,1.63dvh),1rem);line-height:1.2;background:#ffffff4d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%)}.onboarding-message{position:relative;z-index:3;min-width:min(520px,100%);max-width:640px;padding:clamp(22px,3.6dvh,36px) clamp(26px,5vw,62px);border-radius:clamp(18px,2.4vw,28px);border:1px solid rgba(255,255,255,.72);background:#f4fcffb8;box-shadow:inset 0 1px 1px #ffffffd1,0 18px 38px #24536624;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.onboarding-stage--splash .onboarding-message{display:grid;justify-items:center;margin-top:0;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.onboarding-message h1{margin:0 0 clamp(12px,2dvh,18px);color:#fff;font-size:clamp(3.9rem,13vw,7.4rem);line-height:.94;font-weight:900;text-shadow:0 9px 18px rgba(48,83,96,.24)}.onboarding-main-logo{display:block;width:var(--onboarding-main-logo-width);max-width:calc(100vw - 80px);margin-inline:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 19px rgba(48,83,96,.22));transform-origin:50% 52%;-webkit-user-select:none;user-select:none;will-change:transform,filter,opacity;animation:onboarding-logo-underwater-float 5.6s ease-in-out infinite,onboarding-logo-underwater-light 4.2s ease-in-out infinite}.onboarding-message p{margin:0;color:#203844;font-size:clamp(.98rem,min(1.7vw,3.1dvh),1.28rem);line-height:1.85;font-weight:var(--onboarding-story-font-weight);letter-spacing:0;animation:onboarding-line-in .38s cubic-bezier(.2,.8,.2,1) var(--line-delay, .14s) both}.onboarding-screen.is-story-intro .onboarding-message{position:absolute;left:50%;top:var(--onboarding-story-text-center-y);min-width:0;width:min(max(18rem,min(40.21vw,61.91dvh)),calc(100vw - (var(--onboarding-story-side-x) * 4)));max-width:none;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%,-50%)}.onboarding-screen.is-story-intro .onboarding-message p{color:#fff;font-size:clamp(1.35rem,min(2.38vw,3.67dvh),2.25rem);line-height:var(--onboarding-story-line-height);letter-spacing:var(--onboarding-story-letter-spacing);font-weight:700;text-shadow:0 4px 10px rgba(36,83,102,.18)}.onboarding-screen.is-story-intro .onboarding-message p+p{margin-top:0}.onboarding-screen.is-scene-story .onboarding-header{top:var(--flow-brand-offset-y);left:var(--flow-brand-offset-x);right:var(--onboarding-page-pad-x)}.onboarding-screen.is-scene-story .onboarding-logo{width:var(--flow-brand-display-width)}.onboarding-screen.is-dock-story .onboarding-header,.onboarding-screen.is-warning-story .onboarding-header,.onboarding-screen.is-return-story .onboarding-header,.onboarding-screen.is-reward-story .onboarding-header,.onboarding-screen.is-final-story .onboarding-header{top:var(--onboarding-story-logo-top);left:var(--onboarding-story-side-x);right:var(--onboarding-story-side-x)}.onboarding-screen.is-dock-story .onboarding-logo,.onboarding-screen.is-warning-story .onboarding-logo,.onboarding-screen.is-return-story .onboarding-logo,.onboarding-screen.is-reward-story .onboarding-logo,.onboarding-screen.is-final-story .onboarding-logo{width:var(--onboarding-story-logo-width)}.onboarding-stage--message,.onboarding-stage--warning,.onboarding-stage--return,.onboarding-stage--reward,.onboarding-stage--final{grid-template-rows:auto 1fr;padding:var(--onboarding-scene-pad-top) var(--onboarding-page-pad-x) 0}.onboarding-stage--message .onboarding-slide-content,.onboarding-stage--warning .onboarding-slide-content,.onboarding-stage--return .onboarding-slide-content,.onboarding-stage--reward .onboarding-slide-content,.onboarding-stage--final .onboarding-slide-content{position:relative;z-index:4}.onboarding-stage--message .onboarding-message,.onboarding-stage--warning .onboarding-message,.onboarding-stage--return .onboarding-message,.onboarding-stage--reward .onboarding-message,.onboarding-stage--final .onboarding-message{min-width:0;max-width:min(1160px,100%);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.onboarding-stage--message .onboarding-message{max-width:min(822px,calc(100vw - (var(--onboarding-page-pad-x) * 2)))}.onboarding-stage--warning .onboarding-message{max-width:min(752px,calc(100vw - (var(--onboarding-page-pad-x) * 2)))}.onboarding-stage--return .onboarding-message{max-width:min(499px,calc(100vw - (var(--onboarding-page-pad-x) * 2)))}.onboarding-stage--reward .onboarding-message{max-width:min(575px,calc(100vw - (var(--onboarding-page-pad-x) * 2)))}.onboarding-stage--final .onboarding-message{max-width:min(684px,calc(100vw - (var(--onboarding-page-pad-x) * 2)))}.onboarding-stage--message .onboarding-message p,.onboarding-stage--warning .onboarding-message p,.onboarding-stage--return .onboarding-message p,.onboarding-stage--reward .onboarding-message p,.onboarding-stage--final .onboarding-message p{color:#fff;font-size:var(--onboarding-scene-text-size);line-height:1.35;font-weight:var(--onboarding-story-font-weight);text-shadow:0 4px 10px rgba(36,83,102,.18)}.onboarding-stage--message .onboarding-message p+p,.onboarding-stage--warning .onboarding-message p+p,.onboarding-stage--return .onboarding-message p+p,.onboarding-stage--reward .onboarding-message p+p,.onboarding-stage--final .onboarding-message p+p{margin-top:clamp(14px,min(3.4dvh,2.2vw),34px)}.onboarding-stage--message .onboarding-inline-next,.onboarding-stage--warning .onboarding-inline-next{width:min(542px,calc(100vw - (var(--onboarding-page-pad-x) * 2)));height:clamp(64px,7dvh,92px);margin-top:clamp(52px,7dvh,82px);color:var(--app-home-gradient-start);font-size:clamp(1.2rem,1.55vw,2rem);box-shadow:0 14px 28px #0d5d751f}.onboarding-stage--splash .onboarding-message p{color:#fff;font-size:clamp(1rem,2vw,1.38rem);line-height:1.75;text-shadow:0 4px 10px rgba(38,78,92,.18);animation:none}.onboarding-sr-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.onboarding-character-lineup{align-self:end;position:relative;width:min(980px,calc(100vw - (var(--onboarding-page-pad-x) * 2)));height:clamp(220px,46dvh,360px);overflow:visible;pointer-events:none}.onboarding-screen.is-story-intro .onboarding-character-lineup{position:absolute;left:50%;bottom:var(--onboarding-story-lineup-bottom);width:var(--onboarding-story-lineup-width);height:max(11rem,var(--onboarding-story-lineup-height));transform:translate(-50%)}.onboarding-screen.is-story-intro .onboarding-artwork-wrapper{position:absolute;inset:0;display:block;overflow:visible}.onboarding-lineup-character{position:absolute;height:auto;max-height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(9px 14px 11px rgba(27,55,67,.23));transform:translate(-50%) rotate(var(--character-rotate, 0deg)) scale(var(--character-scale, 1));transform-origin:center bottom;animation:onboarding-character-pop .46s cubic-bezier(.22,1,.36,1) var(--character-delay) both,onboarding-float 3.1s ease-in-out calc(var(--character-delay) + .42s) infinite}.onboarding-screen.is-story-intro .onboarding-lineup-character{max-height:none;filter:drop-shadow(min(.6vw,.92dvh) min(.93vw,1.43dvh) min(.73vw,1.12dvh) rgba(27,55,67,.23))}.onboarding-inline-next{width:min(400px,calc(100vw - (var(--onboarding-page-pad-x) * 2)));height:clamp(54px,7dvh,69px);margin-top:clamp(42px,6.6dvh,64px);border:0;border-radius:999px;color:var(--app-home-gradient-start);background:#fff;font-size:clamp(1.05rem,1.65vw,1.45rem);font-weight:900;line-height:1;box-shadow:0 12px 24px #0d5d751f}.onboarding-inline-next:hover,.onboarding-inline-next:focus-visible{color:#0a8fc5;transform:translateY(-1px)}.onboarding-splash-next{width:min(400px,calc(100vw - (var(--onboarding-page-pad-x) * 2)));height:clamp(58px,7dvh,70px);margin-inline:auto;margin-top:clamp(64px,9.8dvh,110px);border:0;border-radius:999px;color:var(--app-home-gradient-start);background:#fff;font-size:clamp(1.1rem,1.55vw,1.42rem);font-weight:var(--onboarding-splash-button-font-weight);line-height:1;box-shadow:0 12px 24px #0d5d751f}.onboarding-splash-next:hover,.onboarding-splash-next:focus-visible{color:#0a8fc5;transform:translateY(-1px)}.onboarding-splash-character{align-self:end;width:clamp(62px,12vw,114px);height:clamp(180px,34dvh,330px);object-fit:contain;object-position:center bottom;filter:drop-shadow(10px 16px 13px rgba(27,55,67,.22));animation:onboarding-float 3.1s ease-in-out .7s infinite}.onboarding-dock-artwork{position:absolute;inset:0;overflow:visible;pointer-events:none}.onboarding-dock-stage{position:absolute;left:50%;bottom:clamp(18px,4dvh,52px);z-index:4;width:clamp(640px,83vw,1696px);aspect-ratio:2538 / 211;container-type:size;transform:translate(-50%)}.onboarding-dock-character-wrap{--dock-character-left: 68%;--dock-character-bottom: -108%;--dock-character-width: 7.8%;--dock-character-hide-bottom: 61%;--dock-character-shadow-bleed: clamp(20px, 2vw, 30px);position:absolute;left:var(--dock-character-left);bottom:var(--dock-character-bottom);z-index:2;width:var(--dock-character-width);transform:translate(-50%) rotate(var(--dock-character-rotate, 0deg)) scale(var(--dock-character-scale, 1));transform-origin:center bottom;animation:onboarding-character-pop .48s cubic-bezier(.22,1,.36,1) .12s both,onboarding-float 3.3s ease-in-out .72s infinite}.onboarding-dock-character-clip{position:relative;width:100%;aspect-ratio:367 / 1987;clip-path:inset(calc(var(--dock-character-shadow-bleed) * -1) calc(var(--dock-character-shadow-bleed) * -1) var(--dock-character-hide-bottom) calc(var(--dock-character-shadow-bleed) * -1))}.onboarding-dock-character{display:block;width:100%;height:auto;filter:drop-shadow(10px 16px 13px rgba(27,55,67,.24));-webkit-user-select:none;user-select:none}.onboarding-dock-image{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.onboarding-warning-artwork{--warning-phone-left: calc(50% - min(13.27vw, 20.44dvh)) ;--warning-phone-bottom: min(3.64vw, 5.61dvh);--warning-phone-width: min(15.65vw, 24.09dvh);--warning-dock-left: calc(50% + min(10.82vw, 16.67dvh)) ;--warning-dock-bottom: min(3.64vw, 5.61dvh);--warning-dock-width: min(21.78vw, 33.54dvh);--warning-character-left: calc(50% + min(13.89vw, 21.38dvh)) ;--warning-character-bottom: min(8.27vw, 12.73dvh);--warning-character-width: min(12.96vw, 19.96dvh);--warning-character-scale: 1;--warning-character-sink-anticipation: -4%;--warning-character-sink-step: 18%;--warning-character-sink-near-end: 76%;--warning-character-sink-distance: 118%;--warning-character-sink-duration: 3.4s;--warning-character-sink-delay: .7s;--warning-character-shadow-bleed: clamp(24px, 2.4vw, 34px);--warning-sound-left: 86.17%;--warning-sound-top: 17.63%;--warning-sound-width: min(6.77vw, 9.34dvh);--warning-sound-size: clamp(1.15rem, min(1.59vw, 2.44dvh), 1.5rem);--warning-sound-rotate: 19.52deg;--warning-sound-delay: var(--warning-character-sink-delay);--warning-sound-duration: 2.55s;position:absolute;inset:0;overflow:visible;pointer-events:none}.onboarding-warning-phone{position:absolute;left:var(--warning-phone-left);bottom:var(--warning-phone-bottom);z-index:3;width:var(--warning-phone-width);transform:translate(-50%) rotate(16.41deg);transform-origin:center center}.onboarding-warning-phone:before,.onboarding-warning-phone:after{content:"";position:absolute;inset:0;z-index:-1;background:url(/phone.png) center / contain no-repeat;filter:drop-shadow(14px 18px 10px rgba(37,66,68,.12));pointer-events:none;animation:onboarding-phone-vibe-ghost 2.2s linear .1s infinite}.onboarding-warning-phone:before{--phone-ghost-x: -14px;--phone-ghost-y: 4px;--phone-ghost-end-x: -10px;--phone-ghost-end-y: 6px}.onboarding-warning-phone:after{--phone-ghost-x: 7px;--phone-ghost-y: -3px;--phone-ghost-end-x: 10px;--phone-ghost-end-y: -5px;animation-delay:.16s}.onboarding-warning-phone-pulse{position:absolute;left:50%;top:53%;z-index:2;width:34%;aspect-ratio:1;border:2px solid rgba(19,162,215,.38);border-radius:999px;box-shadow:0 0 14px #13a2d714;transform:translate(-50%,-50%) scale(.72);opacity:0;pointer-events:none;animation:onboarding-phone-signal-pulse 2.2s ease-out .1s infinite}.onboarding-warning-phone-pulse--2{width:45%;border-color:#13a2d729;animation-delay:.56s}.onboarding-warning-phone img{position:relative;z-index:1;display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(18px 23px 15px rgba(37,66,68,.18));animation:onboarding-phone-vibrate 2.2s linear .1s infinite}.onboarding-warning-character-wrap{position:absolute;left:var(--warning-character-left);bottom:var(--warning-character-bottom);z-index:2;width:var(--warning-character-width);transform:translate(-50%) scale(var(--warning-character-scale));transform-origin:center bottom}.onboarding-warning-character-clip{position:relative;width:100%;aspect-ratio:704 / 1021;clip-path:inset(calc(var(--warning-character-shadow-bleed) * -1) calc(var(--warning-character-shadow-bleed) * -1) 0 calc(var(--warning-character-shadow-bleed) * -1))}.onboarding-warning-character-sink{position:absolute;inset:0;transform-origin:center bottom;animation:onboarding-warning-overlay-sink var(--warning-character-sink-duration) cubic-bezier(.32,0,.18,1) var(--warning-character-sink-delay) both,onboarding-warning-character-worry-soft 1.5s ease-in-out var(--warning-character-sink-delay) 3 both}.onboarding-warning-character{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(10px 15px 12px rgba(27,55,67,.22))}.onboarding-warning-sound{position:absolute;left:var(--warning-sound-left);top:var(--warning-sound-top);z-index:4;width:var(--warning-sound-width);color:#fff;font-size:var(--warning-sound-size);font-weight:900;line-height:1.2;text-align:center;text-shadow:0 4px 10px rgba(36,83,102,.16);transform-origin:center;animation:onboarding-warning-sound-pop var(--warning-sound-duration) ease var(--warning-sound-delay) both}.onboarding-warning-dock{position:absolute;left:var(--warning-dock-left);bottom:var(--warning-dock-bottom);z-index:4;display:block;width:var(--warning-dock-width);height:auto;transform:translate(-50%);-webkit-user-select:none;user-select:none}.onboarding-return-artwork,.onboarding-reward-artwork,.onboarding-final-artwork{position:relative;align-self:stretch;width:100%;height:100%;display:grid;place-items:center}.onboarding-return-artwork{position:absolute;inset:0;overflow:visible;pointer-events:none}.onboarding-reward-artwork{overflow:visible;place-items:start center}.onboarding-return-scene{--return-character-left: 50%;--return-character-bottom: 76.6%;--return-character-width: 23.3%;--return-compact-scale: 1;--return-compact-drop: 0%;--return-sound-compact-scale: 1;--return-sound-compact-drop: 0px;position:absolute;inset:0;overflow:visible;isolation:isolate}.onboarding-return-dock-group{position:absolute;left:50%;bottom:clamp(20px,3.7dvh,48px);width:clamp(320px,31vw,450px);aspect-ratio:693 / 196;transform:translate(-50%);container-type:size;isolation:isolate;overflow:visible}.onboarding-return-dock{position:absolute;inset:0;z-index:5;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(39,72,80,.2));-webkit-user-select:none;user-select:none}.onboarding-return-character-wrap{--return-character-hide-bottom: 10%;--return-character-shadow-bleed: clamp(20px, 2vw, 30px);position:absolute;left:var(--return-character-left);bottom:calc(var(--return-character-bottom) - var(--return-compact-drop));z-index:3;width:var(--return-character-width);transform:translate(-50%) rotate(var(--return-character-rotate, 0deg)) scale(calc(var(--return-character-scale, 1) * var(--return-compact-scale, 1)));transform-origin:center bottom}.onboarding-return-character-clip{position:relative;width:100%;aspect-ratio:636 / 1021;clip-path:inset(calc(var(--return-character-shadow-bleed) * -1) calc(var(--return-character-shadow-bleed) * -1) var(--return-character-hide-bottom) calc(var(--return-character-shadow-bleed) * -1))}.onboarding-return-character-motion{position:relative;animation:onboarding-return-rise .62s cubic-bezier(.22,1,.36,1) both}.onboarding-return-character-image{display:block;width:100%;height:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 14px 10px rgba(24,54,64,.24));-webkit-user-select:none;user-select:none}.onboarding-return-sound-text{position:absolute;left:50%;bottom:calc(100% + var(--return-sound-gap-px, 10px) - var(--return-sound-compact-drop));z-index:6;width:calc(var(--return-sound-width, 260%) * var(--return-sound-compact-scale, 1));max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(46,86,99,.2));transform:translate(-50%);-webkit-user-select:none;user-select:none;animation:onboarding-return-sound var(--return-sound-duration, .92s) ease-out var(--return-sound-delay, .12s) both}@media(max-height:860px){.onboarding-stage--return{padding-top:clamp(96px,17dvh,178px)}.onboarding-stage--return .onboarding-message p{font-size:clamp(1.14rem,min(2.05vw,3.9dvh),2.24rem)}.onboarding-return-scene{--return-compact-scale: .9;--return-compact-drop: 8%;--return-sound-compact-scale: .88;--return-sound-compact-drop: 8px}}@media(max-height:760px){.onboarding-stage--return{padding-top:clamp(82px,14dvh,140px)}.onboarding-stage--return .onboarding-message p{font-size:clamp(1rem,min(1.85vw,3.35dvh),1.92rem)}.onboarding-return-dock-group{bottom:clamp(8px,1.8dvh,18px)}.onboarding-return-scene{--return-compact-scale: .8;--return-compact-drop: 16%;--return-sound-compact-scale: .76;--return-sound-compact-drop: 14px}}.onboarding-reward-artwork .onboarding-reward-home-slot{--reward-card-compact-scale: 1;--reward-card-compact-y: 0px;position:absolute;transform:translate(-50%,var(--reward-card-compact-y)) rotate(var(--reward-card-rotate, 0deg)) scale(calc(var(--reward-card-scale, 1) * var(--reward-card-compact-scale, 1))) perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--tilt-lift));transform-origin:center top}.onboarding-reward-artwork .onboarding-reward-home-slot:hover{--tilt-lift: -8px;filter:drop-shadow(0 30px 46px rgba(63,92,96,.24))}.onboarding-reward-artwork .onboarding-reward-home-card{overflow:hidden;cursor:default}.onboarding-reward-artwork .onboarding-reward-home-card:before{content:"";position:absolute;inset:-30% -60%;z-index:12;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.54) 48%,rgba(255,255,255,.16) 54%,transparent 70%);opacity:0;transform:translate(-58%) rotate(0);pointer-events:none}.onboarding-reward-artwork .onboarding-reward-home-slot:hover .onboarding-reward-home-card:before{opacity:1;transform:translate(58%);transition:transform .82s cubic-bezier(.2,.8,.2,1),opacity .16s ease}.onboarding-reward-new-badge{position:absolute;top:clamp(10px,4.4cqw,14px);right:clamp(8px,3.8cqw,13px);z-index:14;padding:clamp(4px,1.8cqw,6px) clamp(7px,3cqw,10px);border-radius:999px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--home-character-color, #f28a18) 86%,#ffffff),var(--home-character-color, #f28a18));font-size:clamp(.58rem,3.5cqw,.78rem);font-weight:900;letter-spacing:0;box-shadow:0 7px 14px color-mix(in srgb,var(--home-character-color, #f28a18) 34%,transparent),inset 0 1px #ffffff75}.onboarding-reward-preview{position:relative}.onboarding-reward-artwork .onboarding-reward-character{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(7px 10px 8px rgba(27,55,67,.2));transform:translate(var(--reward-character-x, 0%),var(--reward-character-y, 58%)) rotate(var(--reward-character-rotate, 0deg)) scale(var(--reward-character-scale, 1));transform-origin:center bottom}.onboarding-reward-sparkle{position:absolute;z-index:13;width:clamp(8px,3.4cqw,13px);height:clamp(8px,3.4cqw,13px);color:#ffd16b;opacity:0;transform:scale(.66) rotate(0);pointer-events:none}.onboarding-reward-sparkle:before,.onboarding-reward-sparkle:after{content:"";position:absolute;inset:0;margin:auto;border-radius:999px;background:currentColor}.onboarding-reward-sparkle:before{width:100%;height:24%}.onboarding-reward-sparkle:after{width:24%;height:100%}.onboarding-reward-sparkle--1{left:18%;top:18%}.onboarding-reward-sparkle--2{right:18%;top:30%;color:#fff}.onboarding-reward-sparkle--3{left:48%;bottom:18%;color:#a9e7f7}.onboarding-reward-artwork .onboarding-reward-home-slot:hover .onboarding-reward-sparkle{opacity:1;animation:onboarding-return-sparkle .9s ease-in-out infinite}.onboarding-reward-artwork .onboarding-reward-home-slot:hover .onboarding-reward-sparkle--2{animation-delay:.16s}.onboarding-reward-artwork .onboarding-reward-home-slot:hover .onboarding-reward-sparkle--3{animation-delay:.32s}@media(max-height:780px){.onboarding-stage--reward{padding-top:clamp(92px,16dvh,160px)}.onboarding-stage--reward .onboarding-message p{font-size:clamp(1.05rem,min(1.9vw,3.6dvh),2rem)}.onboarding-reward-artwork .onboarding-reward-home-slot{--reward-card-compact-scale: .92;--reward-card-compact-y: -8px}}@media(max-height:680px){.onboarding-stage--reward{padding-top:clamp(76px,13dvh,124px)}.onboarding-stage--reward .onboarding-message p{font-size:clamp(.96rem,min(1.7vw,3.2dvh),1.72rem)}.onboarding-reward-artwork .onboarding-reward-home-slot{--reward-card-compact-scale: .82;--reward-card-compact-y: -16px}}.onboarding-final-artwork{--final-card-row-top: 34%;--final-card-strip-width: min(75vw, 1132px);--final-card-gap: 30px;--final-card-scale: 1;--final-character-x: 0%;--final-character-y: 70%;--final-character-scale: 1.6;--final-card-hover-lift: 18px;--final-card-hover-scale: 1.045;position:relative;overflow:visible}.onboarding-final-card-strip{position:absolute;left:50%;top:var(--final-card-row-top);z-index:2;width:min(var(--final-card-strip-width),calc(100vw - (var(--onboarding-page-pad-x) * 2) - 24px));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:min(var(--final-card-gap),1.57vw);transform:translate(-50%) scale(var(--final-card-scale));transform-origin:center top}.onboarding-final-card-slot{--final-card-hover-y: 0px;--final-card-hover-current-scale: 1;transform:translateY(var(--final-card-hover-y)) scale(var(--final-card-hover-current-scale)) perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--tilt-lift));transform-origin:center bottom;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1)}.onboarding-final-card-slot:hover,.onboarding-final-card-slot:focus-within{--final-card-hover-y: calc(var(--final-card-hover-lift) * -1);--final-card-hover-current-scale: var(--final-card-hover-scale);filter:drop-shadow(0 34px 46px rgba(63,92,96,.24))}.onboarding-final-card-slot:hover .onboarding-final-card,.onboarding-final-card-slot:focus-within .onboarding-final-card{outline:3px solid rgba(255,255,255,.82);outline-offset:3px}.onboarding-final-card-slot:hover .onboarding-final-character,.onboarding-final-card-slot:focus-within .onboarding-final-character{animation:onboarding-final-character-peek .72s cubic-bezier(.22,1,.36,1) both}.onboarding-final-card{cursor:default}.onboarding-final-card .home-character-name{padding-right:0}.onboarding-final-character{--home-char-x: var(--final-character-x, 50%);--home-char-y: var(--final-character-y, -60%);--home-char-scale: var(--final-character-scale, 1)}@keyframes onboarding-final-character-peek{0%,to{rotate:0deg}42%{rotate:-3deg}70%{rotate:2deg}}@media(max-height:780px){.onboarding-stage--final{padding-top:clamp(92px,16dvh,160px)}.onboarding-stage--final .onboarding-message p{font-size:clamp(1.05rem,min(1.9vw,3.6dvh),2rem)}.onboarding-final-artwork{--final-card-row-top: 28%;--final-card-scale: .94}}@media(max-height:680px){.onboarding-stage--final{padding-top:clamp(76px,13dvh,124px)}.onboarding-stage--final .onboarding-message p{font-size:clamp(.96rem,min(1.7vw,3.2dvh),1.72rem)}.onboarding-final-artwork{--final-card-row-top: 22%;--final-card-scale: .84}}@media(max-height:860px){.onboarding-stage--message,.onboarding-stage--warning,.onboarding-stage--return,.onboarding-stage--reward,.onboarding-stage--final{padding-top:clamp(96px,17dvh,178px)}}@media(max-height:760px){.onboarding-stage--message,.onboarding-stage--warning,.onboarding-stage--return,.onboarding-stage--reward,.onboarding-stage--final{padding-top:clamp(82px,14dvh,140px)}}@media(max-height:680px){.onboarding-stage--message,.onboarding-stage--warning,.onboarding-stage--return,.onboarding-stage--reward,.onboarding-stage--final{padding-top:clamp(76px,13dvh,124px)}}.onboarding-stage--message{display:block;padding:0}.onboarding-stage--message .onboarding-slide-content,.onboarding-stage--message .onboarding-artwork-wrapper{position:absolute;inset:0;display:block}.onboarding-stage--message .onboarding-slide-content{pointer-events:none}.onboarding-stage--message .onboarding-step{position:absolute;left:50%;top:var(--onboarding-story-step-top);min-width:min(4.43vw,6.82dvh);min-height:min(2.31vw,3.56dvh);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:min(.53vw,.81dvh) min(1.06vw,1.63dvh);color:#fff;font-size:clamp(.82rem,min(1.06vw,1.63dvh),1rem);font-weight:700;line-height:1.2;background:#ffffff4d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%)}.onboarding-stage--message .onboarding-message{position:absolute;left:50%;top:var(--onboarding-story-text-center-y);width:min(max(22rem,min(54.37vw,83.71dvh)),calc(100vw - (var(--onboarding-story-side-x) * 4)));max-width:none;transform:translate(-50%,-50%)}.onboarding-stage--message .onboarding-message p{font-size:clamp(1.35rem,min(2.38vw,3.67dvh),2.25rem);font-weight:700;line-height:var(--onboarding-story-line-height);letter-spacing:var(--onboarding-story-letter-spacing)}.onboarding-stage--message .onboarding-message p+p{margin-top:0}.onboarding-stage--message .onboarding-dock-stage{bottom:var(--onboarding-dock-story-dock-bottom);width:var(--onboarding-dock-story-dock-width)}.onboarding-stage--message .onboarding-dock-character-wrap{left:68.17%;bottom:var(--onboarding-dock-story-character-bottom);opacity:1;z-index:2;width:var(--onboarding-dock-story-character-width);transform:translate(-50%) rotate(var(--dock-character-rotate, 0deg)) scale(var(--dock-character-scale, 1))}.onboarding-stage--message .onboarding-dock-character-clip{aspect-ratio:636 / 1022;clip-path:none}.onboarding-stage--warning{display:block;padding:0}.onboarding-stage--warning .onboarding-slide-content,.onboarding-stage--warning .onboarding-artwork-wrapper{position:absolute;inset:0;display:block}.onboarding-stage--warning .onboarding-slide-content{pointer-events:none}.onboarding-stage--warning .onboarding-step{position:absolute;left:50%;top:var(--onboarding-story-step-top);min-width:min(4.5vw,6.92dvh);min-height:min(2.31vw,3.56dvh);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:min(.53vw,.81dvh) min(1.06vw,1.63dvh);color:#fff;font-size:clamp(.82rem,min(1.06vw,1.63dvh),1rem);font-weight:700;line-height:1.2;background:#ffffff4d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%)}.onboarding-stage--warning .onboarding-message{position:absolute;left:50%;top:var(--onboarding-story-text-center-y);width:min(max(21rem,min(49.74vw,76.58dvh)),calc(100vw - (var(--onboarding-story-side-x) * 4)));max-width:none;transform:translate(-50%,-50%)}.onboarding-stage--warning .onboarding-message p{font-size:clamp(1.35rem,min(2.38vw,3.67dvh),2.25rem);font-weight:700;line-height:var(--onboarding-story-line-height);letter-spacing:var(--onboarding-story-letter-spacing)}.onboarding-stage--warning .onboarding-message p+p{margin-top:0}.onboarding-stage--return{display:block;padding:0}.onboarding-stage--return .onboarding-slide-content,.onboarding-stage--return .onboarding-artwork-wrapper{position:absolute;inset:0;display:block}.onboarding-stage--return .onboarding-slide-content{pointer-events:none}.onboarding-stage--return .onboarding-step{position:absolute;left:50%;top:var(--onboarding-story-step-top);min-width:min(4.5vw,6.92dvh);min-height:min(2.31vw,3.56dvh);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:min(.53vw,.81dvh) min(1.06vw,1.63dvh);color:#fff;font-size:clamp(.82rem,min(1.06vw,1.63dvh),1rem);font-weight:700;line-height:1.2;background:#ffffff4d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%)}.onboarding-stage--return .onboarding-message{position:absolute;left:50%;top:var(--onboarding-story-text-center-y);width:min(max(18rem,min(33vw,50.81dvh)),calc(100vw - (var(--onboarding-story-side-x) * 4)));max-width:none;transform:translate(-50%,-50%)}.onboarding-stage--return .onboarding-message p{font-size:clamp(1.35rem,min(2.38vw,3.67dvh),2.25rem);font-weight:700;line-height:var(--onboarding-story-line-height);letter-spacing:var(--onboarding-story-letter-spacing)}.onboarding-stage--return .onboarding-message p+p{margin-top:0}.onboarding-stage--return .onboarding-return-dock-group{left:50%;bottom:min(3.64vw,5.61dvh);width:min(21.78vw,33.54dvh)}.onboarding-stage--return .onboarding-return-character-wrap{left:50%;bottom:min(3.11vw,4.79dvh);width:min(11.71vw,18.02dvh);transform:translate(-50%) rotate(0)}.onboarding-stage--return .onboarding-return-sound-text{bottom:calc(100% + min(.21vw,.32dvh));width:min(10.7vw,16.48dvh)}.onboarding-stage--reward{display:block;padding:0}.onboarding-stage--reward .onboarding-slide-content,.onboarding-stage--reward .onboarding-artwork-wrapper{position:absolute;inset:0;display:block}.onboarding-stage--reward .onboarding-slide-content{pointer-events:none}.onboarding-stage--reward .onboarding-step{position:absolute;left:50%;top:var(--onboarding-story-step-top);min-width:min(4.5vw,6.92dvh);min-height:min(2.31vw,3.56dvh);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:min(.53vw,.81dvh) min(1.06vw,1.63dvh);color:#fff;font-size:clamp(.82rem,min(1.06vw,1.63dvh),1rem);font-weight:700;line-height:1.2;background:#ffffff4d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%)}.onboarding-stage--reward .onboarding-message{position:absolute;left:50%;top:var(--onboarding-story-text-center-y);width:min(max(19rem,min(38.03vw,58.55dvh)),calc(100vw - (var(--onboarding-story-side-x) * 4)));max-width:none;transform:translate(-50%,-50%)}.onboarding-stage--reward .onboarding-message p{font-size:clamp(1.35rem,min(2.38vw,3.67dvh),2.25rem);font-weight:700;line-height:var(--onboarding-story-line-height);letter-spacing:var(--onboarding-story-letter-spacing)}.onboarding-stage--reward .onboarding-message p+p{margin-top:0}.onboarding-stage--reward .onboarding-reward-artwork{position:absolute;inset:0;display:block}.onboarding-stage--reward .onboarding-reward-home-slot{left:50%!important;top:auto!important;bottom:min(4.25vw,6.54dvh);width:min(16.83vw,25.92dvh)!important;height:min(23.33vw,35.93dvh);transform:translate(-50%,var(--reward-card-compact-y)) rotate(var(--reward-card-rotate, 0deg)) scale(calc(var(--reward-card-scale, 1) * var(--reward-card-compact-scale, 1))) perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--tilt-lift));transform-origin:center top}.onboarding-stage--reward .onboarding-reward-home-card{width:100%;height:100%;border-radius:min(1.84vw,2.84dvh);box-shadow:0 0 min(.56vw,.87dvh) #00000026}.onboarding-stage--reward .onboarding-reward-preview{left:4.38cqw;top:3.16cqh;width:91.24cqw;height:66.4cqh;border-radius:8.77cqw}.onboarding-stage--reward .onboarding-reward-character{transform:translate(var(--reward-character-x, 0%),var(--reward-character-y, 58%)) rotate(var(--reward-character-rotate, 0deg)) scale(var(--reward-character-scale, 1))}.onboarding-stage--reward .home-character-name{left:7.95cqw;top:74.7cqh;width:52.55cqw;font-size:clamp(1rem,8.77cqw,1.4rem);font-weight:700;font-synthesis:weight;line-height:1.2}.onboarding-stage--reward .home-character-tags{left:7.98cqw;top:86.66cqh;gap:1.6cqw}.onboarding-stage--reward .home-tag{height:6.28cqh;padding-inline:2.66cqw;font-size:clamp(.48rem,3.99cqw,.64rem);font-weight:700;font-synthesis:weight;line-height:1.2}.onboarding-stage--final{display:block;padding:0}.onboarding-stage--final .onboarding-slide-content,.onboarding-stage--final .onboarding-artwork-wrapper{position:absolute;inset:0;display:block}.onboarding-stage--final .onboarding-slide-content{pointer-events:none}.onboarding-stage--final .onboarding-step{position:absolute;left:50%;top:var(--onboarding-story-step-top);min-width:min(4.5vw,6.92dvh);min-height:min(2.31vw,3.56dvh);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:min(.53vw,.81dvh) min(1.06vw,1.63dvh);color:#fff;font-size:clamp(.82rem,min(1.06vw,1.63dvh),1rem);font-weight:600;line-height:1.2;background:#ffffff4d;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%)}.onboarding-stage--final .onboarding-message{position:absolute;left:50%;top:var(--onboarding-story-text-center-y);width:min(max(22rem,min(45.24vw,69.65dvh)),calc(100vw - (var(--onboarding-story-side-x) * 4)));max-width:none;transform:translate(-50%,-50%)}.onboarding-stage--final .onboarding-message p{font-size:clamp(1.35rem,min(2.38vw,3.67dvh),2.25rem);font-weight:700;line-height:var(--onboarding-story-line-height);letter-spacing:var(--onboarding-story-letter-spacing)}.onboarding-stage--final .onboarding-message p+p{margin-top:0}.onboarding-stage--final .onboarding-final-artwork{position:absolute;inset:0;display:block;overflow:visible}.onboarding-stage--final .onboarding-final-card-strip{top:var(--final-card-row-top);width:min(var(--final-card-strip-width),calc(100vw - min(9.92vw,15.28dvh)));gap:min(var(--final-card-gap),min(1.57vw,2.42dvh))}.onboarding-stage--final .onboarding-final-card-slot{aspect-ratio:207.27 / 287.34}.onboarding-stage--final .onboarding-final-card{width:100%;height:100%;border-radius:min(1.5vw,2.31dvh);border:0;box-shadow:0 0 min(.56vw,.87dvh) #00000026}.onboarding-stage--final .onboarding-final-preview{left:4.38cqw;top:3.16cqh;width:91.24cqw;height:66.4cqh;border-radius:8.77cqw}.onboarding-stage--final .onboarding-final-card-name{left:7.95cqw;top:74.7cqh;width:74cqw;font-size:clamp(.9rem,8.77cqw,1.14rem);font-weight:700;font-synthesis:weight;line-height:1.2}.onboarding-stage--final .home-character-tags{left:7.98cqw;top:86.17cqh;gap:2.22cqw;max-width:88cqw}.onboarding-stage--final .home-tag{height:6.36cqh;padding-inline:2.66cqw;font-size:clamp(.46rem,3.99cqw,.52rem);font-weight:700;font-synthesis:weight;line-height:1.2}.onboarding-side-button{position:absolute;top:var(--onboarding-side-button-top);z-index:7;width:clamp(58px,7vw,86px);height:clamp(96px,18dvh,148px);display:grid;place-items:center;padding:0;color:#ffffffeb;background:transparent;border:0;font-size:0;line-height:1;transform:translateY(-50%);transition:color .2s ease,opacity .2s ease,transform .2s ease}.onboarding-side-button:before{content:"";position:absolute;inset:8px;border-radius:999px;background:#fff0;transition:background .2s ease}.onboarding-side-chevron{position:relative;z-index:1;width:clamp(20px,2.5vw,30px);height:clamp(20px,2.5vw,30px);border-top:clamp(3px,.42vw,5px) solid currentColor;border-right:clamp(3px,.42vw,5px) solid currentColor;border-radius:3px;filter:drop-shadow(0 4px 7px rgba(34,72,86,.28))}.onboarding-side-button--prev{left:var(--flow-brand-offset-x)}.onboarding-side-button--next{right:var(--flow-brand-offset-x)}.onboarding-screen.is-story-intro .onboarding-side-button,.onboarding-screen.is-dock-story .onboarding-side-button,.onboarding-screen.is-warning-story .onboarding-side-button,.onboarding-screen.is-return-story .onboarding-side-button,.onboarding-screen.is-reward-story .onboarding-side-button,.onboarding-screen.is-final-story .onboarding-side-button{top:var(--onboarding-story-text-center-y);width:var(--onboarding-story-arrow-size);height:var(--onboarding-story-arrow-size)}.onboarding-screen.is-story-intro .onboarding-side-button:before,.onboarding-screen.is-dock-story .onboarding-side-button:before,.onboarding-screen.is-warning-story .onboarding-side-button:before,.onboarding-screen.is-return-story .onboarding-side-button:before,.onboarding-screen.is-reward-story .onboarding-side-button:before,.onboarding-screen.is-final-story .onboarding-side-button:before{inset:0}.onboarding-screen.is-story-intro .onboarding-side-button--prev,.onboarding-screen.is-dock-story .onboarding-side-button--prev,.onboarding-screen.is-warning-story .onboarding-side-button--prev,.onboarding-screen.is-return-story .onboarding-side-button--prev,.onboarding-screen.is-reward-story .onboarding-side-button--prev,.onboarding-screen.is-final-story .onboarding-side-button--prev{left:var(--onboarding-story-side-x)}.onboarding-screen.is-story-intro .onboarding-side-button--next,.onboarding-screen.is-dock-story .onboarding-side-button--next,.onboarding-screen.is-warning-story .onboarding-side-button--next,.onboarding-screen.is-return-story .onboarding-side-button--next,.onboarding-screen.is-reward-story .onboarding-side-button--next,.onboarding-screen.is-final-story .onboarding-side-button--next{right:var(--onboarding-story-side-x)}.onboarding-screen.is-story-intro .onboarding-side-chevron,.onboarding-screen.is-dock-story .onboarding-side-chevron,.onboarding-screen.is-warning-story .onboarding-side-chevron,.onboarding-screen.is-return-story .onboarding-side-chevron,.onboarding-screen.is-reward-story .onboarding-side-chevron,.onboarding-screen.is-final-story .onboarding-side-chevron{width:var(--onboarding-story-arrow-mark-size);height:var(--onboarding-story-arrow-mark-size);border-top-width:var(--onboarding-story-arrow-stroke);border-right-width:var(--onboarding-story-arrow-stroke);filter:drop-shadow(0 0 min(.56vw,.87dvh) rgba(0,0,0,.15))}.onboarding-side-button--prev .onboarding-side-chevron{transform:rotate(-135deg)}.onboarding-side-button--next .onboarding-side-chevron{transform:rotate(45deg)}.onboarding-side-button:hover,.onboarding-side-button:focus-visible{color:#fff;transform:translateY(-50%) scale(1.06)}.onboarding-side-button:hover:before,.onboarding-side-button:focus-visible:before{background:#ffffff21}.onboarding-side-button:disabled{opacity:.2;cursor:not-allowed;transform:translateY(-50%)}.onboarding-side-button:disabled:before{background:transparent}.onboarding-screen.is-splash-active .onboarding-stage{display:block;padding:0}.onboarding-screen.is-splash-active .onboarding-slide-content{position:absolute;inset:0;display:block}.onboarding-screen.is-splash-active .onboarding-message{position:absolute;left:50%;top:var(--onboarding-splash-logo-top);display:block;width:var(--onboarding-splash-logo-width);max-width:calc(100vw - (var(--onboarding-page-pad-x) * 2));transform:translate(-50%)}.onboarding-screen.is-splash-active .onboarding-main-logo{width:100%;max-width:none}.onboarding-screen.is-splash-active .onboarding-splash-next{position:absolute;left:50%;top:var(--onboarding-splash-button-center-y);z-index:5;width:min(var(--onboarding-splash-button-width),calc(100vw - (var(--onboarding-page-pad-x) * 2)));height:var(--onboarding-splash-button-height);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:clamp(.875rem,min(1.32vw,2.04dvh),1.25rem);font-size:clamp(1.05rem,min(1.59vw,2.44dvh),1.5rem);font-weight:700;line-height:1.2;box-shadow:0 0 min(.56vw,.87dvh) #00000026;transform:translate(-50%,-50%)}.onboarding-screen.is-splash-active .onboarding-splash-next:hover,.onboarding-screen.is-splash-active .onboarding-splash-next:focus-visible{transform:translate(-50%,calc(-50% - 1px))}.onboarding-screen.is-splash-active .onboarding-artwork-wrapper,.onboarding-screen.is-splash-active .onboarding-footer,.onboarding-screen.is-splash-active .onboarding-side-button{display:none}.onboarding-screen.is-scene-story .onboarding-footer{bottom:var(--onboarding-nav-bottom)}.onboarding-screen.is-story-intro .onboarding-footer,.onboarding-screen.is-dock-story .onboarding-footer,.onboarding-screen.is-warning-story .onboarding-footer,.onboarding-screen.is-return-story .onboarding-footer,.onboarding-screen.is-reward-story .onboarding-footer,.onboarding-screen.is-final-story .onboarding-footer{top:var(--onboarding-story-dots-top);bottom:auto;width:min(min(26.59vw,40.94dvh),calc(100vw - (var(--onboarding-story-side-x) * 2)));height:min(2.91vw,4.48dvh)}.onboarding-footer{position:absolute;left:50%;bottom:var(--onboarding-nav-bottom);z-index:6;width:max-content;display:flex;align-items:center;justify-content:center;transform:translate(-50%);animation:onboarding-dots-in .42s cubic-bezier(.22,1,.36,1) both}.onboarding-skip:hover,.onboarding-skip:focus-visible{transform:translateY(-1px)}.onboarding-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.onboarding-screen.is-story-intro .onboarding-dots,.onboarding-screen.is-dock-story .onboarding-dots,.onboarding-screen.is-warning-story .onboarding-dots,.onboarding-screen.is-return-story .onboarding-dots,.onboarding-screen.is-reward-story .onboarding-dots,.onboarding-screen.is-final-story .onboarding-dots{position:absolute;left:50%;top:50%;gap:var(--onboarding-story-dot-size);padding:min(.53vw,.81dvh) min(.79vw,1.22dvh);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%,-50%)}.onboarding-dots button{width:9px;height:9px;border:0;border-radius:999px;padding:0;background:#ffffffa3;box-shadow:0 0 0 1px #4174851f;transform-origin:center;transition:width .28s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .2s ease,transform .2s ease}.onboarding-screen.is-story-intro .onboarding-dots button,.onboarding-screen.is-dock-story .onboarding-dots button,.onboarding-screen.is-warning-story .onboarding-dots button,.onboarding-screen.is-return-story .onboarding-dots button,.onboarding-screen.is-reward-story .onboarding-dots button,.onboarding-screen.is-final-story .onboarding-dots button{width:var(--onboarding-story-dot-size);height:var(--onboarding-story-dot-size);background:#ffffff4d;box-shadow:none}.onboarding-dots button:hover,.onboarding-dots button:focus-visible{background:#ffffffe0;transform:translateY(-2px) scale(1.18)}.onboarding-dots button.is-active{width:28px;background:#fff;animation:onboarding-dot-active-pulse 1.85s ease-in-out infinite}.onboarding-screen.is-story-intro .onboarding-dots button.is-active,.onboarding-screen.is-dock-story .onboarding-dots button.is-active,.onboarding-screen.is-warning-story .onboarding-dots button.is-active,.onboarding-screen.is-return-story .onboarding-dots button.is-active,.onboarding-screen.is-reward-story .onboarding-dots button.is-active,.onboarding-screen.is-final-story .onboarding-dots button.is-active{width:var(--onboarding-story-dot-size);background:#fff;animation:none}.onboarding-dots button:active{transform:translateY(0) scale(.88)}.onboarding-bubbles{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.onboarding-bubbles span{position:absolute;bottom:-30px;width:8px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.74);background:#ffffff1a;box-shadow:inset 0 1px 3px #ffffffc2,0 0 14px #ffffff14;animation:onboarding-bubble-rise 8s linear infinite,onboarding-bubble-wobble 3.2s ease-in-out infinite}.onboarding-bubbles span:nth-child(1){left:8%;animation-delay:0s}.onboarding-bubbles span:nth-child(2){left:18%;width:6px;height:6px;animation-delay:2.1s;animation-duration:9.6s,2.8s}.onboarding-bubbles span:nth-child(3){left:29%;width:11px;height:11px;animation-delay:1.2s;animation-duration:10.2s,3.7s}.onboarding-bubbles span:nth-child(4){left:42%;animation-delay:3.4s;animation-duration:8.8s,3.1s}.onboarding-bubbles span:nth-child(5){left:54%;width:7px;height:7px;animation-delay:.8s;animation-duration:9.2s,2.9s}.onboarding-bubbles span:nth-child(6){left:66%;width:12px;height:12px;animation-delay:4.6s;animation-duration:11s,3.9s}.onboarding-bubbles span:nth-child(7){left:75%;animation-delay:2.7s;animation-duration:8.4s,3.4s}.onboarding-bubbles span:nth-child(8){left:84%;width:6px;height:6px;animation-delay:1.8s;animation-duration:9.8s,2.6s}.onboarding-bubbles span:nth-child(9){left:92%;width:10px;height:10px;animation-delay:3.9s;animation-duration:10.6s,3.6s}.onboarding-bubbles span:nth-child(10){left:36%;width:5px;height:5px;animation-delay:5.2s;animation-duration:9.4s,2.7s}.onboarding-bubbles span:nth-child(11){left:61%;width:9px;height:9px;animation-delay:6.4s;animation-duration:10.8s,3.2s}@keyframes home-fade-up{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes home-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes home-hero-gradient-drift{0%{background-position:0% 50%,100% 50%}50%{background-position:100% 50%,0% 50%}to{background-position:0% 50%,100% 50%}}@keyframes home-hero-anago-rise{0%{opacity:0;transform:translateY(34%) scale(.96)}64%{opacity:1;transform:translateY(-2.5%) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-hero-anago-idle{0%,to{transform:translateY(0) rotate(-.15deg) scale(1)}50%{transform:translateY(-8px) rotate(.3deg) scale(1.006)}}@keyframes home-dialog-scale-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes home-qr-glow{0%,to{box-shadow:0 10px 18px #2c586214}50%{box-shadow:0 10px 18px #2c586214,0 0 0 4px #13a2d738}}@keyframes home-heart-pop{0%{scale:1}40%{scale:1.4}70%{scale:.88}to{scale:1}}@keyframes home-dialog-scale-out{0%{opacity:1;scale:1}to{opacity:0;scale:.94}}@keyframes home-backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes home-locked-shimmer{0%{transform:translate(-180%)}to{transform:translate(280%)}}@keyframes home-acquired-card-tap-burst{0%{transform:perspective(760px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) - 2px)) scale(1);filter:drop-shadow(0 12px 24px rgba(63,92,96,.18))}40%{transform:perspective(760px) rotateX(calc(var(--tilt-x) * .6)) rotateY(calc(var(--tilt-y) * .6)) translateY(calc(var(--tilt-lift) - 16px)) scale(1.038);filter:drop-shadow(0 26px 34px rgba(63,92,96,.28))}to{transform:perspective(760px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--tilt-lift)) scale(1);filter:drop-shadow(0 14px 26px rgba(63,92,96,.2))}}@keyframes home-acquired-card-glitter{0%{opacity:0;transform:translate(-28%) translateY(10%) rotate(-10deg)}28%{opacity:.88}to{opacity:0;transform:translate(24%) translateY(-12%) rotate(8deg)}}@keyframes home-heart-shine-sweep{0%{background-position:118% 50%}to{background-position:-18% 50%}}@keyframes qr-modal-today-heading-enter{0%{opacity:0;transform:translateY(calc(14px * var(--qr-scale)))}to{opacity:1;transform:translateY(0)}}@keyframes qr-modal-today-character-rise{0%{opacity:0;transform:translateY(20%) scale(.96)}68%{opacity:1;transform:translateY(-2%) scale(1.012)}to{opacity:1;transform:translateY(0) scale(1)}}.flow-screen.home-single{--home-collection-bg-start: clamp(390px, 70dvh, 675px);--home-hero-character-space: clamp(118px, 17vw, 250px);position:relative;isolation:isolate;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background-color:#fdfdfd;background-image:linear-gradient(180deg,#34add5 0,#34add5 var(--home-nav-height),var(--app-home-gradient-start) var(--home-nav-height),var(--app-home-gradient-end) var(--home-collection-bg-start),#fdfdfd var(--home-collection-bg-start),#fdfdfd 100%);background-attachment:local;background-repeat:no-repeat;background-size:100% 100%}.home-nav{position:sticky;top:0;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:var(--home-nav-height);padding:0 var(--flow-brand-offset-x);background:#34add5}.home-nav .flow-brand{position:static;width:var(--flow-brand-display-width)}.home-nav-profile{display:grid;place-items:center;width:clamp(38px,3.7dvh,48px);height:clamp(38px,3.7dvh,48px);overflow:hidden;border-radius:999px;border:0;padding:0;background:#ffffff38;box-shadow:0 4px 12px #0c43542e;transition:background .15s}.home-nav-profile:hover,.home-nav-profile:focus-visible{background:#ffffff61;outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.home-nav-profile-character{width:100px;height:100px;object-fit:contain;object-position:center bottom;transform:translate(-22px,7px);animation:home-float 3.4s ease-in-out infinite}.home-hero{position:relative;flex-shrink:0;min-height:clamp(270px,55dvh,585px);display:flex;align-items:center;padding:clamp(24px,4.5dvh,56px) clamp(20px,6.7vw,102px);background:transparent;overflow:visible}.home-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,#fff0 18%,#ffffff29,#fff0 66%),linear-gradient(248deg,#13a2d700 10%,#fff7d12e 48%,#13a2d700 76%);background-size:220% 100%,190% 100%;opacity:.72;mix-blend-mode:soft-light;animation:home-hero-gradient-drift 16s ease-in-out infinite}.home-hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;gap:clamp(16px,4vw,80px);min-width:0;padding-right:var(--home-hero-character-space);box-sizing:border-box}.home-hero-copy{min-width:0;animation:home-fade-up .55s ease both}.home-hero-copy h1{margin:0;color:#fff;font-size:clamp(1.35rem,2.38vw,2.25rem);line-height:2;font-weight:700;letter-spacing:0}.home-hero-actions{display:flex;flex-direction:column;gap:clamp(12px,1.8dvh,28px);flex-shrink:0;animation:home-fade-up .55s ease .12s both;margin-right:0}.home-hero-action-btn{width:clamp(200px,26.5vw,400px);height:clamp(50px,7dvh,69px);border:0;border-radius:999px;background:#fff;color:#13a2d7;font-size:clamp(.95rem,1.59vw,1.5rem);font-weight:700;letter-spacing:0;cursor:pointer;box-shadow:0 8px 24px #0d5d7524;transition:opacity .15s ease,transform .15s ease}.home-hero-action-btn:hover,.home-hero-action-btn:focus-visible{opacity:.92;transform:translateY(-1px)}.home-hero-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.home-hero-anago{position:absolute;right:clamp(0px,1vw,16px);bottom:0;height:clamp(140px,72%,430px);width:auto;pointer-events:none;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 24px rgba(0,0,0,.12));z-index:1;transform-origin:center bottom;animation:home-hero-anago-rise .82s cubic-bezier(.18,.74,.28,1) .08s both,home-hero-anago-idle 5.4s ease-in-out 1.05s infinite}.home-hero-anago.character-empty{display:none}@media(prefers-reduced-motion:reduce){.home-hero:before{animation:none}.home-hero-anago{animation:none}}@media(max-width:980px){.flow-screen.home-single{--home-collection-bg-start: clamp(350px, 68dvh, 590px);--home-hero-character-space: clamp(92px, 18vw, 150px)}.home-hero{min-height:clamp(300px,54dvh,460px);align-items:center;padding:clamp(22px,4dvh,42px) clamp(20px,5.8vw,56px)}.home-hero-content{flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(18px,3dvh,28px)}.home-hero-copy h1{max-width:16em;line-height:1.65}.home-hero-actions{width:min(340px,100%)}.home-hero-action-btn{width:100%}.home-hero-anago{right:clamp(4px,1.8vw,18px);height:clamp(150px,50%,300px)}}@media(max-width:760px){.flow-screen.home-single{--home-hero-character-space: clamp(74px, 16vw, 110px)}.home-hero{min-height:clamp(292px,52dvh,420px);padding:clamp(18px,3.4dvh,30px) clamp(18px,4.4vw,32px)}.home-hero-content{gap:clamp(14px,2.8dvh,22px)}.home-hero-copy h1{font-size:clamp(1.18rem,3.2vw,1.42rem);line-height:1.55}.home-hero-actions{width:min(300px,100%);gap:clamp(10px,2dvh,14px)}.home-hero-action-btn{height:clamp(46px,8.5dvh,54px);font-size:clamp(.9rem,2.6vw,1.05rem)}.home-hero-anago{height:clamp(124px,42%,220px);opacity:.9}.home-collection{padding-inline:clamp(12px,3vw,22px)}}@media(max-height:620px){.home-hero{min-height:clamp(250px,50dvh,340px);padding-block:clamp(16px,3dvh,28px)}.home-hero-copy h1{line-height:1.48}.home-hero-actions{gap:10px}}.home-single-qr{animation:home-fade-up .55s ease .18s both}.home-single-debug-story{position:absolute;top:clamp(10px,1.5dvh,18px);right:clamp(12px,2vw,24px);z-index:5;border:1px solid rgba(95,100,104,.18);border-radius:999px;padding:8px 12px;color:#6a4242;background:#ffffffb8;font-size:.76rem;font-weight:900}.home-single-debug-story:hover,.home-single-debug-story:focus-visible{color:#963232;background:#fff;border-color:#96323257}.profile-dialog-backdrop{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:24px;background:#10262e7a}.profile-dialog-backdrop.is-closing{animation:home-backdrop-fade-out .22s ease forwards}.profile-dialog{width:min(760px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;border-radius:24px;background:#f5f5f5;border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 54px #12364147;animation:home-dialog-scale-in .22s ease both}.profile-dialog-backdrop.is-closing .profile-dialog{animation:home-dialog-scale-out .22s ease forwards}.profile-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 14px;background:#f5f5f5f0}.profile-dialog-header h2{margin:0;color:#555b60;font-size:1.35rem;font-weight:900}.profile-dialog-close{width:36px;height:36px;border:0;border-radius:999px;display:grid;place-items:center;color:#565d64;background:#fff;font-size:1.25rem;font-weight:900;line-height:1;box-shadow:0 8px 18px #3f5c601a}.profile-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:14px;padding:8px 24px 24px}.profile-selection-item{min-width:0;display:grid;gap:10px;justify-items:stretch;padding:10px;border-radius:18px;border:2px solid transparent;background:#fff;text-align:left;box-shadow:0 8px 18px #3f5c6014}.profile-selection-item:hover,.profile-selection-item:focus-visible,.profile-selection-item.is-selected{border-color:#f05a63}.profile-selection-preview{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:var(--home-character-soft-color, #d1d1d1)}.profile-selection-character{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 10px 8px rgba(23,31,41,.2))}.profile-selection-name{min-width:0;overflow:hidden;color:#101418;font-size:.92rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.profile-selection-empty{margin:0;padding:6px 24px 26px;color:#737a80;font-size:.95rem;font-weight:900}.profile-dialog-debug{padding:4px 24px 22px;border-top:1px solid rgba(95,100,104,.12);margin-top:4px}.profile-dialog-debug-label{margin:0 0 10px;font-size:.72rem;font-weight:900;letter-spacing:.06em;color:#963232}.profile-dialog-debug-buttons{display:flex;flex-wrap:wrap;gap:8px}.profile-dialog-debug .home-single-debug-story,.profile-dialog-debug .home-single-debug-skip{position:static;z-index:auto}.profile-dialog-debug .home-collection-debug-message{display:block;margin-top:10px}.home-single-debug-skip{position:relative;z-index:3;border:1px solid rgba(95,100,104,.18);border-radius:999px;padding:8px 12px;color:#6a4242;background:#ffffffb8;font-size:.76rem;font-weight:900}.home-single-debug-skip:hover,.home-single-debug-skip:focus-visible{color:#963232;background:#fff;border-color:#96323257}.qr-modal-overlay{container-type:size;container-name:qr-overlay;--qr-fr1-horizontal-inset: clamp(16px, 9.591vw, 145px);--qr-fr1-block-top: clamp(72px, 15.274dvh, 150px);--qr-fr1-block-bottom: clamp(48px, 15.377dvh, 151px);--qr-scale: min( 1, calc((100vw - 2 * var(--qr-fr1-horizontal-inset) - 20px) / 1222px), calc( ( 100dvh - var(--qr-fr1-block-top) - var(--qr-fr1-block-bottom) - 16px ) / 681px ) );--qr-frost-fill: rgba(255, 255, 255, .22);--qr-frost-blur: 34px;--qr-frost-radius: calc(40px * var(--qr-scale));--qr-frost-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .45);--qr-frost-shadow-drop: 0 calc(16px * var(--qr-scale)) calc(48px * var(--qr-scale)) rgba(10, 55, 75, .12);position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:var(--qr-fr1-block-top) var(--qr-fr1-horizontal-inset) var(--qr-fr1-block-bottom);overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--app-home-gradient-start) 0%,var(--app-home-gradient-end) 100%);animation:home-fade-up .3s ease both}@supports (width: 1cqw){.qr-modal-overlay{--qr-scale: min( 1, calc((100cqw - 8px)/1222px) , calc((100cqh - 8px)/681px) )}}.qr-modal-brand{position:absolute;top:var(--flow-brand-offset-y);left:var(--flow-brand-offset-x);z-index:11}.qr-modal-brand .flow-brand{position:static;padding:0;width:var(--flow-brand-display-width);line-height:0}.qr-modal-close{position:absolute;z-index:11;top:calc(64 * 100dvh / 982);right:calc(80 * 100vw / 1512);width:clamp(44px,calc(56 * 100vw / 1512),56px);height:clamp(44px,calc(56 * 100vw / 1512),56px);display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;transition:opacity .15s ease}.qr-modal-close-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.qr-modal-close:hover,.qr-modal-close:focus-visible{opacity:.88}.qr-modal-close:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:3px}@supports (width: 1cqw){.qr-modal-close{top:calc(64 * 100cqh / 982);right:calc(80 * 100cqw / 1512);width:clamp(44px,calc(56 * 100cqw / 1512),56px);height:clamp(44px,calc(56 * 100cqw / 1512),56px)}}.qr-modal-panels{display:flex;flex-wrap:nowrap;flex:0 1 auto;align-items:stretch;justify-content:center;gap:calc(41px * var(--qr-scale));width:min(calc(1222px * var(--qr-scale)),100%);min-width:0;box-sizing:border-box;animation:home-dialog-scale-in .28s ease both}.qr-modal-left{flex:0 0 calc(500px * var(--qr-scale));width:calc(500px * var(--qr-scale));max-width:100%;min-width:0;height:calc(681px * var(--qr-scale));min-height:calc(681px * var(--qr-scale));box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding:calc(47px * var(--qr-scale)) calc(50px * var(--qr-scale)) calc(40px * var(--qr-scale));background:#fff;border-radius:calc(40px * var(--qr-scale))}.qr-modal-left--step1 .qr-modal-title{margin:0 0 calc(32px * var(--qr-scale));font-weight:800}.qr-modal-left--step1 .qr-modal-subtitle{margin:0 0 calc(62px * var(--qr-scale));font-weight:800}.qr-modal-left--step2 .qr-modal-title,.qr-modal-left--step2 .qr-modal-subtitle{margin:0 0 calc(32px * var(--qr-scale))}.qr-modal-left--step1{padding-bottom:0;overflow:hidden}.qr-modal-left--step2{overflow:hidden}.qr-modal-title{color:#13a2d7;font-size:max(17px,calc(36px * var(--qr-scale)));font-weight:700;letter-spacing:0;line-height:calc(43 / 36)}.qr-modal-subtitle{color:#666;font-size:max(13px,calc(20px * var(--qr-scale)));font-weight:700;line-height:calc(24 / 20);letter-spacing:0}.qr-modal-phone-area{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;margin:0}.qr-modal-left--step1 .qr-modal-phone-area{align-self:stretch;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-end;justify-content:center}.qr-modal-phone-img{width:auto;max-width:calc(380px * var(--qr-scale));height:auto;max-height:calc(381px * var(--qr-scale));object-fit:contain;object-position:center bottom;display:block;margin-inline:auto}@keyframes qr-modal-phone-vibrate{0%,to{transform:translateZ(0) rotate(0)}18%{transform:translate3d(1.6px,-1px,0) rotate(.45deg)}36%{transform:translate3d(-1.7px,.7px,0) rotate(-.5deg)}54%{transform:translate3d(1.3px,.5px,0) rotate(.3deg)}72%{transform:translate3d(-1.1px,-.7px,0) rotate(-.22deg)}90%{transform:translate3d(.6px,.4px,0) rotate(.12deg)}}@keyframes qr-modal-vibe-arc-pulse{0%{opacity:0;transform:scale(.74)}28%{opacity:.95;transform:scale(1)}68%{opacity:.45;transform:scale(1.12)}to{opacity:0;transform:scale(1.22)}}.qr-modal-vibe-area{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.qr-modal-left--step2 .qr-modal-vibe-area{align-self:stretch;width:100%;max-width:100%;box-sizing:border-box}.qr-modal-vibe-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--qr-scale));max-width:100%;overflow:hidden;border-radius:calc(20px * var(--qr-scale))}.qr-modal-vibe-arcs{display:flex;align-items:center;flex:0 0 auto;width:calc(54px * var(--qr-scale));height:calc(170px * var(--qr-scale));pointer-events:none}.qr-modal-vibe-arcs svg{width:100%;height:100%;overflow:visible}.qr-modal-vibe-arcs path{fill:none;stroke:#34add5;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-box:fill-box;transform-origin:var(--vibe-arc-origin, center);animation:qr-modal-vibe-arc-pulse 1s ease-out infinite;filter:drop-shadow(0 calc(1px * var(--qr-scale)) calc(4px * var(--qr-scale)) rgba(52,173,213,.28))}.qr-modal-vibe-arcs--left path{--vibe-arc-origin: 100% 50%}.qr-modal-vibe-arcs--right path{--vibe-arc-origin: 0% 50%}.qr-modal-vibe-arcs path:nth-child(1){animation-delay:0s}.qr-modal-vibe-arcs path:nth-child(2){animation-delay:.16s}.qr-modal-vibe-arcs path:nth-child(3){animation-delay:.32s}.qr-modal-vibe-img{max-height:calc(290px * var(--qr-scale));width:auto;max-width:100%;object-fit:contain;transform-origin:50% 60%;animation:qr-modal-phone-vibrate .22s ease-in-out infinite;filter:drop-shadow(.7px 0 0 rgba(52,173,213,.32)) drop-shadow(-.7px 0 0 rgba(52,173,213,.32)) drop-shadow(0 calc(10px * var(--qr-scale)) calc(20px * var(--qr-scale)) rgba(15,70,95,.18))}.qr-modal-vibe-area.is-haptic-off .qr-modal-vibe-img{animation:none;transform:none;filter:drop-shadow(0 calc(8px * var(--qr-scale)) calc(18px * var(--qr-scale)) rgba(15,70,95,.16))}.qr-modal-vibe-area.is-haptic-off .qr-modal-vibe-arcs path{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){.qr-modal-vibe-img,.qr-modal-vibe-arcs path{animation:none}.qr-modal-vibe-arcs path{opacity:.7}}.qr-modal-left--step1 .qr-modal-error-label{margin:calc(12px * var(--qr-scale)) 0 calc(8px * var(--qr-scale));flex-shrink:0}.qr-modal-error-label{margin:calc(16px * var(--qr-scale)) 0 0;color:#b91c1c;font-size:max(.74rem,calc(14.7px * var(--qr-scale)));font-weight:700;line-height:1.4}.qr-modal-next-btn{flex-shrink:0;width:min(calc(400px * var(--qr-scale)),100%);min-height:calc(52px * var(--qr-scale));height:calc(77px * var(--qr-scale));align-self:center;margin:auto auto 0;border:0;border-radius:999px;background:#d3d3d3;color:#fff;font-size:max(14px,calc(24px * var(--qr-scale)));font-weight:700;letter-spacing:0;cursor:not-allowed;transition:background .2s ease,transform .15s ease}.qr-modal-next-btn:not(:disabled){background:#34add5;cursor:pointer;box-shadow:0 8px 24px #0c648038}.qr-modal-next-btn:not(:disabled):hover,.qr-modal-next-btn:not(:disabled):focus-visible{transform:translateY(-1px)}.qr-modal-right-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(16px * var(--qr-scale));flex:0 0 calc(681px * var(--qr-scale));width:calc(681px * var(--qr-scale));max-width:100%;min-width:0;align-self:stretch}.qr-modal-right-col--step2{gap:0}.qr-modal-right-col .qr-modal-right--step2{flex:0 0 calc(681px * var(--qr-scale));width:100%}.qr-modal-right{container-type:inline-size;box-sizing:border-box}.qr-modal-right--step1{--qr-anago-scale: 1.72;--qr-anago-height-pct-of-box: 78;--qr-anago-max-width-pct-of-box: 40;--qr-anago-anchor-bottom-pct: -18;--qr-anago-shift-x-pct-of-box: 5;--qr-anago-shift-y-pct-add-to-bottom-pct: 0;--qr-pattern-width-pct-of-inner: 100;flex:0 0 auto;width:100%;height:calc(681px * var(--qr-scale));padding:calc(99px * var(--qr-scale));display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-radius:var(--qr-frost-radius);background-color:var(--qr-frost-fill);backdrop-filter:blur(var(--qr-frost-blur));-webkit-backdrop-filter:blur(var(--qr-frost-blur));box-shadow:var(--qr-frost-shadow-inset),var(--qr-frost-shadow-drop);box-sizing:border-box;overflow:hidden}.qr-modal-qr-stack{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.qr-modal-qr-composite{position:relative;isolation:isolate;width:100%;aspect-ratio:1 / 1;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-modal-qr-white-mat{position:absolute;inset:0;z-index:20;border-radius:calc(90px * var(--qr-scale));background:#fff}.qr-modal-qr-anago-behind{position:absolute;z-index:30;left:calc(50% + var(--qr-anago-shift-x-pct-of-box, 0) * 1%);bottom:calc((var(--qr-anago-anchor-bottom-pct, -2.08) + var(--qr-anago-shift-y-pct-add-to-bottom-pct, 0)) * 1%);width:auto;height:calc(var(--qr-anago-height-pct-of-box, 82) * var(--qr-anago-scale, 1) * 1%);max-height:calc(var(--qr-anago-height-pct-of-box, 82) * var(--qr-anago-scale, 1) * 1%);max-width:calc(var(--qr-anago-max-width-pct-of-box, 42) * var(--qr-anago-scale, 1) * 1%);transform:translate(-50%);object-fit:contain;object-position:center bottom;pointer-events:none;filter:grayscale(100%) brightness(.92);opacity:.88}.qr-modal-qr-image{position:relative;z-index:40;display:block;width:min(100%,calc(var(--qr-pattern-width-pct-of-inner, 100) * 1%));max-width:100%;height:auto;border-radius:calc(90px * var(--qr-scale))}.qr-modal-qr-placeholder{position:relative;z-index:40;display:grid;place-items:center;width:min(100%,calc(var(--qr-pattern-width-pct-of-inner, 100) * 1%));max-width:100%;aspect-ratio:1 / 1;height:auto;max-height:100%;margin:0;background:#f5f5f5a6;border-radius:calc(90px * var(--qr-scale));border:1px dashed rgba(100,120,130,.35);color:#37464ef2;font-size:max(.75rem,calc(16px * var(--qr-scale)));font-weight:700;text-align:center;padding:calc(16px * var(--qr-scale));box-sizing:border-box}.qr-modal-right--step2{container-type:size;container-name:qr-step2;--qr-today-heading-cqw: 5.8;--qr-today-teaser-shift-x-cqw: 0;--qr-today-teaser-shift-y-cqh: 15;--qr-today-char-max-cqw: 64;--qr-today-char-max-cqh: 85;--qr-today-teaser-extra-gap-cqh: 5.5;flex:0 0 calc(681px * var(--qr-scale));width:100%;height:calc(681px * var(--qr-scale));box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:calc(36px * var(--qr-scale)) calc(40px * var(--qr-scale)) 0;border-radius:var(--qr-frost-radius);background:var(--qr-frost-fill);backdrop-filter:blur(var(--qr-frost-blur));-webkit-backdrop-filter:blur(var(--qr-frost-blur));box-shadow:var(--qr-frost-shadow-inset),var(--qr-frost-shadow-drop);overflow:hidden}.qr-modal-today-teaser{flex:1 1 auto;box-sizing:border-box;min-height:0;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(calc(18px * var(--qr-scale)),calc(var(--qr-today-teaser-extra-gap-cqh, 5.5) * 1cqh),calc(42px * var(--qr-scale)));align-items:stretch;justify-items:stretch;transform:translate(calc(var(--qr-today-teaser-shift-x-cqw, 0) * 1cqw),calc(var(--qr-today-teaser-shift-y-cqh, 0) * 1cqh))}.qr-modal-today-teaser>.qr-modal-today-heading{grid-row:1;position:relative;z-index:2}@supports not (width: 1cqw){.qr-modal-today-teaser{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(14px * var(--qr-scale));transform:none}.qr-modal-today-teaser>.qr-modal-today-heading{flex-shrink:0;z-index:2}.qr-modal-today-character{flex:1 1 0;min-height:calc(280px * var(--qr-scale));overflow:hidden}.qr-modal-right--step2 .qr-modal-today-character-img{max-height:calc(430px * var(--qr-scale));max-width:min(96%,calc(64% * var(--qr-today-char-max-cqw, 64) / 64))}}.qr-modal-right--step2 .qr-modal-today-heading{margin:0;justify-self:center;color:#fff;font-size:max(1rem,calc(var(--qr-today-heading-cqw, 5.32) * 1cqw));font-weight:700;letter-spacing:0;line-height:1.2;text-shadow:0 1px 14px rgba(12,60,80,.25);animation:qr-modal-today-heading-enter .48s ease .08s both}@supports not (width: 1cqw){.qr-modal-right--step2 .qr-modal-today-heading{align-self:center;justify-self:auto;font-size:max(1rem,calc(32px * var(--qr-scale)))}}.qr-modal-today-character{grid-row:2;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;min-height:0;width:100%;overflow:hidden;position:relative;z-index:1}.qr-modal-right--step2 .qr-modal-today-character-img{max-height:calc(var(--qr-today-char-max-cqh, 82) * 1cqh);width:auto;max-width:calc(var(--qr-today-char-max-cqw, 48) * 1cqw);object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.12))}.qr-modal-right--step2 .qr-modal-today-character-img.character-empty{min-height:17.6cqh;width:min(28cqw,45%)}@supports not (width: 1cqw){.qr-modal-right--step2 .qr-modal-today-character-img.character-empty{min-height:calc(120px * var(--qr-scale));width:min(calc(200px * var(--qr-scale)),40%)}}@keyframes qr-modal-today-character-idle{0%,to{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(calc(-4px * var(--qr-scale))) rotate(.45deg)}}@keyframes qr-modal-today-character-placeholder-idle{0%,to{opacity:.38;transform:translateY(0) scale(1)}50%{opacity:.62;transform:translateY(calc(-3px * var(--qr-scale))) scale(1.03)}}.qr-modal-today-character--animated img.character-figure.qr-modal-today-character-img{transform-origin:50% 92%;animation:qr-modal-today-character-rise .72s cubic-bezier(.18,.74,.28,1) .18s both,qr-modal-today-character-idle 4.2s ease-in-out 1s infinite}.qr-modal-today-character--animated .qr-modal-today-character-img.character-empty{transform-origin:50% 90%;animation:qr-modal-today-character-rise .72s cubic-bezier(.18,.74,.28,1) .18s both,qr-modal-today-character-placeholder-idle 3.8s ease-in-out 1s infinite}@media(prefers-reduced-motion:reduce){.qr-modal-right--step2 .qr-modal-today-heading,.qr-modal-today-character--animated img.character-figure.qr-modal-today-character-img,.qr-modal-today-character--animated .qr-modal-today-character-img.character-empty{animation:none}.qr-modal-today-character--animated .qr-modal-today-character-img.character-empty{opacity:.42;transform:none}}.qr-modal-debug-actions{position:absolute;bottom:clamp(16px,3dvh,28px);left:clamp(16px,3vw,32px);z-index:12;display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media(max-width:640px){@supports (width: 1cqw){.qr-modal-overlay{--qr-scale: max( .28, min( 1, calc((100cqw - 16px)/681px) , calc((100cqh - 112px)/1403px) ) )}}@supports not (width: 1cqw){.qr-modal-overlay{--qr-scale: max( .28, min( 1, calc((100vw - 2 * var(--qr-fr1-horizontal-inset) - 24px) / 681px), calc( ( 100dvh - var(--qr-fr1-block-top) - var(--qr-fr1-block-bottom) - 136px ) / 1403px ) ) )}}.qr-modal-panels{flex-direction:column;align-items:center;max-height:none;gap:calc(41px * var(--qr-scale));width:min(calc(681px * var(--qr-scale)),100%);overflow:visible}.qr-modal-left{flex:0 1 auto;min-height:calc(681px * var(--qr-scale));width:min(calc(500px * var(--qr-scale)),100%);max-width:100%;height:auto}.qr-modal-right-col{flex:0 1 auto;max-width:min(calc(681px * var(--qr-scale)),100%);width:min(calc(681px * var(--qr-scale)),100%)}}.home-collection{position:relative;z-index:2;width:100%;flex:1;margin-top:clamp(-20px,-2dvh,-12px);padding:clamp(24px,4.2dvh,42px) clamp(12px,3.2vw,54px) clamp(26px,6dvh,54px);border-radius:clamp(24px,4vw,36px) clamp(24px,4vw,36px) 0 0;background:#fdfdfd}.home-collection-heading{position:relative;z-index:4;display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(20px,3.8vw,57px);row-gap:8px;margin-bottom:clamp(16px,2.5vw,28px);animation:home-fade-up .5s ease .32s both}.home-collection-heading h2{margin:0;color:#666;font-size:clamp(1.35rem,2.12vw,2rem);font-weight:700;letter-spacing:0}.home-collection-count{display:flex;gap:10px;align-items:baseline;color:#0c9fd6;font-size:clamp(1.6rem,2.65vw,2.5rem);font-weight:700;letter-spacing:0}.home-collection-count span{color:#666;font-size:clamp(1.05rem,1.59vw,1.5rem);font-weight:700;letter-spacing:0}.home-collection-debug-reset{position:relative;z-index:5;pointer-events:auto;border:1px solid rgba(95,100,104,.18);border-radius:999px;padding:8px 12px;color:#6a4242;background:#ffffffad;font-size:.76rem;font-weight:900}.home-collection-debug-reset:hover,.home-collection-debug-reset:focus-visible,.home-collection-debug-reset.is-confirming{color:#963232;background:#fff;border-color:#96323257}.home-collection-debug-message{padding:6px 10px;border-radius:999px;color:#166534;background:#dcfce7e6;font-size:.76rem;font-weight:900}.home-collection-grid{--home-char-x: 50%;--home-char-y: -55%;--home-char-height: 188%;--home-char-scale: .7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.6vw,24px);justify-content:stretch}@media(max-width:980px){.home-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.home-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-character-slot{--home-card-image-row: 66.4%;position:relative;display:grid;min-width:0;aspect-ratio:300.65 / 416.8;container-type:size;animation:home-fade-up .42s ease var(--card-anim-delay, 0ms) both;--tilt-x: 0deg;--tilt-y: 0deg;--tilt-lift: 0px;--tilt-shine-x: 50%;--tilt-shine-y: 50%;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--tilt-lift));transition:transform .45s cubic-bezier(.23,1,.32,1),filter .45s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 10px 22px rgba(63,92,96,.1));will-change:transform,filter}.home-character-slot.is-locked-slot{filter:none;transform:none;transition:none;will-change:auto}.home-character-slot:has(.home-character-card.is-acquired:hover),.home-character-slot:has(.home-character-card.is-acquired:focus-visible){filter:drop-shadow(0 28px 42px rgba(63,92,96,.22))}.home-character-slot>.home-character-card{width:100%;height:100%}.home-character-card{--home-card-image-row: 66.4%;position:relative;min-height:0;aspect-ratio:300.65 / 416.8;padding:0;border-radius:clamp(18px,2.2vw,33px);background:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 22px #3f5c601a;text-align:left;container-type:size}.home-character-card.is-acquired{display:block;overflow:hidden}.home-character-card.is-acquired:before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;background:linear-gradient(118deg,#ffffff8f,#fff0 34%),linear-gradient(300deg,#ffffff3d 15%,#fff0 62%);mix-blend-mode:screen;pointer-events:none;opacity:.62;transition:opacity .3s ease}.home-character-card.is-acquired:hover,.home-character-card.is-acquired:focus-visible{outline:3px solid rgba(255,255,255,.82);outline-offset:3px}.home-character-card.is-acquired:after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;background:radial-gradient(circle at var(--tilt-shine-x, 50%) var(--tilt-shine-y, 50%),rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 65%);opacity:0;pointer-events:none;transition:opacity .3s ease}.home-character-slot:hover .home-character-card.is-acquired:after{opacity:1}.home-character-slot:hover .home-character-card.is-acquired:before,.home-character-slot:has(.home-character-card.is-acquired:focus-visible) .home-character-card.is-acquired:before{opacity:.82}.home-character-slot.is-tapped{animation:home-acquired-card-tap-burst .46s cubic-bezier(.18,.74,.28,1)}.home-character-slot.is-tapped .home-character-card.is-acquired:before{opacity:.96}.home-character-slot.is-tapped .home-character-card.is-acquired:after{opacity:1}.home-character-slot.is-tapped:after{content:"";position:absolute;inset:10% 6%;z-index:15;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 16% 22%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 80% 24%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 70% 76%,rgba(255,255,255,.88) 0 1.8px,transparent 3px),radial-gradient(circle at 34% 66%,rgba(255,255,255,.82) 0 2px,transparent 3px),linear-gradient(110deg,#fff0 24%,#fffc 52%,#fff0 74%);animation:home-acquired-card-glitter .46s ease-out}.home-character-slot.is-heart-sparkling .home-favorite-heart:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(104deg,#fff0 34%,#ffffff47 44%,#ffffffe0,#ffffff4d 56%,#fff0 66%);background-size:280% 100%;background-position:118% 50%;background-repeat:no-repeat;mix-blend-mode:soft-light;animation:home-heart-shine-sweep .5s cubic-bezier(.2,.85,.28,1) forwards}@media(prefers-reduced-motion:reduce){.home-character-slot.is-heart-sparkling .home-favorite-heart:after{animation:none;opacity:0}}.home-character-card.is-locked{display:grid;place-items:center;overflow:hidden;color:#989898;background:#e4e4e4;border-color:#787c802e;box-shadow:inset 0 2px 6px #4a4e524d,0 10px 22px #3f5c600f}.home-character-card.is-locked:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(108deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:home-locked-shimmer 4s ease-in-out infinite;pointer-events:none}.home-character-preview{position:absolute;left:4.38cqw;top:3.16cqh;width:91.24cqw;height:66.4cqh;min-height:0;border-radius:8.77cqw;background:var(--home-character-soft-color, #d1d1d1);overflow:hidden}.home-card-character{position:absolute;left:var(--home-char-x, 50%);bottom:var(--home-char-y, -60%);width:auto;height:var(--home-char-height, 188%);max-width:none;min-height:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(10px 12px 8px rgba(23,31,41,.28));transform:translate(-50%) scale(var(--home-char-scale, 1));transform-origin:center bottom}.home-character-body{display:contents}.home-character-name{position:absolute;left:7.95cqw;top:74.7cqh;width:52.55cqw;z-index:3;margin:0;min-width:0;padding-right:0;color:#000;display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(17px,8.77cqw,26.36px);font-weight:700;font-synthesis:weight;line-height:clamp(21px,7.44cqh,31px);letter-spacing:0;overflow-wrap:anywhere;word-break:keep-all}.home-character-tags{position:absolute;left:7.98cqw;top:86.66cqh;z-index:3;display:flex;flex-wrap:nowrap;align-items:center;gap:2.66cqw;min-width:0;min-height:0;max-width:84cqw;overflow:hidden}.home-tag{display:inline-flex;align-items:center;justify-content:center;height:clamp(20px,6.24cqh,26px);padding:0 clamp(6px,2.66cqw,8px);border-radius:999px;color:var(--home-character-color, #53555a);background:color-mix(in srgb,var(--home-character-color, #53555a) 20%,#ffffff);font-size:clamp(10px,3.99cqw,12px);font-weight:700;font-synthesis:weight;letter-spacing:0;line-height:clamp(12px,3.36cqh,14px);white-space:nowrap}.home-favorite-heart{position:absolute;top:74.62cqh;right:7.53cqw;z-index:3;display:grid;place-items:center;width:clamp(28px,13.31cqw,40px);height:clamp(28px,13.31cqw,40px);border:0;border-radius:999px;padding:0;background:transparent;color:#ea4949;font-size:clamp(22px,8.77cqw,32px);line-height:1;transition:color .15s ease,transform .15s ease}.home-favorite-heart:hover,.home-favorite-heart:focus-visible{outline:none;color:#d63d3d;transform:scale(1.12)}.home-favorite-heart.is-active{color:#ea4949;animation:home-heart-pop .35s ease both}.home-favorite-heart.is-active:hover,.home-favorite-heart.is-active:focus-visible{color:#d63d3d}@supports not (container-type: size){.home-character-preview{left:4.38%;top:3.16%;width:91.24%;height:66.4%;border-radius:8.77%}.home-character-name{left:7.95%;top:74.7%;width:52.55%;font-size:clamp(17px,1.85vw,26.36px);line-height:clamp(21px,2.2vw,31px)}.home-character-tags{left:7.98%;top:86.66%;gap:clamp(6px,.7vw,10px);max-width:84%}.home-tag{height:clamp(20px,2.1vw,26px);padding:0 clamp(6px,.64vw,8px);font-size:clamp(10px,.85vw,12px);line-height:clamp(12px,1vw,14px)}.home-favorite-heart{top:74.62%;right:7.53%;width:clamp(28px,2.65vw,40px);height:clamp(28px,2.65vw,40px);font-size:clamp(22px,2.35vw,32px)}}@media(max-width:920px),(max-height:760px){.home-character-name{width:56%;font-size:clamp(15px,1.6vw,22px);line-height:clamp(18px,2vw,28px)}.home-character-tags{max-width:86%;gap:clamp(5px,.65vw,9px)}.home-tag{font-size:clamp(9.5px,.78vw,11px)}.home-favorite-heart{right:6.4%}}.home-locked-slot{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;font-size:clamp(1.9rem,4.6vw,5.8rem);font-weight:900;line-height:1;letter-spacing:.03em;font-variant-numeric:tabular-nums}.collection-detail-backdrop{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:clamp(1rem,4vw,1.5rem);background:#10262e7a}.collection-detail-backdrop.is-closing{animation:home-backdrop-fade-out .22s ease forwards}.collection-detail-dialog{position:relative;width:min(53.75rem,100%);max-height:min(48.75rem,calc(100dvh - clamp(2rem,8vw,3rem)));overflow:auto;border-radius:var(--app-radius-panel);background:transparent;border:0;box-shadow:none;animation:home-dialog-scale-in .22s ease both}.collection-detail-backdrop.is-closing .collection-detail-dialog{animation:home-dialog-scale-out .22s ease forwards}.collection-detail-header{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,.75rem);padding:clamp(1.25rem,4vw,1.625rem) clamp(1rem,4vw,1.5rem) clamp(.65rem,2vw,.875rem)}.collection-detail-close{position:absolute;top:clamp(.875rem,3vw,1.25rem);right:clamp(.875rem,3vw,1.25rem);width:clamp(2rem,8vw,2.25rem);height:clamp(2rem,8vw,2.25rem);border:0;border-radius:999px;display:grid;place-items:center;color:#1a2730;background:#ffffffd1;font-size:1.25rem;font-weight:900;line-height:1;box-shadow:0 8px 16px #1236412e}.collection-detail-dialog .result-registered-card-block{width:min(calc(45rem + 86px),calc(100% - clamp(1.25rem,6vw,2.25rem)));margin:0 auto clamp(.75rem,3vw,1rem)}.collection-detail-dialog .result-registered-card-block .result-registered-card{width:min(45rem,100%);margin:0;flex:1 1 auto;min-width:0}.collection-detail-story-below{width:min(45rem,calc(100% - clamp(1.25rem,6vw,2.25rem)));margin:0 auto clamp(.75rem,3vw,1rem);padding:clamp(14px,2.5vw,20px) clamp(16px,3vw,22px);border-radius:clamp(18px,3vw,24px);background:#fffffff5;box-sizing:border-box}.collection-detail-story-below h3{margin:0 0 8px;color:#6b7580;font-size:.8rem;font-weight:900}.collection-detail-story{margin:0;padding:0;color:#43515a;font-size:.9rem;font-weight:800;line-height:1.55}.collection-detail-share-feedback{margin:0 auto clamp(.5rem,2vw,.75rem);min-height:1.1rem;max-width:min(45rem,calc(100% - clamp(1.25rem,6vw,2.25rem)));text-align:center;font-size:.78rem;font-weight:700;color:#ffffffeb;text-shadow:0 1px 6px rgba(0,40,60,.22)}.flow-screen.mobile-connect-screen{position:relative;width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#13a2d7,#f2edcc)}.mobile-connect-stage{position:absolute;top:50%;left:50%;width:1512px;height:982px;overflow:hidden;background:linear-gradient(180deg,#13a2d7,#f2edcc);transform:translate(-50%,-50%) scale(var(--mobile-connect-scale, 1));transform-origin:center center;--qr-scale: 1}.mobile-connect-header{position:absolute;top:0;left:0;z-index:10;width:1512px;height:120px}.mobile-connect-stage .flow-brand{position:absolute;top:40px;left:80px;z-index:11;width:134px;height:80px;line-height:0;pointer-events:auto}.mobile-connect-stage .flow-brand-logo{display:block;width:134px;height:80px;object-fit:contain;object-position:left top;-webkit-user-select:none;user-select:none}.mobile-connect-close{position:absolute;top:56px;left:1376px;z-index:12;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:transparent}.mobile-connect-close img{display:block;width:56px;height:56px;-webkit-user-select:none;user-select:none}.mobile-connect-content{position:absolute;inset:0}.mobile-connect-left-card{position:absolute;top:176px;left:96px;width:594px;height:694px;overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 0 8.52px #00000026}.mobile-connect-left-card h1{position:absolute;top:48px;left:56px;width:215px;height:43px;margin:0;color:#13a2d7;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:43px;letter-spacing:0}.mobile-connect-left-card p{position:absolute;top:123px;left:56px;width:408px;height:24px;margin:0;color:#666;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:0}.mobile-connect-left-card--webQr h1{width:min(492px,calc(100% - 112px))}.mobile-connect-web-guide{position:absolute;top:104px;left:56px;width:480px}.mobile-connect-left-card--webQr .mobile-connect-web-lead,.mobile-connect-left-card--webQr .mobile-connect-web-note,.mobile-connect-left-card--webQr .mobile-connect-web-desktop{position:static;width:auto;height:auto;min-height:0;margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-style:normal;letter-spacing:0}.mobile-connect-left-card--webQr .mobile-connect-web-lead{margin-bottom:12px;color:#444;font-size:18px;font-weight:700;line-height:1.45}.mobile-connect-left-card--webQr .mobile-connect-web-lead strong{color:#0d8bb8;font-weight:800}.mobile-connect-left-card--webQr .mobile-connect-web-note{margin-bottom:10px;color:#555;font-size:15px;font-weight:600;line-height:1.45}.mobile-connect-left-card--webQr .mobile-connect-web-desktop{color:#5c5c5c;font-size:14px;font-weight:600;line-height:1.5}.mobile-connect-left-card--webQr .mobile-connect-phone-preview{top:268px;left:102px;width:368px}.mobile-connect-phone-preview{position:absolute;top:236px;left:66px;display:block;width:445.58px;height:auto;max-width:none;-webkit-user-select:none;user-select:none}.mobile-connect-right-card{position:absolute;top:176px;right:80px;width:694px;height:694px;overflow:hidden;border-radius:32px;background:#fff3;box-shadow:0 0 8.52px #00000026}.mobile-connect-qr-stand{position:absolute;inset:0;isolation:isolate}.mobile-connect-qr-frame{position:absolute;top:106px;left:106px;z-index:2;width:483px;height:483px;overflow:visible;border-radius:48px;isolation:isolate;--mc-qr-anago-scale: 1.01;--mc-qr-anago-bottom: -515px;--mc-qr-anago-left: 55%;--mc-qr-anago-height: 792.12px;--mc-qr-anago-max-width: 405.72px}.mobile-connect-qr-white-mat{position:absolute;inset:0;z-index:1;border-radius:48px;background:#fff}.mobile-connect-qr-anago{position:absolute;bottom:var(--mc-qr-anago-bottom);left:var(--mc-qr-anago-left);z-index:2;width:auto;height:calc(var(--mc-qr-anago-height) * var(--mc-qr-anago-scale));max-width:calc(var(--mc-qr-anago-max-width) * var(--mc-qr-anago-scale));object-fit:contain;object-position:center bottom;opacity:.88;filter:grayscale(100%) brightness(.92);transform:translate(-50%);pointer-events:none}.mobile-connect-qr-image{position:relative;z-index:3;display:block;width:483px;height:483px;border-radius:48px;object-fit:cover;-webkit-user-select:none;user-select:none}.mobile-connect-qr-placeholder{position:relative;z-index:3;display:grid;width:483px;height:483px;padding:24px;border:1px dashed rgba(100,120,130,.35);border-radius:48px;place-items:center;background:#ffffffd9;color:#666;font-size:20px;font-weight:700;text-align:center}.mobile-connect-web-qr-skip-btn{position:absolute;bottom:28px;left:50%;z-index:4;width:min(420px,86%);height:64px;padding:18px 28px;border:0;border-radius:100px;background:#34add5;color:#fff;cursor:pointer;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:1.2;box-shadow:0 8px 24px #0c648038;transform:translate(-50%);transition:background .2s ease,transform .15s ease}.mobile-connect-web-qr-skip-btn:hover,.mobile-connect-web-qr-skip-btn:focus-visible{transform:translate(-50%) translateY(-1px)}.mobile-connect-web-qr-skip-btn:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:3px}.mobile-connect-error{position:absolute;right:96px;bottom:40px;left:96px;z-index:20;margin:0;padding:12px 18px;border-radius:999px;background:#ffffffdb;color:#b91c1c;font-size:16px;font-weight:700;text-align:center;box-shadow:0 8px 24px #0a374b1f}.mobile-connect-left-card--paired{overflow:hidden}.mobile-connect-left-card--paired h1{width:180px}.mobile-connect-left-card--paired p{width:429px;height:auto;min-height:24px}.mobile-connect-vibe-area{position:absolute;top:155px;left:0;display:flex;width:100%;height:380px;align-items:center;justify-content:center}.mobile-connect-vibe-stage{position:relative;display:flex;max-width:100%;align-items:center;justify-content:center;gap:10px;overflow:hidden;border-radius:20px}.mobile-connect-vibe-arcs{display:flex;flex:0 0 auto;width:54px;height:170px;align-items:center;pointer-events:none}.mobile-connect-vibe-arcs svg{width:100%;height:100%;overflow:visible}.mobile-connect-vibe-arcs path{fill:none;stroke:#34add5;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-box:fill-box;transform-origin:var(--vibe-arc-origin, center);animation:qr-modal-vibe-arc-pulse 1s ease-out infinite;filter:drop-shadow(0 1px 4px rgba(52,173,213,.28))}.mobile-connect-vibe-arcs--left path{--vibe-arc-origin: 100% 50%}.mobile-connect-vibe-arcs--right path{--vibe-arc-origin: 0% 50%}.mobile-connect-vibe-arcs path:nth-child(1){animation-delay:0s}.mobile-connect-vibe-arcs path:nth-child(2){animation-delay:.16s}.mobile-connect-vibe-arcs path:nth-child(3){animation-delay:.32s}.mobile-connect-vibe-img{max-height:290px;width:auto;max-width:100%;object-fit:contain;transform-origin:50% 60%;animation:qr-modal-phone-vibrate .22s ease-in-out infinite;filter:drop-shadow(.7px 0 0 rgba(52,173,213,.32)) drop-shadow(-.7px 0 0 rgba(52,173,213,.32)) drop-shadow(0 10px 20px rgba(15,70,95,.18))}.mobile-connect-next-btn{position:absolute;bottom:48px;left:50%;width:482px;height:77px;padding:24px 32px;border:0;border-radius:100px;background:#34add5;color:#fff;cursor:pointer;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:29px;box-shadow:0 8px 24px #0c648038;transform:translate(-50%);transition:background .2s ease,transform .15s ease}.mobile-connect-next-btn:hover,.mobile-connect-next-btn:focus-visible{transform:translate(-50%) translateY(-1px)}.mobile-connect-next-btn:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:3px}.mobile-connect-right-card--paired{container-type:size;container-name:mc-connect-paired;display:flex;flex-direction:column;align-items:stretch;padding:36px 40px 0}.mobile-connect-today-teaser{display:grid;flex:1 1 auto;width:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(18px,5.5cqh,42px);align-items:stretch;justify-items:stretch;box-sizing:border-box}.mobile-connect-today-heading{grid-row:1;position:relative;z-index:2;margin:0;justify-self:center;color:#fff;font-size:max(1rem,32px);font-weight:700;letter-spacing:0;line-height:38px;text-align:center;text-shadow:0 1px 14px rgba(12,60,80,.25);animation:qr-modal-today-heading-enter .48s ease .08s both}.mobile-connect-today-character{position:relative;z-index:1;display:flex;grid-row:2;width:100%;min-height:0;align-items:flex-end;justify-content:center;overflow:hidden;box-sizing:border-box}.mobile-connect-right-card--paired .mobile-connect-today-character-img{display:block;max-width:min(330px,64cqw);max-height:min(530px,85cqh);width:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 28px rgba(0,0,0,.12))}.mobile-connect-right-card--paired .mobile-connect-today-character-img.character-empty{min-height:min(120px,17.6cqh);width:min(200px,45%)}.mobile-connect-today-character--animated img.character-figure.mobile-connect-today-character-img{transform-origin:50% 92%;animation:qr-modal-today-character-rise .72s cubic-bezier(.18,.74,.28,1) .18s both,qr-modal-today-character-idle 4.2s ease-in-out 1s infinite}.mobile-connect-today-character--animated .mobile-connect-today-character-img.character-empty{transform-origin:50% 90%;animation:qr-modal-today-character-rise .72s cubic-bezier(.18,.74,.28,1) .18s both,qr-modal-today-character-placeholder-idle 3.8s ease-in-out 1s infinite}@supports not (width: 1cqw){.mobile-connect-right-card--paired .mobile-connect-today-character-img{max-width:330px;max-height:530px}}@media(prefers-reduced-motion:reduce){.mobile-connect-vibe-img,.mobile-connect-vibe-arcs path{animation:none}.mobile-connect-vibe-arcs path{opacity:.7}.mobile-connect-today-heading,.mobile-connect-today-character--animated img.character-figure.mobile-connect-today-character-img,.mobile-connect-today-character--animated .mobile-connect-today-character-img.character-empty{animation:none}.mobile-connect-today-character--animated .mobile-connect-today-character-img.character-empty{opacity:.42;transform:none}}.flow-screen.frame53-register-screen{position:relative;--frame53-point: #13a2d7;--frame53-volume-track-muted: #e8e8e8;--frame53-scene-width: 1512px;--frame53-scene-height: 982px;--frame53-scene-offset-x: calc( (100vw - var(--frame53-scene-width) * var(--pr-scale)) / 2 );--frame53-scene-offset-y: calc( (100dvh - var(--frame53-scene-height) * var(--pr-scale)) / 2 );--pr-fr1-block-top: calc( var(--frame53-scene-offset-y) + 176px * var(--pr-scale) );--pr-fr1-block-bottom: calc( var(--frame53-scene-offset-y) + 112px * var(--pr-scale) );--frame53-camera-slot-size: 694px;--pr-scale: min( 1.35, calc(100vw/1512px) , calc(100dvh/982px) );padding:var(--pr-fr1-block-top) 0 var(--pr-fr1-block-bottom);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#13a2d7,#f2edcc);--pr-reg-countdown-d: calc(320px * var(--pr-scale));--pr-reg-countdown-digit-fs: calc(128px * var(--pr-scale));--pr-reg-countdown-status-fs: calc(36px * var(--pr-scale));--pr-intro-mascot-width-px: 168;--pr-intro-mascot-size-mult: 1.2;--pr-intro-mascot-gap-add-px: 0;--pr-intro-mascot-shift-x-px: 0;--pr-intro-mascot-shift-y-px: 30}.frame53-register-screen .flow-brand{position:absolute;top:calc(var(--frame53-scene-offset-y) + 40px * var(--pr-scale));left:calc(var(--frame53-scene-offset-x) + 80px * var(--pr-scale));z-index:2;width:calc(134px * var(--pr-scale));pointer-events:auto}.frame53-register-screen .flow-brand-logo{width:100%;height:auto}.frame53-register-screen .frame53-header-close{position:absolute;z-index:2;top:calc(var(--frame53-scene-offset-y) + 56px * var(--pr-scale));right:calc(var(--frame53-scene-offset-x) + 80px * var(--pr-scale));width:calc(56px * var(--pr-scale));height:calc(56px * var(--pr-scale));padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:opacity .15s ease}.frame53-register-screen .frame53-header-close:hover,.frame53-register-screen .frame53-header-close:focus-visible{opacity:.88}.frame53-register-screen .frame53-header-close:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:3px}.frame53-register-screen .frame53-header-close img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.frame53-panels-wrap{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:calc(1336px * var(--pr-scale));max-width:100%;min-width:0;min-height:0;gap:calc(48px * var(--pr-scale));box-sizing:border-box}.flow-screen.frame53-register-screen .frame53-panels-wrap{justify-content:flex-start}.frame53-left{flex:0 0 calc(594px * var(--pr-scale));width:calc(594px * var(--pr-scale));max-width:100%;height:calc(694px * var(--pr-scale));min-height:calc(694px * var(--pr-scale));box-sizing:border-box;padding:calc(48px * var(--pr-scale)) calc(56px * var(--pr-scale)) calc(40px * var(--pr-scale));display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:calc(32px * var(--pr-scale));box-shadow:0 0 calc(8.52px * var(--pr-scale)) #00000026;overflow-x:hidden;overflow-y:auto}.frame53-left--pr-intro .frame53-heading{margin-bottom:calc(24px * var(--pr-scale))}.frame53-left--pr-intro .frame53-led{margin-bottom:calc(32px * var(--pr-scale))}.frame53-footer--pr-intro{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:calc((24 + var(--pr-intro-mascot-gap-add-px, 0)) * var(--pr-scale) * 1px);width:100%;position:relative;isolation:isolate;overflow:hidden}.frame53-pr-intro-mascot-wrap{display:flex;justify-content:center;align-items:center;position:relative;z-index:0;pointer-events:none}.frame53-footer--pr-intro .frame53-primary{position:relative;z-index:1;width:min(calc(482px * var(--pr-scale)),100%);box-sizing:border-box;padding:calc(24px * var(--pr-scale)) calc(32px * var(--pr-scale));min-height:calc(77px * var(--pr-scale));height:calc(77px * var(--pr-scale))}@keyframes pr-mascot-intro-float{0%,to{transform:translate(calc(var(--pr-intro-mascot-shift-x-px, 0) * var(--pr-scale) * 1px),calc((var(--pr-intro-mascot-shift-y-px, 0) - 4) * var(--pr-scale) * 1px)) scale(1)}50%{transform:translate(calc(var(--pr-intro-mascot-shift-x-px, 0) * var(--pr-scale) * 1px),calc((var(--pr-intro-mascot-shift-y-px, 0) + 4) * var(--pr-scale) * 1px)) scale(1.02)}}@keyframes pr-mascot-cal-nod{0%,to{transform:translate(calc(var(--pr-intro-mascot-shift-x-px, 0) * var(--pr-scale) * 1px),calc(var(--pr-intro-mascot-shift-y-px, 0) * var(--pr-scale) * 1px)) rotate(-1.5deg)}50%{transform:translate(calc(var(--pr-intro-mascot-shift-x-px, 0) * var(--pr-scale) * 1px),calc((var(--pr-intro-mascot-shift-y-px, 0) + 6) * var(--pr-scale) * 1px)) rotate(1.5deg)}}.frame53-pr-settings-mascot-wrap{display:flex;justify-content:center;margin:calc(12px * var(--pr-scale, 1)) 0 calc(8px * var(--pr-scale, 1));pointer-events:none}.frame53-pr-settings-mascot{display:block;width:min(100%,calc(var(--pr-intro-mascot-width-px, 168) * var(--pr-scale, 1) * var(--pr-intro-mascot-size-mult, 1) * .92 * 1px));height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.frame53-pr-intro-mascot,.frame53-pr-cal-mascot{display:block;width:min(100%,calc(var(--pr-intro-mascot-width-px, 168) * var(--pr-scale) * var(--pr-intro-mascot-size-mult, 1) * 1px));height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate(calc(var(--pr-intro-mascot-shift-x-px, 0) * var(--pr-scale) * 1px),calc(var(--pr-intro-mascot-shift-y-px, 0) * var(--pr-scale) * 1px))}.frame53-pr-intro-mascot{animation:pr-mascot-intro-float 3.2s ease-in-out infinite;transform-origin:50% 80%}.frame53-pr-cal-mascot{animation:pr-mascot-cal-nod 1.4s ease-in-out infinite;transform-origin:50% 80%}@media(prefers-reduced-motion:reduce){.frame53-pr-intro-mascot,.frame53-pr-cal-mascot,.frame53-pr-settings-mascot{animation:none}}.frame53-footer--pr-calibrating{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:calc(24px * var(--pr-scale));width:100%;position:relative;isolation:isolate;overflow:hidden}.frame53-footer--pr-calibrating .frame53-primary{position:relative;z-index:1}.frame53-left--pr-calibrating .frame53-heading{margin-bottom:calc(24px * var(--pr-scale))}.frame53-left--pr-calibrating .frame53-led{margin-bottom:calc(32px * var(--pr-scale))}.frame53-pr-cal-mascot-wrap{display:flex;justify-content:center;align-items:center;position:relative;z-index:0;pointer-events:none}.frame53-primary.frame53-primary--pr-calibrating:disabled{width:min(calc(482px * var(--pr-scale)),100%);box-sizing:border-box;padding:calc(24px * var(--pr-scale)) calc(32px * var(--pr-scale));min-height:calc(77px * var(--pr-scale));height:calc(77px * var(--pr-scale));background:#e6e6e6;color:#fff;cursor:not-allowed;box-shadow:none}.frame53-left--pr-settings .frame53-heading{margin-bottom:calc(32px * var(--pr-scale))}.frame53-left--pr-settings .frame53-led{margin-bottom:calc(24px * var(--pr-scale))}.frame53-led-note{margin:0 0 calc(72px * var(--pr-scale));color:#666;font-size:max(12px,calc(14px * var(--pr-scale)));font-weight:500;line-height:calc(17 / 14);letter-spacing:0}.frame53-settings-panel--register-complete{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;--frame53-volume-track-muted: #ffffff}.frame53-settings-panel--register-complete .frame53-settings-figma-divider{align-self:center;width:min(calc(482px * var(--pr-scale)),100%);height:0;margin:0;border:0;border-top:2px solid #f5f5f5}.frame53-settings-panel--register-complete>hr:nth-of-type(1){margin-bottom:calc(24px * var(--pr-scale))}.frame53-settings-panel--register-complete>.frame53-toggle-strip:nth-of-type(1){margin-bottom:calc(20px * var(--pr-scale))}.frame53-settings-panel--register-complete>hr:nth-of-type(2){margin-bottom:calc(24px * var(--pr-scale))}.frame53-settings-panel--register-complete>.frame53-toggle-strip:nth-of-type(2){margin-bottom:calc(20px * var(--pr-scale))}.frame53-settings-panel--register-complete .frame53-toggle-strip{margin-bottom:0}.frame53-settings-panel--register-complete .frame53-sound-card{align-self:center;width:min(calc(482px * var(--pr-scale)),100%);margin-bottom:0;min-height:calc(137px * var(--pr-scale));padding:calc(24px * var(--pr-scale)) calc(24px * var(--pr-scale)) calc(21px * var(--pr-scale));box-sizing:border-box}.frame53-settings-panel--register-complete .frame53-volume-row{margin-bottom:calc(36px * var(--pr-scale))}.frame53-settings-panel--register-complete .frame53-sfx-label{margin:0 0 calc(8px * var(--pr-scale))}.frame53-settings-panel--register-complete .frame53-toggle-strip-label{top:0;line-height:calc(24 / 20)}.frame53-settings-panel--register-complete .frame53-volume-visible-label{font-size:max(12px,calc(16px * var(--pr-scale)));line-height:1.1875}.frame53-settings-panel--register-complete .frame53-volume-range{--frame53-vol-thumb-size: max(20px, calc(24px * var(--pr-scale)));height:calc(28px * var(--pr-scale))}.frame53-left--pr-settings .frame53-sfx-select{padding:calc(8px * var(--pr-scale)) calc(40px * var(--pr-scale)) calc(8px * var(--pr-scale)) calc(24px * var(--pr-scale));min-height:calc(52px * var(--pr-scale));border:0;border-radius:calc(16px * var(--pr-scale));font-size:max(12px,calc(16px * var(--pr-scale)));font-weight:700;line-height:1.1875;color:#666}.frame53-left--pr-settings .frame53-primary{width:min(calc(482px * var(--pr-scale)),100%);padding:calc(24px * var(--pr-scale)) calc(32px * var(--pr-scale));box-sizing:border-box}.frame53-left--pr-settings .frame53-primary:not(:disabled){box-shadow:none}.frame53-left--pr-settings{min-height:0;overflow-y:hidden}.frame53-pr-settings-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.frame53-pr-settings-debug{flex-wrap:wrap;margin-top:calc(20px * var(--pr-scale));padding-bottom:calc(8px * var(--pr-scale))}.frame53-footer--pr-settings-cta{flex-shrink:0}.frame53-heading{margin:0 0 calc(32px * var(--pr-scale));color:var(--frame53-point);font-size:max(17px,calc(36px * var(--pr-scale)));font-weight:700;line-height:calc(43 / 36);letter-spacing:0}.frame53-led{margin:0 0 calc(64px * var(--pr-scale));color:#666;font-size:max(13px,calc(20px * var(--pr-scale)));font-weight:700;line-height:calc(24 / 20)}.frame53-rule{margin:0 0 calc(28px * var(--pr-scale));width:min(calc(400px * var(--pr-scale)),100%);align-self:center;border:0;border-top:1px solid #f5f5f5}.frame53-row{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--pr-scale));margin-bottom:calc(32px * var(--pr-scale))}.frame53-row-label{color:#666;font-size:max(12px,calc(20px * var(--pr-scale)));font-weight:700;letter-spacing:0}.frame53-toggle-strip{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--pr-scale));margin-bottom:calc(24px * var(--pr-scale));padding:0;box-sizing:border-box}.frame53-toggle-strip-label{position:relative;top:calc(-3px * var(--pr-scale));color:#666;font-size:max(12px,calc(20px * var(--pr-scale)));font-weight:700;letter-spacing:0}.frame53-toggle-strip-switch{position:relative;flex-shrink:0;width:calc(52px * var(--pr-scale));height:calc(28px * var(--pr-scale));padding:0;border:0;border-radius:999px;background:#c4c8cc;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.frame53-toggle-strip-switch.is-on{background:var(--frame53-point)}.frame53-toggle-strip-switch:focus-visible{outline:2px solid var(--frame53-point);outline-offset:calc(3px * var(--pr-scale))}.frame53-toggle-strip-switch-knob{position:absolute;top:50%;left:calc(3px * var(--pr-scale));width:calc(22px * var(--pr-scale));height:calc(22px * var(--pr-scale));border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transform:translateY(-50%);transition:transform .18s ease;pointer-events:none}.frame53-toggle-strip-switch.is-on .frame53-toggle-strip-switch-knob{transform:translateY(-50%) translate(calc(24px * var(--pr-scale)))}@media(prefers-reduced-motion:reduce){.frame53-toggle-strip-switch,.frame53-toggle-strip-switch-knob{transition:none}}.frame53-icon-switch{position:relative;flex-shrink:0;width:calc(64px * var(--pr-scale));height:calc(64px * var(--pr-scale));padding:0;border:0;border-radius:50%;background:#d0d6dad9;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.frame53-icon-switch.is-on{background:var(--frame53-point);box-shadow:inset 0 1px #ffffff59,0 calc(6px * var(--pr-scale)) calc(14px * var(--pr-scale)) #13a2d742}.frame53-icon-switch:focus-visible{outline:2px solid var(--frame53-point);outline-offset:calc(4px * var(--pr-scale))}.frame53-icon-switch-knob-dot{position:absolute;inset:0;margin:auto;width:28%;height:28%;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000024}.frame53-sound-card{align-self:center;width:min(calc(400px * var(--pr-scale)),100%);margin-bottom:calc(24px * var(--pr-scale));padding:calc(18px * var(--pr-scale)) calc(20px * var(--pr-scale));box-sizing:border-box;border-radius:calc(16px * var(--pr-scale));background:#f5f5f5}.frame53-sound-heading{margin:0 0 calc(14px * var(--pr-scale));color:#666;font-size:max(13px,calc(16px * var(--pr-scale)));font-weight:700}.frame53-volume-row{display:flex;align-items:center;gap:calc(14px * var(--pr-scale));margin-bottom:calc(14px * var(--pr-scale))}.frame53-volume-visible-label{flex-shrink:0;margin:0;color:#666;font-size:max(13px,calc(16px * var(--pr-scale)));font-weight:700}.frame53-volume-range{flex:1 1 auto;min-width:0;height:calc(24px * var(--pr-scale));accent-color:var(--frame53-point);appearance:none;-webkit-appearance:none;--frame53-vol-track-h: max(8px, calc(8px * var(--pr-scale)));--frame53-vol-thumb-size: max(17px, calc(18px * var(--pr-scale)))}.frame53-volume-range::-webkit-slider-runnable-track{height:var(--frame53-vol-track-h);border-radius:999px;background:linear-gradient(to right,var(--frame53-point) 0,var(--frame53-point) var(--frame53-volume-pct, 0%),var(--frame53-volume-track-muted) var(--frame53-volume-pct, 0%),var(--frame53-volume-track-muted) 100%)}.frame53-volume-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:var(--frame53-vol-thumb-size);height:var(--frame53-vol-thumb-size);margin-top:calc((var(--frame53-vol-track-h, 8px) - var(--frame53-vol-thumb-size, 18px)) / 2 * 1);border-radius:50%;border:calc(2px * var(--pr-scale)) solid #ffffff;background:var(--frame53-point);box-shadow:0 1px 5px #13a2d759;cursor:pointer}.frame53-volume-range::-moz-range-track{height:var(--frame53-vol-track-h);border-radius:999px;background:var(--frame53-volume-track-muted)}.frame53-volume-range::-moz-range-progress{height:var(--frame53-vol-track-h);border-radius:999px;background:var(--frame53-point)}.frame53-volume-range::-moz-range-thumb{appearance:none;box-sizing:border-box;width:var(--frame53-vol-thumb-size);height:var(--frame53-vol-thumb-size);border-radius:50%;border:calc(2px * var(--pr-scale)) solid #ffffff;background:var(--frame53-point);box-shadow:0 1px 5px #13a2d759;cursor:pointer}.frame53-volume-range:focus-visible{outline:2px solid var(--frame53-point);outline-offset:calc(4px * var(--pr-scale))}.frame53-volume-range:focus-visible::-webkit-slider-thumb{outline:none}.frame53-muted .frame53-volume-range{opacity:.45;pointer-events:none}.frame53-muted .frame53-sfx-shell{opacity:.45}.frame53-sfx-label{margin:0 0 calc(10px * var(--pr-scale));color:#666;font-size:max(13px,calc(16px * var(--pr-scale)));font-weight:700}.frame53-sfx-shell{background:transparent;border-radius:calc(16px * var(--pr-scale));padding:0}.frame53-sfx-select{display:block;width:100%;box-sizing:border-box;margin:0;appearance:none;-webkit-appearance:none;padding:calc(10px * var(--pr-scale)) calc(40px * var(--pr-scale)) calc(10px * var(--pr-scale)) calc(18px * var(--pr-scale));border:1px solid rgba(0,0,0,.06);border-radius:calc(14px * var(--pr-scale));background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%23666' d='M7 9 0 0h14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(16px * var(--pr-scale)) center;background-size:calc(12px * var(--pr-scale)) auto;color:#444;font-family:inherit;font-size:max(12px,calc(20px * var(--pr-scale)));font-weight:700;cursor:pointer}.frame53-sfx-select:focus-visible{outline:2px solid var(--frame53-point);outline-offset:calc(3px * var(--pr-scale))}.frame53-footer{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:calc(20px * var(--pr-scale))}.frame53-back{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:calc(44px * var(--pr-scale));height:calc(44px * var(--pr-scale));padding:0;margin:0 calc(-4px * var(--pr-scale));border:0;border-radius:50%;background:transparent;color:#666;cursor:pointer;transition:background .18s ease,color .18s ease}.frame53-back:hover,.frame53-back:focus-visible{background:#13a2d714;color:var(--frame53-point)}.frame53-back-svg{width:calc(24px * var(--pr-scale));height:calc(24px * var(--pr-scale));flex-shrink:0}.frame53-primary{align-self:stretch;width:min(calc(400px * var(--pr-scale)),100%);margin-inline:auto;min-height:calc(52px * var(--pr-scale));height:calc(77px * var(--pr-scale));border:0;border-radius:999px;background:#d3d3d3;color:#fff;font-size:max(14px,calc(24px * var(--pr-scale)));font-weight:700;letter-spacing:0;cursor:not-allowed;box-shadow:none;transition:background .2s ease,transform .15s ease}.frame53-primary:not(:disabled){background:var(--frame53-point);cursor:pointer;box-shadow:0 calc(8px * var(--pr-scale)) calc(24px * var(--pr-scale)) #13a2d757}.frame53-primary:not(:disabled):hover,.frame53-primary:not(:disabled):focus-visible{transform:translateY(-1px)}.frame53-camera-panel{position:relative;flex:0 0 calc(var(--frame53-camera-slot-size) * var(--pr-scale));width:calc(var(--frame53-camera-slot-size) * var(--pr-scale));max-width:100%;height:calc(var(--frame53-camera-slot-size) * var(--pr-scale));min-height:calc(var(--frame53-camera-slot-size) * var(--pr-scale));box-sizing:border-box;min-width:0;padding:0;border-radius:calc(32px * var(--pr-scale));background:#a1a1a1;border:0;box-shadow:0 0 calc(8.52px * var(--pr-scale)) #00000026;overflow:hidden;display:flex;flex-direction:column;align-self:stretch}.frame53-camera-panel .frame53-camera-stack{position:relative;flex:1;min-height:0;width:100%;border-radius:calc(32px * var(--pr-scale));overflow:hidden;background:#a1a1a1}.frame53-camera-panel .frame53-camera-stack .viewer.viewer--measurement{width:100%;height:100%;min-height:0;border-radius:inherit}.frame53-camera-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1);background:#8a8a8a}.frame53-camera-overlay-text{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;color:#000;font-size:max(22px,calc(36px * var(--pr-scale)));font-weight:700;line-height:calc(43 / 36);text-align:center;pointer-events:none;z-index:1}.frame53-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.frame53-primary:not(:disabled):hover,.frame53-primary:not(:disabled):focus-visible{transform:none}}@keyframes warmup-register-veil-in{0%{opacity:0}to{opacity:1}}@keyframes warmup-register-stack-in{0%{opacity:0;transform:translateY(calc(-49.5px * var(--pr-scale))) scale(.94)}to{opacity:1;transform:translateY(calc(-49.5px * var(--pr-scale))) scale(1)}}@keyframes warmup-register-ring-breathe{0%,to{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 calc(12px * var(--pr-scale)) rgba(255,255,255,.35))}}.warmup-veil--register{background:#a1a1a1;gap:0;padding:calc(24px * var(--pr-scale));justify-content:center;box-sizing:border-box;animation:warmup-register-veil-in .35s ease-out both}.warmup-veil-register-stack{display:flex;flex-direction:column;align-items:center;transform:translateY(calc(-49.5px * var(--pr-scale)));animation:warmup-register-stack-in .45s cubic-bezier(.22,1,.36,1) .05s both}.warmup-veil--register .warmup-veil-inner--register{position:relative;width:var(--pr-reg-countdown-d);height:var(--pr-reg-countdown-d);flex:none;animation:warmup-register-ring-breathe 2.4s ease-in-out infinite}.warmup-veil--register .warmup-veil-ring-track{stroke:#ffffff47;stroke-width:20}.warmup-veil--register .warmup-veil-ring-progress{stroke:#fff;stroke-width:20;stroke-linecap:round}.warmup-veil--register .warmup-veil-count{font-size:max(52px,var(--pr-reg-countdown-digit-fs));font-weight:700;line-height:calc(153 / 128);color:#fff;text-shadow:none;font-variant-numeric:tabular-nums}.warmup-veil--register .warmup-veil-label{margin:calc(32px * var(--pr-scale)) 0 0;max-width:calc(100% - 24px * var(--pr-scale));color:#fff;font-size:max(16px,var(--pr-reg-countdown-status-fs));font-weight:700;line-height:calc(43 / 36);letter-spacing:0;text-align:center}@media(prefers-reduced-motion:reduce){.warmup-veil--register,.warmup-veil-register-stack,.warmup-veil--register .warmup-veil-inner--register{animation:none}.warmup-veil--register .warmup-veil-ring-progress{transition:none}}@media(max-width:900px){.flow-screen.frame53-register-screen{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(var(--pr-fr1-block-bottom),calc(12px + env(safe-area-inset-bottom,0px)))}.frame53-register-screen .flow-brand{left:max(12px,calc(var(--frame53-scene-offset-x) + 48px * var(--pr-scale)),env(safe-area-inset-left,0px));top:max(calc(var(--frame53-scene-offset-y) + 20px * var(--pr-scale)),calc(10px + env(safe-area-inset-top,0px)));width:calc(120px * var(--pr-scale))}.frame53-register-screen .frame53-header-close{right:max(12px,calc(var(--frame53-scene-offset-x) + 56px * var(--pr-scale)),env(safe-area-inset-right,0px));top:max(calc(var(--frame53-scene-offset-y) + 44px * var(--pr-scale)),calc(8px + env(safe-area-inset-top,0px)))}.frame53-panels-wrap{flex-direction:column;align-items:stretch;width:100%;max-width:min(100%,calc(100vw - 24px));gap:clamp(14px,4vw,28px)}.frame53-left{flex:0 1 auto;flex-basis:auto;width:100%;max-width:100%;height:auto;min-height:min(400px,52dvh);max-height:min(620px,70dvh)}.frame53-camera-panel{flex:0 0 auto;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:1;max-height:min(92vw,48dvh);align-self:center}.frame53-primary{min-height:max(48px,calc(77px * var(--pr-scale)))}.frame53-footer--pr-intro .frame53-primary{min-height:max(48px,calc(77px * var(--pr-scale)));height:max(48px,calc(77px * var(--pr-scale)))}}.measuring-screen{position:relative;--frame53-point: #13a2d7;--frame53-volume-track-muted: #ffffff;--frame53-scene-width: 1512px;--frame53-scene-height: 982px;--frame53-scene-offset-x: calc( (100vw - var(--frame53-scene-width) * var(--pr-scale)) / 2 );--frame53-scene-offset-y: calc( (100dvh - var(--frame53-scene-height) * var(--pr-scale)) / 2 );--pr-fr1-block-top: calc( var(--frame53-scene-offset-y) + 176px * var(--pr-scale) );--pr-fr1-block-bottom: calc( var(--frame53-scene-offset-y) + 112px * var(--pr-scale) );--frame53-camera-slot-size: 694px;--pr-scale: min( 1.35, calc(100vw/1512px) , calc(100dvh/982px) );background-color:#f3f3f3;background-image:linear-gradient(180deg,#13a2d7,#f2edcc);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;min-height:100dvh;padding:var(--pr-fr1-block-top) 0 var(--pr-fr1-block-bottom);overflow-x:hidden;overflow-y:auto}.measuring-screen .flow-brand{position:absolute;top:calc(var(--frame53-scene-offset-y) + 40px * var(--pr-scale));left:calc(var(--frame53-scene-offset-x) + 80px * var(--pr-scale));z-index:2;width:calc(134px * var(--pr-scale));pointer-events:auto}.measuring-screen .flow-brand-logo{width:100%;height:auto}.measure-header{width:min(1120px,100%);margin:0 auto;display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.measure-header h1{margin:0;color:#fff;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.35;letter-spacing:0}.measure-header p{margin:9px 0 0;color:#ffffffe6;font-size:.92rem;font-weight:800}.measure-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.measure-layout{flex:0 1 auto;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;width:calc(1336px * var(--pr-scale));max-width:100%;min-width:0;min-height:0;margin-inline:auto;gap:calc(48px * var(--pr-scale));box-sizing:border-box}.measure-control-card{flex:0 0 calc(594px * var(--pr-scale));width:calc(594px * var(--pr-scale));max-width:100%;min-width:0;height:calc(694px * var(--pr-scale));min-height:calc(694px * var(--pr-scale));box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding:calc(48px * var(--pr-scale)) calc(56px * var(--pr-scale)) calc(40px * var(--pr-scale));border-radius:calc(32px * var(--pr-scale));background:#fff;border:0;box-shadow:0 0 calc(8.52px * var(--pr-scale)) #00000026;overflow-x:hidden;overflow-y:hidden}.measure-control-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.measure-control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(12px * var(--pr-scale));margin-bottom:calc(20px * var(--pr-scale))}.measure-control-title{margin:0;color:#13a2d7;font-size:max(1.25rem,calc(36px * var(--pr-scale)));font-weight:700;line-height:calc(43 / 36);letter-spacing:0}.measure-control-status-hint{margin:calc(6px * var(--pr-scale)) 0 0;font-size:max(.75rem,calc(14px * var(--pr-scale)));font-weight:600;color:#666;line-height:1.35}.measure-control-icon-actions{flex-shrink:0;display:flex;gap:calc(24px * var(--pr-scale));align-items:center}.measure-icon-btn{box-sizing:border-box;width:calc(64px * var(--pr-scale));height:calc(64px * var(--pr-scale));min-width:calc(64px * var(--pr-scale));min-height:calc(64px * var(--pr-scale));padding:0;border-radius:50%;display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;transition:transform .12s ease,opacity .12s ease}.measure-icon-btn svg{width:100%;height:100%;display:block}.measure-icon-btn:hover:not(:disabled){transform:scale(1.03)}.measure-icon-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.measure-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(24px * var(--pr-scale));min-width:0;margin-bottom:calc(20px * var(--pr-scale))}.measure-card-rule{width:100%;height:0;margin:0 0 calc(20px * var(--pr-scale));border:0;border-top:calc(2px * var(--pr-scale)) solid #f5f5f5}.measure-control-card .metric-tile{min-height:calc(120px * var(--pr-scale));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(20px * var(--pr-scale)) calc(12px * var(--pr-scale)) calc(16px * var(--pr-scale));gap:calc(6px * var(--pr-scale));background:#f5f5f5;border:0;border-radius:calc(16px * var(--pr-scale))}.measure-control-card .metric-tile span:first-child{color:#666;font-size:max(12px,calc(14px * var(--pr-scale)));font-weight:500;text-align:center}.measure-control-card .metric-tile-value-row{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:calc(2px * var(--pr-scale))}.measure-control-card .metric-tile strong{margin:0;color:#000;font-size:max(1.75rem,calc(48px * var(--pr-scale)));font-weight:700;line-height:1.1875;letter-spacing:0}.measure-control-card .metric-tile-value-suffix{color:#000;font-size:max(1rem,calc(24px * var(--pr-scale)));font-weight:700;line-height:calc(29 / 24)}.measure-control-card .frame53-toggle-strip{margin-bottom:calc(16px * var(--pr-scale))}.measure-control-card .frame53-sound-card{margin-bottom:calc(8px * var(--pr-scale))}.measure-control-card-footer{flex-shrink:0;margin-top:0;padding-top:calc(16px * var(--pr-scale));width:100%;box-sizing:border-box}.measure-reregister-cta{width:100%;max-width:calc(482px * var(--pr-scale));margin:0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:calc(77px * var(--pr-scale));padding:calc(24px * var(--pr-scale)) calc(32px * var(--pr-scale));border:0;border-radius:999px;background:#13a2d7;color:#fff;font-size:max(1rem,calc(24px * var(--pr-scale)));font-weight:700;line-height:calc(29 / 24);letter-spacing:0;cursor:pointer;box-shadow:0 calc(8px * var(--pr-scale)) calc(20px * var(--pr-scale)) #13a2d738;transition:transform .14s ease,filter .14s ease}.measure-reregister-cta:hover{transform:translateY(-1px);filter:brightness(1.03)}.measure-reregister-cta:active{transform:translateY(0);filter:brightness(.98)}.measure-baseline-cta{margin-top:6px;width:100%;padding:14px 18px;border:0;border-radius:999px;background:var(--frame53-point, #13a2d7);color:#fff;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #13a2d747;transition:transform .14s ease,filter .14s ease}.measure-baseline-cta:hover:not(:disabled){transform:translateY(-1px)}.measure-baseline-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.measure-debug-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;margin-top:calc(12px * var(--pr-scale));border-top:1px dashed rgba(19,100,130,.18)}.measure-debug-tools-tail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:calc(12px * var(--pr-scale));padding-top:calc(12px * var(--pr-scale));border-top:1px dashed rgba(19,100,130,.14)}.measure-debug-tools-label{flex:1 1 100%;margin:0;font-size:.72rem;font-weight:800;color:#6b7885;letter-spacing:.04em}.measure-debug-overlay-row{flex:1 1 100%}.measure-camera-panel{position:relative;min-width:0;min-height:0;padding:0;border-radius:calc(32px * var(--pr-scale));background:#a1a1a1;border:0;box-shadow:0 0 calc(8.52px * var(--pr-scale)) #00000026;box-sizing:border-box;overflow:hidden}.measure-camera-panel .measure-camera-stack{flex:1;min-height:0;border-radius:calc(32px * var(--pr-scale));overflow:hidden;background:#a1a1a1}.measure-camera-panel .measure-camera-stack .viewer.viewer--measurement{width:100%;height:100%;min-height:0;border-radius:inherit}.measure-camera-panel--figma{flex:0 0 calc(var(--frame53-camera-slot-size) * var(--pr-scale));width:calc(var(--frame53-camera-slot-size) * var(--pr-scale));max-width:100%;height:calc(var(--frame53-camera-slot-size) * var(--pr-scale));min-height:calc(var(--frame53-camera-slot-size) * var(--pr-scale));display:flex;flex-direction:column;align-self:stretch}.measure-camera-stack{position:relative;width:100%;height:100%;min-height:0}.measuring-screen .frame53-sound-card{align-self:stretch;width:100%;max-width:none;box-sizing:border-box}.measure-posture-gauge{position:absolute;top:calc(24px * var(--pr-scale));left:50%;transform:translate(-50%);width:calc(100% - 132px * var(--pr-scale));max-width:calc(561px * var(--pr-scale));min-height:calc(80px * var(--pr-scale));z-index:2500;display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--pr-scale));padding:calc(24px * var(--pr-scale));box-sizing:border-box;pointer-events:none;background:#0000001a;border-radius:calc(24px * var(--pr-scale))}.measure-posture-gauge--warmup .measure-posture-gauge-fill{width:0!important;opacity:.55}.measure-posture-gauge-end,.measure-posture-gauge-end--bad,.measure-posture-gauge-end--good{flex:0 0 auto;width:max-content;font-size:max(14px,calc(20px * var(--pr-scale)));font-weight:700;line-height:calc(24 / 20);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.measure-posture-gauge-track{flex:1 1 auto;min-width:0;height:calc(32px * var(--pr-scale));border-radius:999px;background:#fff;overflow:hidden}.measure-posture-gauge-fill{height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#fcf9c3,#56b9d4);transition:width .35s ease}@media(prefers-reduced-motion:reduce){.measure-posture-gauge-fill{transition:none}}.warmup-veil{--warmup-gap: clamp(.75rem, 2vmin, 1rem);--warmup-label-line-box: calc(clamp(.92rem, 1.6vmin, 1.05rem)*1.35) ;position:absolute;inset:0;z-index:2600;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,3vmin,1.5rem);border-radius:inherit;background:#00000080;color:#fff;pointer-events:auto;-webkit-user-select:none;user-select:none}.warmup-veil-focus-stack{display:flex;flex-direction:column;align-items:center;gap:var(--warmup-gap);transform:translateY(calc((var(--warmup-gap) + var(--warmup-label-line-box)) / 2))}.warmup-veil-inner{position:relative;width:clamp(120px,22vmin,220px);aspect-ratio:1 / 1;display:grid;place-items:center}.warmup-veil-ring{position:absolute;inset:0;width:100%;height:100%}.warmup-veil-ring-track{stroke:#ffffff38;stroke-width:6}.warmup-veil-ring-progress{stroke:#fff;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s linear}@keyframes warmup-count-pop{0%{transform:scale(.82);opacity:.65}55%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.warmup-veil-count{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(2.4rem,6vmin,4rem);font-weight:800;line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.35)}.warmup-veil-count-pop{display:inline-block;animation:warmup-count-pop .42s cubic-bezier(.22,1,.36,1) both}.warmup-veil-label{margin:0;color:#ffffffeb;font-size:clamp(.92rem,1.6vmin,1.05rem);line-height:1.35;font-weight:700;letter-spacing:0}@media(prefers-reduced-motion:reduce){.warmup-veil-ring-progress{transition:none}.warmup-veil-count-pop{animation:none}}.metric-tile{display:grid;gap:4px;padding:clamp(.6rem,1.4vmin,.85rem) clamp(.7rem,1.6vmin,.95rem);border-radius:clamp(.65rem,1.3vmin,.85rem);background:#ffffffd1;border:1px solid rgba(45,82,96,.1)}.metric-tile:not(.metric-tile--with-suffix) span{color:#5d737c;font-size:.76rem;font-weight:900}.metric-tile:not(.metric-tile--with-suffix) strong{color:#203b45;font-size:1.42rem;font-weight:900;letter-spacing:0}.measure-tool-row{display:flex;flex-wrap:wrap;gap:8px}.measure-tool-overlay-hint-debug{font-size:.78rem;opacity:.95;scroll-margin-bottom:calc(24px * var(--pr-scale));transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.measure-tool-overlay-hint-debug:hover{opacity:1}.measure-tool-overlay-hint-debug:active{transform:scale(.96);filter:brightness(.94)}.measure-placement-hint-emit-feedback{margin:8px 0 0;padding:8px 10px;border-radius:10px;font-size:.78rem;font-weight:800;line-height:1.35;animation:measure-hint-feedback-in .22s ease}.measure-placement-hint-emit-feedback--ok{color:#0f5132;background:#d1fae5f2;border:1px solid rgba(16,185,129,.35)}.measure-placement-hint-emit-feedback--fail{color:#7f1d1d;background:#fee2e2f2;border:1px solid rgba(248,113,113,.45)}@keyframes measure-hint-feedback-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.measure-tool-overlay-hint-debug{transition:none}.measure-tool-overlay-hint-debug:active{transform:none}.measure-placement-hint-emit-feedback{animation:none}}@media(max-width:900px){.measuring-screen{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(var(--pr-fr1-block-bottom),calc(12px + env(safe-area-inset-bottom,0px)))}.measuring-screen .flow-brand{left:max(12px,calc(var(--frame53-scene-offset-x) + 48px * var(--pr-scale)),env(safe-area-inset-left,0px));top:max(calc(var(--frame53-scene-offset-y) + 20px * var(--pr-scale)),calc(10px + env(safe-area-inset-top,0px)));width:calc(120px * var(--pr-scale))}.measure-layout{flex-direction:column;align-items:stretch;width:100%;max-width:min(100%,calc(100vw - 24px));gap:clamp(14px,4vw,28px)}.measure-control-card{flex:0 1 auto;flex-basis:auto;width:100%;max-width:100%;height:auto;min-height:min(420px,58dvh);max-height:min(640px,72dvh)}.measure-camera-panel--figma{flex:0 0 auto;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:1;max-height:min(92vw,52dvh);align-self:center}.measure-reregister-cta{max-width:100%;min-height:max(48px,calc(77px * var(--pr-scale)))}.measure-icon-btn{width:max(44px,calc(64px * var(--pr-scale)));height:max(44px,calc(64px * var(--pr-scale)));min-width:max(44px,calc(64px * var(--pr-scale)));min-height:max(44px,calc(64px * var(--pr-scale)))}}@media(max-height:640px){.measure-control-title{font-size:clamp(1.05rem,2vw,1.4rem)}.metric-tile{padding:9px 12px}.metric-tile strong{font-size:1.15rem}}.result-screen--registered{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;min-height:100dvh;padding:clamp(3rem,8svh,5.5rem) var(--app-viewport-inline) clamp(1.5rem,4svh,2.5rem);overflow-y:auto;background:linear-gradient(180deg,#13a2d7,#f2edcc)}.result-screen--accent-success{--result-stat-accent: #fd8c3e;--result-share-icon: #fd8c3e;--result-meta-icon: #fd8c3e;--result-portrait-bg: #ffe8dc}.result-screen--accent-fail{--result-stat-accent: #979797;--result-share-icon: #979797;--result-meta-icon: #979797;--result-portrait-bg: rgba(151, 151, 151, .2)}.result-registered-hero{text-align:center;color:#fff;margin-bottom:clamp(18px,3vh,28px);text-shadow:0 2px 10px rgba(0,40,60,.18)}.result-registered-eyebrow{margin:0 0 6px;font-size:clamp(.9rem,2.2vw,1rem);font-weight:800}.result-registered-title{margin:0;font-size:clamp(2rem,5.8vw,2.85rem);font-weight:900;line-height:1.15}.result-registered-title.is-fail{animation:result-fail-title-fade-up 1.2s ease-out both}@keyframes result-fail-title-fade-up{0%{opacity:.74;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-registered-card{--result-card-radius: clamp(22px, 3.5vw, 32px);position:relative;width:min(45rem,100%);display:grid;grid-template-columns:minmax(140px,38%) minmax(0,1fr);gap:clamp(16px,3vw,28px);padding:clamp(18px,2.8vw,26px);border-radius:var(--result-card-radius);background:#fffffffa;overflow:hidden;clip-path:inset(0 round var(--result-card-radius));isolation:isolate;box-shadow:0 20px 48px #13647829,0 1px #ffffffe6}.result-registered-card--acquired{--tilt-x: 0deg;--tilt-y: 0deg;--tilt-lift: 0px;--tilt-shine-x: 50%;--tilt-shine-y: 50%;--result-card-press-y: 0px;--result-card-scale: 1;cursor:pointer;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) + var(--result-card-press-y))) scale(var(--result-card-scale));transform-style:preserve-3d;transition:transform .34s cubic-bezier(.23,1,.32,1),filter .34s cubic-bezier(.23,1,.32,1),box-shadow .34s cubic-bezier(.23,1,.32,1);will-change:transform,filter,box-shadow}.result-registered-card--acquired:hover{--result-card-press-y: 2px;--result-card-scale: .996;filter:saturate(1.03);box-shadow:0 18px 42px #13647833,0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 24%,transparent),0 1px #ffffffeb}.result-registered-card--acquired:active{--result-card-press-y: 7px;--result-card-scale: .982;transition-duration:.08s}.result-registered-card--acquired:before{content:"";position:absolute;inset:-36%;z-index:3;border-radius:inherit;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.1) 43%,rgba(255,255,255,.54) 49%,rgba(255,255,255,.14) 56%,transparent 72%);transform:translate(-56%) rotate(5deg);pointer-events:none;mix-blend-mode:screen;opacity:0;animation:result-acquired-card-shine 3.2s ease-in-out infinite}.result-registered-card--acquired:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--tilt-shine-x, 50%) var(--tilt-shine-y, 50%),rgba(255,255,255,.48) 0%,rgba(255,255,255,.22) 24%,rgba(255,255,255,0) 62%),linear-gradient(118deg,#ffffff47,#fff0 34%),linear-gradient(300deg,color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 14%,transparent) 12%,#fff0 58%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 12%,#ffffff),inset 0 0 24px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 10%,transparent);mix-blend-mode:screen;opacity:.44;transition:opacity .26s ease}.result-registered-card--acquired:hover:after{opacity:.92}.result-registered-card--acquired.is-entering{animation:result-acquired-card-enter .72s cubic-bezier(.18,.74,.28,1) both}.result-registered-card--acquired.is-tapped{animation:result-acquired-card-press .52s cubic-bezier(.18,.74,.28,1)}.result-registered-card--acquired.is-tapped:before{inset:8% 5%;border-radius:inherit;background:radial-gradient(circle at 16% 22%,rgba(255,255,255,.96) 0 2px,transparent 3px),radial-gradient(circle at 82% 26%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 72% 76%,rgba(255,255,255,.86) 0 2px,transparent 3px),radial-gradient(circle at 34% 66%,rgba(255,255,255,.82) 0 2px,transparent 3px),linear-gradient(110deg,#fff0 22%,#ffffffc7 52%,#fff0 76%);animation:result-acquired-card-glitter .52s ease-out}.result-registered-card--acquired.is-tapped:after{opacity:1}@keyframes result-acquired-card-enter{0%{opacity:0;transform:perspective(900px) rotateX(5deg) rotateY(0) translateY(24px) scale(.96);box-shadow:0 10px 28px #1364781f,0 1px #ffffffe6}38%{opacity:1;transform:perspective(900px) rotateX(2deg) rotateY(0) translateY(8px) scale(.982);box-shadow:0 12px 30px #13647829,0 1px #ffffffeb}68%{transform:perspective(900px) rotateX(-1deg) rotateY(0) translateY(-8px) scale(1.014);box-shadow:0 26px 56px #13647838,0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 20%,transparent),0 1px #fffffff0}to{opacity:1;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) + var(--result-card-press-y))) scale(var(--result-card-scale));box-shadow:0 20px 48px #13647829,0 1px #ffffffe6}}@keyframes result-acquired-card-shine{0%,54%{transform:translate(-58%) rotate(5deg);opacity:0}64%{opacity:.9}84%{transform:translate(58%) rotate(5deg);opacity:.24}to{transform:translate(58%) rotate(5deg);opacity:0}}@keyframes result-acquired-card-press{0%{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) + var(--result-card-press-y))) scale(var(--result-card-scale));box-shadow:0 18px 42px #13647833,0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 22%,transparent),0 1px #ffffffeb}32%{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) + 8px)) scale(.976);box-shadow:0 10px 26px #1364782b,0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 24%,transparent),0 1px #ffffffeb}72%{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) - 7px)) scale(1.016);box-shadow:0 26px 56px #1364783d,0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #fd8c3e) 24%,transparent),0 1px #fffffff0}to{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) + var(--result-card-press-y))) scale(var(--result-card-scale));box-shadow:0 20px 48px #13647829,0 1px #ffffffe6}}@keyframes result-acquired-card-glitter{0%{opacity:0;transform:translate(-28%) translateY(10%) rotate(-10deg)}28%{opacity:.92}to{opacity:0;transform:translate(24%) translateY(-12%) rotate(8deg)}}.result-registered-card.is-share-capture{box-shadow:none!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important;width:720px!important;max-width:720px!important;min-width:720px!important;margin:0!important;box-sizing:border-box!important}.result-registered-card.is-share-capture.result-registered-card--acquired:before,.result-registered-card.is-share-capture.result-registered-card--acquired:after{opacity:0!important;content:none!important}.result-registered-card.is-share-capture .result-registered-figure,.result-registered-card.is-share-capture .result-registered-portrait img{transform:translate(var(--result-portrait-img-shift-x, 0px),var(--result-portrait-img-shift-y, 0px)) scale(var(--result-portrait-img-scale, 1))!important}.result-registered-card.is-share-capture .result-registered-portrait{--result-portrait-img-width: 92%;--result-portrait-img-height: 92%;--result-portrait-img-shift-x: 0px;--result-portrait-img-shift-y: 0px;--result-portrait-img-scale: 1.35}.result-registered-card.is-share-capture .result-registered-col--stats{min-width:0!important}.result-registered-card.is-share-capture .result-registered-meta-row{grid-template-columns:minmax(96px,max-content) minmax(0,1fr)!important}.result-registered-card.is-share-capture .result-registered-meta-label{white-space:nowrap!important}.result-registered-card.is-share-capture .result-registered-meta-value{justify-self:end!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;min-width:0!important;max-width:100%!important;font-size:.82rem!important}.result-registered-card.is-share-capture .result-registered-stat-value{font-size:clamp(1.35rem,3.4vw,1.75rem)!important;word-break:keep-all!important}.result-screen--accent-fail .result-registered-card:not(.result-registered-card--acquisition-fail){animation:result-fail-card-glow 2.4s ease-in-out infinite}.result-screen--accent-fail .result-registered-card--acquisition-fail{box-shadow:0 0 8.52px #00000026,0 1px #ffffffe6}@keyframes result-fail-card-glow{0%,to{box-shadow:0 20px 48px #13647829,0 1px #ffffffe6}50%{box-shadow:0 20px 52px #13647836,0 0 0 8px #ffffff1a,0 1px #ffffffe6}}.result-screen--accent-fail .result-registered-card.is-share-capture{animation:none!important}.result-registered-col--character{display:flex;flex-direction:column;align-items:stretch;gap:10px}.result-registered-portrait{--result-portrait-img-width: 92%;--result-portrait-img-height: 92%;--result-portrait-img-object-position: center center;--result-portrait-img-shift-x: 0px;--result-portrait-img-shift-y: 0px;--result-portrait-img-scale: 1.35;--result-portrait-img-transform-origin: center center;aspect-ratio:1 / 1;border-radius:clamp(14px,2.5vw,20px);background:var(--result-portrait-bg, #f0f4f8);overflow:hidden;display:grid;place-items:center}.result-registered-figure{width:var(--result-portrait-img-width, 92%);height:var(--result-portrait-img-height, 92%);max-width:100%;max-height:100%;object-fit:contain;object-position:var(--result-portrait-img-object-position, center center);transform-origin:var(--result-portrait-img-transform-origin, center center);transform:translate(var(--result-portrait-img-shift-x, 0px),var(--result-portrait-img-shift-y, 0px)) scale(var(--result-portrait-img-scale, 1))}.result-registered-figure--qr-fail{--result-fail-qr-width: 100%;--result-fail-qr-height: 100%;--result-fail-qr-shift-x: clamp(-.75rem, -1.4vw, -.15rem);--result-fail-qr-shift-y: clamp(-20.625rem, -42vw, -8rem);--result-fail-qr-scale: 3.35;width:var(--result-fail-qr-width, 100%);height:var(--result-fail-qr-height, 100%);object-fit:contain;object-position:center bottom;transform:translate(var(--result-fail-qr-shift-x, 0px),var(--result-fail-qr-shift-y, 0px)) scale(var(--result-fail-qr-scale, 1.02));filter:grayscale(1) saturate(.15) brightness(.9)}.result-registered-figure--acquisition-fail{--result-portrait-img-width: 88%;--result-portrait-img-height: 88%;--result-portrait-img-object-position: center center;--result-portrait-img-shift-x: 0px;--result-portrait-img-shift-y: 0px;--result-portrait-img-scale: 1.08;--result-portrait-img-transform-origin: center center}.result-registered-portrait .character-empty{width:58%;height:58%;border-radius:12%;background:linear-gradient(160deg,#60646c8c,#3a3c40b8);position:relative}.result-registered-portrait .character-empty:after,.result-registered-portrait .character-empty:before{content:"";position:absolute;border-radius:999px;background:#fffffff2}.result-registered-portrait .character-empty:before{width:10%;height:10%;top:38%;left:38%}.result-registered-portrait .character-empty:after{width:10%;height:10%;top:38%;right:38%}.result-registered-name{margin:2px 0 0;font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:900;color:#1a2730}.result-registered-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.result-registered-card .result-registered-tag{padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:800;color:color-mix(in srgb,var(--result-stat-accent, #8a9399) 88%,#1a2730);background:color-mix(in srgb,var(--result-stat-accent, #8a9399) 16%,white)}.result-registered-col--stats{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);min-width:0}@media(prefers-reduced-motion:reduce){.result-registered-outside-action.is-busy{animation:none;opacity:.55}.result-screen--accent-fail .result-registered-card,.result-registered-title.is-fail{animation:none}.result-registered-card--acquired{transform:none;transition:none}.result-registered-card--acquired:before,.result-registered-card--acquired.is-entering,.result-registered-card--acquired.is-tapped{animation:none}}.result-registered-share-feedback{margin:clamp(10px,2vh,16px) 0 0;min-height:1.25rem;text-align:center;font-size:.8rem;font-weight:700;color:#fffffff0;text-shadow:0 1px 8px rgba(0,40,60,.2)}.result-registered-share-feedback:empty{margin-top:clamp(10px,2vh,16px)}.result-registered-capture-root{width:100%;max-width:min(760px,100%)}.result-registered-card-block{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:clamp(14px,2.2vw,22px);width:100%}.result-registered-outside-actions{display:flex;flex-direction:column;gap:24px;flex-shrink:0}.result-registered-outside-action{display:grid;place-items:center;box-sizing:border-box;width:64px;height:64px;padding:0;border:0;border-radius:100px;background:#fff3;cursor:pointer;flex-shrink:0;transition:opacity .16s ease,transform .16s ease,background .16s ease}.result-registered-outside-action:hover:not(:disabled){background:#ffffff52;transform:translateY(-1px)}.result-registered-outside-action:disabled,.result-registered-outside-action[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none}.result-registered-outside-action img{display:block;width:32px;height:32px;object-fit:contain}.result-registered-outside-action.is-busy{pointer-events:none;animation:result-outside-action-busy .85s ease-in-out infinite}@keyframes result-outside-action-busy{50%{opacity:.55}}.result-registered-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-registered-stat-cell{min-width:0}.result-registered-stat-label{display:block;font-size:.78rem;font-weight:800;color:#8896a4}.result-registered-stat-value{display:block;margin-top:4px;font-size:clamp(1.35rem,3.8vw,1.95rem);font-weight:900;color:var(--result-stat-accent, #fd8c3e);letter-spacing:0}.result-registered-stat-value--ratio-parts{display:inline-flex;align-items:baseline;justify-content:center;gap:.06em}.result-registered-stat-value--ratio-parts .result-registered-stat-value-suffix{font-size:.625em;line-height:1}.result-registered-card--detail{width:min(670px,100%);max-width:min(670px,100%);padding:24px;gap:24px;grid-template-columns:min(280px,44%) minmax(0,1fr);box-shadow:0 0 8.52px #00000026}.result-registered-card--acquired.result-registered-card--detail{box-shadow:0 0 8.52px #00000026}.result-registered-card--acquired.result-registered-card--detail:hover{box-shadow:0 0 10px #0000002e,0 0 0 1px color-mix(in srgb,var(--result-stat-accent, #f78000) 22%,transparent)}.result-registered-card--acquired.result-registered-card--detail:active{box-shadow:0 0 8.52px #0003}.result-registered-card--detail .result-registered-portrait{border-radius:24px;max-width:280px}.result-registered-card--detail .result-registered-name{margin-top:4px;font-size:1.5rem;line-height:1.2;font-weight:700}.result-registered-card--detail .result-registered-tag{padding:8px 10px;font-size:12px;line-height:1.15;font-weight:700}.result-registered-card--detail .result-registered-stat-grid{gap:clamp(8px,2vw,16px)}.result-registered-card--detail .result-registered-stat-cell{text-align:center}.result-registered-card--detail .result-registered-stat-label{font-size:14px;font-weight:600;color:#666}.result-registered-card--detail .result-registered-stat-value{margin-top:8px;font-size:4rem;line-height:76px;font-weight:700}.result-registered-card--detail .result-registered-stat-value--ratio-parts{gap:.02em}.result-registered-card--detail .result-registered-stat-value--ratio-parts .result-registered-stat-value-suffix{font-size:.625em;line-height:48px}.result-registered-card--detail .result-registered-col--stats{align-items:stretch}.result-registered-card--detail .result-registered-story{margin-top:auto;text-align:right}.result-registered-card--detail .result-registered-meta{margin-top:8px;padding-top:12px;border-top:1px solid #dddddd}.result-registered-card--detail .result-registered-meta-row{padding-bottom:0;border-bottom:none}.result-registered-card--detail .result-registered-meta-row:first-child{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:6px}.result-registered-card--detail .result-registered-meta-label{font-size:14px;font-weight:500;color:#666}.result-registered-card--detail .result-registered-meta-value{font-size:14px;font-weight:500;color:#000}.result-registered-story{margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.2;color:#000}.result-registered-card--acquisition-fail .result-registered-tag{color:#979797;background:#97979733}.result-registered-card--acquisition-fail .result-registered-name{color:#000;font-size:clamp(1.1rem,2.6vw,1.5rem);font-weight:700}.result-registered-card--acquisition-fail.result-registered-card--detail .result-registered-name{font-size:1.5rem;line-height:1.2}.result-registered-card--acquisition-fail.result-registered-card--detail .result-registered-stat-value{color:#979797}.result-registered-card--acquisition-fail.result-registered-card--detail .result-registered-meta-value{color:#505050}.result-screen--accent-success .result-registered-eyebrow{font-size:clamp(1.25rem,3.2vw,2rem)}.result-screen--accent-success .result-registered-title:not(.is-fail){font-size:clamp(2.5rem,7vw,4rem)}.result-metrics{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;width:min(360px,100%);margin-bottom:20px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.result-character .focus-character-image{height:clamp(180px,calc(100dvh - 320px),340px)}.result-registered-meta{margin:4px 0 0;display:grid;gap:12px}.result-registered-meta-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:center;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.05)}.result-registered-meta-row:last-child{border-bottom:0;padding-bottom:0}.result-registered-meta-label{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font-size:.78rem;font-weight:800;color:#6b7580}.result-registered-meta-value{margin:0;justify-self:end;text-align:right;white-space:nowrap;font-size:.86rem;font-weight:800;color:#27363f}.result-registered-meta-icon{display:grid;place-items:center;color:var(--result-meta-icon, #8896a4)}.result-registered-footer{margin-top:clamp(22px,4vh,36px);width:min(26.25rem,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px}.result-registered-home{padding:16px 24px;border:0;border-radius:999px;font-size:1.05rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 14px 32px #0000001f}.result-registered-home.is-acquired{width:min(400px,100%);margin-inline:auto;padding:24px 32px;min-height:77px;font-size:1.5rem;font-weight:700;line-height:1.2;background:#f78000;box-shadow:0 0 8.52px #00000026}.result-registered-home.is-miss{background:#979797;font-weight:700;font-size:clamp(1.05rem,2.6vw,1.5rem);box-shadow:0 0 8.52px #00000026}@media(max-width:600px){.result-screen--registered{padding-top:clamp(4.5rem,10svh,6rem)}.result-registered-card-block{flex-direction:column;align-items:center}.result-registered-outside-actions{flex-direction:row;gap:16px}.result-registered-card{grid-template-columns:1fr;max-width:min(25rem,100%)}.result-registered-card--detail{max-width:min(25rem,100%);grid-template-columns:1fr;padding:clamp(18px,4vw,24px)}.result-registered-card--detail .result-registered-stat-value{font-size:clamp(2rem,9vw,4rem);line-height:1.12}.result-registered-card--detail .result-registered-stat-value--ratio-parts .result-registered-stat-value-suffix{line-height:1}.result-registered-col--character{max-width:min(13.75rem,70vw);margin-inline:auto}.result-registered-figure--qr-fail{--result-fail-qr-shift-y: clamp(-13rem, -48vw, -7rem);--result-fail-qr-scale: 2.65}}@media(prefers-reduced-motion:reduce){.result-registered-outside-action{transition:none}}.tone-red{filter:saturate(1.25) hue-rotate(-20deg)}.tone-charcoal{filter:grayscale(.82) brightness(.48) contrast(1.35)}.tone-blue{filter:hue-rotate(168deg) saturate(1.35) brightness(.92)}.tone-ivory{filter:grayscale(.15) saturate(.65) brightness(1.2)}.tone-green{filter:hue-rotate(98deg) saturate(1.22) brightness(.9)}.tone-yellow{filter:hue-rotate(34deg) saturate(1.38) brightness(1.12)}.viewer{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:16px;background:#0b1220;border:1px solid rgba(15,28,46,.2);box-shadow:0 18px 36px #0914263d}.viewer.viewer--measurement{position:relative;background-color:#a1a1a1;background-image:none;border:0;border-radius:clamp(26px,4.8vmin,40px);box-shadow:none}.viewer.viewer--measurement:after{content:"カメラ";position:absolute;inset:0;z-index:0;margin:auto;width:fit-content;height:fit-content;line-height:calc(43 / 36);font-size:max(1.35rem,calc(36px * var(--pr-scale, 1)));font-weight:700;color:#000;letter-spacing:0;pointer-events:none}.viewer.viewer--measurement .camera,.viewer.viewer--measurement .overlay{z-index:1}.camera,.overlay{position:absolute;inset:0;width:100%;height:100%}.camera{object-fit:cover;transform:scaleX(-1)}.overlay{pointer-events:none;transform:scaleX(-1)}.display-mode-switch{position:absolute;top:14px;right:14px;z-index:2300;display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(15,28,46,.16);box-shadow:0 10px 24px #0f1c2e33;font-size:.78rem;font-weight:800;color:#0f1c2e}.mode-toggle{display:flex;align-items:center;gap:8px;font-weight:700}.mode-toggle input{margin:0}.angle-readout{position:absolute;right:14px;top:112px;z-index:2200;width:190px;display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#070d19c7;border:1px solid rgba(226,232,240,.18);color:#e2e8f0;box-shadow:0 10px 24px #02061747}.angle-readout div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.73rem;font-weight:800}.angle-readout span{color:#cbd5e1}.angle-readout strong{font-size:.82rem;color:#f8fafc;white-space:nowrap}.angle-readout small{color:#94a3b8;font-size:.67rem;font-weight:800}.posture-alert{position:absolute;top:14px;left:14px;z-index:2200;padding:8px 12px;border-radius:10px;font-weight:800;font-size:.92rem;transition:opacity .2s ease}.posture-alert.show{background:#ffffffeb;color:#b91c1c;border:3px solid #ef4444;opacity:1}.posture-alert.hide{opacity:0}.legend{position:absolute;left:12px;bottom:12px;z-index:2200;display:flex;gap:10px;flex-wrap:wrap;padding:10px;border-radius:12px;background:#070d19b3}.item{font-size:.78rem;font-weight:800;padding:4px 8px;border-radius:999px;color:#0b1220;background:#dbeafe}.item.face{background:#93c5fd}.item.gaze{background:#86efac}.item.nose{background:#fca5a5}.item.shoulder{background:#fdba74}.remote-pairing-screen{box-sizing:border-box;min-height:100dvh;padding:clamp(2.5rem,8svh,4rem) var(--app-viewport-inline, 16px) clamp(1.5rem,4svh,2rem);display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#13a2d7,#f2edcc);color:#fff}.remote-pairing-card{width:min(26rem,100%);margin-top:clamp(1rem,3vh,1.75rem);padding:clamp(1.25rem,3vw,1.75rem);border-radius:28px;background:#fffffff5;color:#1a2730;box-shadow:0 12px 40px #00283c1f;text-align:center}.remote-pairing-badge{margin:0 0 10px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5a6a78}.remote-pairing-title{margin:0 0 10px;font-size:clamp(1.35rem,4.2vw,1.85rem);font-weight:900;line-height:1.2}.remote-pairing-lead{margin:0 0 16px;font-size:.92rem;font-weight:650;line-height:1.55;color:#3d4d5c}.remote-pairing-art{display:grid;place-items:center;margin:8px auto 0;max-width:min(280px,72vw)}.remote-pairing-art img{width:100%;height:auto;display:block;object-fit:contain}.remote-pairing-error{margin:14px 0 0;font-size:.82rem;font-weight:800;color:#b42318}.remote-pairing-screen--measuring .remote-pairing-title,.remote-pairing-screen--postureRegister .remote-pairing-title{color:#0d5f7a}.pairing-overlay{position:fixed;inset:0;background:#0f172a75;display:grid;place-items:center;padding:20px;z-index:30}.pairing-dialog{width:min(760px,100%);max-height:min(88vh,820px);overflow:auto;background:#fffffff7;border:1px solid rgba(15,23,42,.12);border-radius:24px;padding:22px;box-shadow:0 24px 80px #0f172a47}.pairing-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pairing-dialog-header h2{margin:4px 0 0;font-size:1.4rem}.pairing-eyebrow{margin:0;color:#0f766e;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pairing-description{margin:10px 0 0;color:#475569;line-height:1.5}.pairing-close{border:0;border-radius:999px;padding:8px 12px;background:#e2e8f0;color:#0f172a;font-weight:700;cursor:pointer}.pairing-dialog-body{margin-top:18px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.pairing-qr-card{background:linear-gradient(180deg,#f8fafc,#eef6ff);border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:18px;display:grid;place-items:center;min-height:280px}.pairing-qr-image{width:min(240px,100%);height:auto;display:block;border-radius:14px;background:#fff;padding:10px}.pairing-qr-placeholder{color:#64748b;text-align:center;line-height:1.5}.pairing-info{display:grid;gap:12px;align-content:start}.pairing-status-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.06)}.pairing-field{display:grid;gap:8px;font-size:.85rem;font-weight:700;color:#334155}.pairing-field textarea{width:100%;resize:vertical;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:12px;font:inherit;color:#0f172a;background:#fff}.pairing-actions{display:flex;gap:10px;flex-wrap:wrap}.pairing-actions button{border:0;border-radius:999px;padding:10px 14px;background:#0f172a;color:#f8fafc;font-weight:700;cursor:pointer}.pairing-actions button:disabled{opacity:.5;cursor:not-allowed}.pairing-hint{margin:0;font-size:.82rem;font-weight:600}.pairing-ok{color:#166534}.pairing-error{color:#b91c1c}@media(max-width:900px){.pairing-dialog{padding:18px}.pairing-dialog-body{grid-template-columns:1fr}.pairing-qr-card{min-height:220px}}