:root{font-family:Inter,"Segoe UI","Noto Sans JP",sans-serif;color:#f8f6ff;background:#181329;font-synthesis:none;--purple:#bb9dff;--muted:#b8afcd;--line:#ffffff20}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 35%,#43295766,transparent 55%),#181329;min-height:100vh}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ddff9b;outline-offset:4px}[hidden]{display:none!important}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5vw}header{border-bottom:1px solid var(--line)}.brand{font-size:40px;font-weight:800;letter-spacing:-3px;text-decoration:none;color:inherit}.brand span{font-size:25px;color:var(--purple);margin-left:5px}.event,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.event{color:var(--muted);margin-right:auto;margin-left:24px}.text-button{color:var(--muted);border:0;background:none;font-size:12px;padding:8px}main{max-width:1180px;margin:auto;padding:30px 32px 50px}.steps{display:flex;align-items:center;gap:16px;font-size:12px;color:#81778f}.steps i{width:44px;height:1px;background:var(--line)}.steps .active{color:#d6ff9b}.demo-banner{display:inline-block;margin-top:22px;padding:9px 13px;border:1px solid #b99fff30;border-radius:8px;font-size:11px;color:#c6b9df}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:570px;gap:40px}.eyebrow{color:#d5ff9d;margin-bottom:24px}h1{font-size:clamp(34px,4.8vw,62px);line-height:1.15;font-weight:600;letter-spacing:-2px;margin:0 0 24px}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:460px}.language-options{display:flex;gap:12px;margin-top:36px}.primary,.secondary{min-height:54px;padding:16px 25px;border-radius:12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:30px;font-weight:600}.primary{color:#231434;background:#c0a3ff;border-color:#c0a3ff}.primary:hover{background:#d0baff}.secondary{background:#ffffff06;color:#fff}.secondary:hover{background:#ffffff12}.fine{font-size:12px;line-height:1.8;color:#a69bbb;margin-top:18px}.machine-scene{position:relative;height:460px;display:flex;align-items:center;justify-content:center}.machine{position:relative;z-index:1;width:255px;filter:drop-shadow(0 25px 25px #0b071d80);transform:rotate(-6deg)}.machine-label{margin:auto;width:200px;padding:14px;text-align:center;border-radius:16px 16px 0 0;background:#d0b1ff;color:#3f215b;font-size:10px;font-weight:800;letter-spacing:2px}.globe{height:205px;width:240px;margin:auto;border-radius:50% 50% 20% 20%;border:7px solid #ece1ff;background:linear-gradient(130deg,#ffffff50,#b09ad02e);position:relative;overflow:hidden;box-shadow:inset 14px 8px 18px #ffffff26}.globe:after{content:"";position:absolute;left:24px;top:23px;width:20px;height:82px;border-radius:30px;background:#ffffff70;transform:rotate(25deg)}.ball{position:absolute;width:64px;height:64px;border-radius:50%;background:linear-gradient(#d0ff8b 50%,#f0ffe0 50%);border:2px solid #ffffff90;box-shadow:inset -6px -5px 10px #0002;transform:rotate(25deg)}.ball-0{left:5px;bottom:5px}.ball-1{left:65px;bottom:0;background:linear-gradient(#ad8aef 50%,#eee4ff 50%)}.ball-2{left:129px;bottom:8px;background:linear-gradient(#ffb198 50%,#ffede5 50%)}.ball-3{left:170px;bottom:54px}.ball-4{left:90px;bottom:58px;background:linear-gradient(#ffc0e1 50%,#ffedf7 50%)}.ball-5{left:18px;bottom:69px;background:linear-gradient(#b7d9ff 50%,#eff7ff 50%)}.ball-6{left:134px;bottom:111px;background:linear-gradient(#ad8aef 50%,#eee4ff 50%)}.ball-7{left:66px;bottom:115px}.ball-8{left:37px;bottom:156px;background:linear-gradient(#ffb198 50%,#ffede5 50%)}.machine-base{height:155px;border-radius:16px 16px 35px 35px;background:linear-gradient(110deg,#ba92f0,#8d5cc7);margin-top:-9px;position:relative;border:3px solid #c5a2ee;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.dial{border:6px solid #ded0f4;border-radius:50%;width:64px;height:64px;background:#f7f0ff;color:#8153b7;font-size:42px;display:grid;place-content:center}.slot{width:100px;height:37px;border-radius:10px 10px 22px 22px;background:#342144;border:5px solid #c2a1e8}.machine-foot{height:10px;width:190px;margin:auto;background:#825caf;border-radius:0 0 8px 8px}.pedestal{position:absolute;bottom:18px;height:70px;width:330px;border-radius:50%;background:linear-gradient(#49345e,#271d38);border-top:2px solid #694a89}.orbit{position:absolute;color:#d8ff9d;font-size:50px}.orbit-one{top:45px;right:30px}.orbit-two{left:0;bottom:85px;color:#c3a4ff;font-size:35px}.survey-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;margin-top:45px}.survey-layout h1{font-size:40px}.survey-layout .machine-scene{height:330px}.survey-layout .machine{transform:rotate(-6deg) scale(.7)}.survey-layout .pedestal{bottom:0;width:250px}.card{padding:30px;background:#ffffff05;border:1px solid var(--line);border-radius:20px}label,legend{font-size:14px;line-height:1.6}form>label{display:block;margin-bottom:24px}select,input[type=email]{width:100%;background:#231c36;color:#f8f6ff;border:1px solid #ffffff30;border-radius:9px;padding:13px;margin-top:8px}fieldset{border:0;margin:0 0 22px;padding:0}legend{font-weight:600}.benefit{font-size:12px;color:#d3bdff;line-height:1.7}.radio{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:9px;margin-top:9px;cursor:pointer}.radio:has(input:checked){border-color:#bda1ef;background:#bda1ef12}input[type=radio]{accent-color:#bd9fff;width:18px;height:18px}summary{font-size:12px;color:#d0b9f2;cursor:pointer}table{width:100%;font-size:12px;border-collapse:collapse;margin-top:12px;text-align:left}td,th{padding:9px 5px;border-bottom:1px solid var(--line)}.full{width:100%}.error{color:#ffbcae;font-size:13px}.draw-layout{text-align:center;padding-top:45px}.draw-layout .lead{margin:auto}.draw-layout .machine-scene{max-width:470px;margin:auto}.draw-layout h1{font-size:44px}.draw-layout .primary{min-width:250px}.is-drawing .machine{animation:shake .25s infinite}.is-drawing .dial{animation:spin .7s linear infinite}.result-layout{text-align:center;padding:55px 0;max-width:650px;margin:auto}.result-layout h1{font-size:43px}.result-layout .lead{margin:auto}.result-capsule{width:125px;height:125px;border-radius:50%;background:linear-gradient(#c4a5ff 50%,#efe5ff 50%);color:#563c7c;font-size:52px;display:grid;place-items:center;margin:0 auto 32px;box-shadow:0 0 90px #b38aef40;transform:rotate(-12deg)}.ticket{margin:30px auto;padding:25px;border:1px dashed #a98acb;border-radius:16px;background:#ffffff06;max-width:430px}.ticket span{display:block;font-size:11px;color:var(--muted)}.ticket strong{display:block;letter-spacing:2px;margin-top:12px}.ticket p{font-size:12px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);color:#9e91b4;font-size:11px}html[lang=ja] h1{letter-spacing:-1px;line-height:1.4}html[lang=ja] .hero h1{font-size:48px}@keyframes shake{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){header,footer{padding:20px;gap:12px}.event{display:none}main{padding:24px 20px 40px}.steps{gap:10px;font-size:11px}.steps i{width:20px}.demo-banner{line-height:1.7}.hero{grid-template-columns:1fr;gap:5px;padding-top:40px}.hero-copy{text-align:center}.hero h1{font-size:40px}.lead{margin-left:auto;margin-right:auto}.language-options{justify-content:center}.language-options button{flex:1;padding:15px;gap:15px}.machine-scene{height:390px}.machine{transform:rotate(-6deg) scale(.85)}.pedestal{width:270px;bottom:8px}.orbit-one{right:5px;top:20px}.survey-layout{grid-template-columns:1fr;gap:20px;margin-top:30px}.survey-layout aside .machine-scene{display:none}.survey-layout h1{font-size:30px}.card{padding:22px}.draw-layout h1,.result-layout h1{font-size:32px}html[lang=ja] .hero h1{font-size:37px}footer{flex-wrap:wrap}.draw-layout .machine-scene{height:390px}.result-layout{padding-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.staff-check{margin:0 auto;max-width:430px;padding:22px;border-radius:16px;border:1px solid var(--line);background:#ffffff08}
.staff-check p{margin:0 0 14px;font-size:12px;color:var(--muted);line-height:1.7}
.staff-check .primary{width:100%}
.staff-check .primary.is-armed{background:#ffd27a;border-color:#ffd27a}
.staff-check .fine{margin:12px 0 0}
.staff-check.is-done{display:flex;flex-direction:column;gap:8px;border-color:#8fe3b0;background:#8fe3b014}
.staff-check.is-done strong{color:#8fe3b0;font-size:22px}
.staff-check.is-done span{font-size:12px;color:var(--muted)}
input[type=text]{width:100%;background:#231c36;color:#f8f6ff;border:1px solid #ffffff30;border-radius:9px;padding:13px;margin-top:8px}fieldset>label:not(.radio){display:block;margin-top:14px}input[type=checkbox]{accent-color:#bd9fff;width:18px;height:18px}.radio:has(input:disabled){opacity:.45;cursor:not-allowed}input.other{margin-top:9px}