:root{color:#101414;background:#f6f7f8;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--line-green: #06c755;--line-green-deep: #04a944;--text: #101414;--muted: #687174;--hairline: #dedede;--soft-line: #e8e9eb;--screen: #ffffff;--chip: #f5f6f7;--shadow-green: 0 20px 42px rgba(6, 199, 85, .24)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 25% 12%,rgba(6,199,85,.08),transparent 28%),linear-gradient(180deg,#fbfcfc,#eef4f1)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;display:flex;justify-content:center;background:var(--screen)}.app-screen{width:min(100%,430px);min-height:100vh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--screen)}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:28px 46px 0}.stepper-item{position:relative;display:grid;justify-items:center;gap:10px;color:#8d9296;font-size:15px;font-weight:600}.stepper-node{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;color:#72777a;background:#e8ecee;border:2px solid #d1d6d9;border-radius:999px;font-size:15px;font-weight:700;box-shadow:0 0 0 4px #fff}.stepper-node.is-active{color:#fff;background:linear-gradient(180deg,#0bd968,#05b84d);border-color:#e9fbf0;box-shadow:0 0 0 4px #06c75529,inset 0 1px #ffffff52}.stepper-item span.is-current,.stepper-node.is-active+span{color:var(--line-green-deep)}.stepper-line{position:absolute;top:15px;left:50%;width:100%;height:3px;background:#dbdddf}.stepper-line.is-active{background:var(--line-green)}.screen-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:34px 40px 18px}.start-screen{justify-content:flex-start}.qr-hero{width:268px;height:228px;margin:6px 0 0;overflow:hidden;border-radius:20px;background:#f7f9f8;box-shadow:inset 0 0 0 1px #10141409}.qr-hero img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%}.success-spark,.success-dot{position:absolute;display:block}.success-spark:before,.success-spark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:var(--line-green);border-radius:999px}.success-spark:before{width:5px;height:18px}.success-spark:after{width:18px;height:5px}.headline-block{width:100%;margin-top:42px;text-align:center}.headline-block.compact{margin-top:36px}.headline-block h1{margin:0;color:var(--text);font-size:29px;line-height:1.35;font-weight:700;letter-spacing:0}.headline-block p{margin:20px 0 0;color:#555e63;font-size:15px;line-height:1.7;font-weight:500}.time-chip{width:fit-content;display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 18px;color:#555f65;background:var(--chip);border:1px solid #edf0f1;border-radius:11px;font-size:14px;font-weight:600}.hero-button,.line-cta{width:100%;min-height:76px;display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-top:auto;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 35%),linear-gradient(180deg,#07cf5e,#04b94c);border:0;border-radius:12px;box-shadow:var(--shadow-green);font-size:22px;font-weight:700;cursor:pointer}.hero-button{margin-bottom:10px}.watch-screen{justify-content:flex-start;padding-top:46px}.cinema-panel{width:100%}.youtube-frame{display:block;width:100%;height:auto;aspect-ratio:16 / 9;overflow:hidden;background:#0f1112;border:0;border-radius:9px;box-shadow:0 9px 22px #00000021;pointer-events:none}.video-shell{position:relative;width:100%}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;background:transparent;border:0;border-radius:9px;cursor:pointer}.overlay-play,.overlay-pause{display:flex;align-items:center;justify-content:center;width:66px;height:66px;background:#0f11129e;border-radius:50%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-pause{opacity:0;transition:opacity .2s ease}.video-overlay:active .overlay-pause{opacity:1}.video-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.video-progress-track{flex:1;height:5px;overflow:hidden;background:#0f11121f;border-radius:999px}.video-progress-fill{height:100%;background:var(--line-green, #06c755);border-radius:999px;transition:width .4s linear}.video-progress-time{min-width:86px;color:#6b7280;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.playback-pill,.outline-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:28px;padding:0 26px;color:var(--line-green-deep);background:#d8f5e4;border:1px solid rgba(6,199,85,.1);border-radius:14px;font-size:15px;font-weight:600}.outline-action{color:#17211c;background:#fff;border-color:#d9dde0}.complete-screen{justify-content:flex-start;padding-top:46px}.success-hero{position:relative;width:290px;height:230px;display:grid;place-items:center}.success-mark{display:grid;place-items:center;width:158px;height:158px;color:#fff;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.18),transparent 33%),linear-gradient(180deg,#07cf5f,#04b64b);border-radius:999px;box-shadow:0 22px 45px #06c75538}.success-spark.spark-a{left:32px;top:34px;width:22px;height:22px}.success-spark.spark-b{right:34px;bottom:44px;width:22px;height:22px}.success-dot{background:var(--line-green);border-radius:999px}.success-dot.dot-a{left:18px;bottom:48px;width:7px;height:7px}.success-dot.dot-b{right:24px;top:78px;width:8px;height:8px}.success-dot.dot-c{right:74px;top:40px;width:8px;height:8px}.line-cta{min-height:74px;margin-top:30px;justify-content:space-between;padding:0 26px 0 32px;font-size:23px}.line-cta:disabled{cursor:wait;opacity:.76}.guide-button{width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;color:#17211c;background:#fff;border:1px solid #dfe3e6;border-radius:10px;font-size:14px;font-weight:600}.missing-screen{flex:1;display:grid;align-content:center;gap:14px;padding:48px 36px;text-align:center}.missing-screen h1{margin:0;font-size:25px}.missing-screen p{margin:0;color:var(--muted);line-height:1.7}@media(max-width:390px){.stepper{padding-inline:34px}.screen-content{padding-inline:28px}.qr-hero{width:250px;height:212px}.headline-block h1{font-size:27px}.hero-button,.line-cta{min-height:68px;font-size:20px}}