:root{--indigo: #1A1036;--violet: #3F2D8C;--lilac: #D9D0F5;--ground: #F4F1FA;--white: #FFFFFF;--orange: #FF8A1F;--muted: #564A7A;--wide: "Unbounded","Arial Black",system-ui,sans-serif;--text: "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--lift-1: 0 1px 2px rgba(26,16,54,0.10),0 6px 16px rgba(26,16,54,0.10);--lift-2: 0 2px 4px rgba(26,16,54,0.10),0 14px 32px rgba(26,16,54,0.18);}*{box-sizing: border-box;margin: 0;padding: 0;}html{-webkit-text-size-adjust: 100%;}body{background: var(--indigo);color: var(--indigo);font-family: var(--text);font-weight: 400;line-height: 1.45;-webkit-font-smoothing: antialiased;}.wrap{position: relative;overflow: hidden;}.deco{display: none;}.screen{position: relative;z-index: 1;display: flex;flex-direction: column;min-height: 100dvh;background: var(--ground);border-radius: 0 0 28px 28px;overflow: hidden;padding: calc(14px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));}.bar{display: flex;align-items: center;gap: 12px;}.bar img{width: 52px;height: 52px;border-radius: 13px;box-shadow: var(--lift-1);display: block;}.bar .name{font-family: var(--wide);font-weight: 600;font-size: clamp(0.95rem,0.85rem + 0.5vw,1.1rem);letter-spacing: 0.01em;}h1{font-family: var(--wide);font-weight: 600;font-size: clamp(1.3rem,0.86rem + 2.2vw,1.7rem);line-height: 1.14;letter-spacing: -0.01em;margin-top: 16px;text-wrap: balance;}h1 .b{color: var(--violet);}.sub{margin-top: 8px;font-size: clamp(0.94rem,0.9rem + 0.2vw,1rem);color: var(--muted);max-width: 34ch;}.stack{position: relative;flex: 1 1 auto;min-height: 190px;max-height: 470px;margin-top: 16px;overscroll-behavior: contain;}.card{position: absolute;left: 0;right: 0;top: 0;bottom: 38px;border-radius: 26px;padding: 18px 20px 20px;display: flex;flex-direction: column;justify-content: space-between;box-shadow: var(--lift-2);transform-origin: 50% 100%;will-change: transform;touch-action: pan-y;user-select: none;-webkit-user-select: none;cursor: grab;-webkit-tap-highlight-color: transparent;transition: opacity 160ms cubic-bezier(0.2,0.8,0.2,1);}.card.grab{cursor: grabbing;}.card.off{pointer-events: none;}.card.fade{opacity: 0;}.card .top{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px;}.card .ch{font-family: var(--wide);font-weight: 600;font-size: clamp(0.7rem,0.66rem + 0.2vw,0.78rem);letter-spacing: 0.08em;text-transform: uppercase;}.card .num{font-family: var(--wide);font-weight: 600;font-size: clamp(2.6rem,1.9rem + 3.4vw,3.4rem);line-height: 0.9;}.card .t{font-family: var(--wide);font-weight: 600;font-size: clamp(1.5rem,1.1rem + 2vw,1.95rem);line-height: 1.05;}.card .l{margin-top: 6px;font-size: clamp(0.94rem,0.9rem + 0.2vw,1rem);max-width: 26ch;}.c1{background: var(--violet);color: var(--white);}.c1 .num{color: var(--lilac);}.c2{background: var(--lilac);color: var(--indigo);}.c2 .num{color: var(--violet);}.c3{background: var(--white);color: var(--indigo);}.c3 .num{color: var(--violet);}.c4{background: var(--indigo);color: var(--white);}.c4 .ch{color: var(--orange);}.tv{width: 64px;height: 48px;border-radius: 13px;background: var(--orange);display: grid;place-items: center;flex: none;}.tv svg{width: 22px;height: 22px;display: block;}.ctrl{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 4px 0 12px;}.ctrl .where{font-weight: 600;font-size: clamp(0.94rem,0.9rem + 0.2vw,1rem);}.ctrl .hint{font-size: clamp(0.8rem,0.78rem + 0.1vw,0.84rem);color: var(--muted);}.rocker{display: flex;gap: 8px;flex: none;}.rocker button{width: 46px;height: 46px;border: 0;border-radius: 15px;background: var(--white);color: var(--indigo);box-shadow: var(--lift-1);display: grid;place-items: center;cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 90ms cubic-bezier(0.2,0.8,0.2,1),opacity 120ms cubic-bezier(0.2,0.8,0.2,1);}.rocker button:active{transform: scale(0.94);}.rocker button:disabled{opacity: 0.35;cursor: default;}.rocker button:focus-visible{outline: 3px solid var(--violet);outline-offset: 2px;}.rocker svg{width: 20px;height: 20px;display: block;}.action{margin: auto calc(-20px - env(safe-area-inset-right)) 0 calc(-20px - env(safe-area-inset-left));padding: 14px calc(20px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));background: var(--white);border-radius: 24px 24px 0 0;box-shadow: 0 -1px 2px rgba(26,16,54,0.06),0 -10px 28px rgba(26,16,54,0.10);position: relative;z-index: 20;}.cta{display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 58px;border-radius: 18px;background: var(--orange);color: var(--indigo);font-family: var(--wide);font-weight: 600;font-size: clamp(0.98rem,0.9rem + 0.4vw,1.08rem);text-decoration: none;box-shadow: 0 1px 2px rgba(26,16,54,0.14),0 8px 18px rgba(255,138,31,0.32);-webkit-tap-highlight-color: transparent;transition: transform 90ms cubic-bezier(0.2,0.8,0.2,1);}.cta svg{width: 16px;height: 16px;display: block;}.cta:active{transform: scale(0.97);}.cta:focus-visible{outline: 3px solid var(--indigo);outline-offset: 3px;}.under{margin-top: 9px;text-align: center;font-size: clamp(0.82rem,0.8rem + 0.1vw,0.86rem);color: var(--muted);}.band{position: relative;z-index: 1;padding: 34px 24px 28px;color: var(--white);max-width: 430px;margin: 0 auto;}.band h2{font-family: var(--wide);font-weight: 600;font-size: clamp(1.05rem,0.9rem + 0.8vw,1.25rem);line-height: 1.2;color: var(--orange);}.band p{margin-top: 10px;font-size: clamp(0.96rem,0.92rem + 0.2vw,1.02rem);color: var(--lilac);}footer{position: relative;z-index: 1;padding: 6px 24px calc(26px + env(safe-area-inset-bottom));max-width: 430px;margin: 0 auto;font-family: var(--wide);font-weight: 600;font-size: clamp(0.78rem,0.76rem + 0.1vw,0.82rem);color: var(--lilac);}@media (hover: hover){.cta:hover{transform: scale(1.015);}.rocker button:not(:disabled):hover{transform: scale(1.05);}}@media (min-width: 760px){.wrap{padding: 24px 0 0;min-height: 100dvh;}.screen{width: 430px;margin: 0 auto;min-height: min(760px,calc(100dvh - 48px));border-radius: 34px;box-shadow: 0 2px 6px rgba(0,0,0,0.25),0 30px 70px rgba(0,0,0,0.35);padding-top: 22px;}.bar img{width: 64px;height: 64px;border-radius: 16px;}.deco{display: block;position: absolute;border-radius: 64px;}.deco.a{width: 560px;height: 420px;left: calc(50% - 760px);top: 110px;background: #24184B;transform: rotate(-9deg);}.deco.b{width: 420px;height: 320px;left: calc(50% + 300px);top: 380px;background: #24184B;transform: rotate(7deg);}.deco.c{width: 132px;height: 98px;border-radius: 28px;left: calc(50% + 330px);top: 150px;background: var(--orange);transform: rotate(7deg);}}@media (prefers-reduced-motion: reduce){.cta,.rocker button{transition: none;}}html,body{max-width:100%;overflow-x:clip}