@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&family=Noto+Serif+JP:wght@500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";
.cpob-stage{z-index:0;background:radial-gradient(70% 55% at 50% 42%,#9b4dff1f,#0000 72%),radial-gradient(60% 50% at 50% 100%,#ff4ac812,#0000 70%),#08070d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cpob{color:#edeaf2;flex-direction:column;width:100%;max-width:700px;height:100%;font-family:Poppins,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.cpob *,.cpob :before,.cpob :after{box-sizing:border-box}.cpob-loading{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.cpob-load-logo{object-fit:contain;filter:drop-shadow(0 16px 34px #9b4dff73);width:92px;height:92px;animation:1.3s cubic-bezier(.5,0,.5,1) infinite cpob-bounce}.cpob-load-text{letter-spacing:.14em;color:#a39dbc;font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:600}@keyframes cpob-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.cpob .imm-loading{z-index:40;background:radial-gradient(70% 55% at 50% 42%,#9b4dff24,#0000 72%),#08070d;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .5s;display:flex;position:absolute;inset:0}.cpob .imm-loading.hide{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.cpob-load-logo{animation:none}}.cpob .ico{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px;display:inline-block}.cpob .body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.cpob ruby{ruby-position:over}.cpob ruby rt{color:#c6a8ff;font-family:Noto Serif JP,serif;font-size:.5em;font-weight:600}.cpob button{font-family:inherit}@keyframes cpob-spin{to{transform:rotate(360deg)}}@keyframes cpob-draw{to{stroke-dashoffset:0}}.cpob .spin{animation:1.1s linear infinite cpob-spin}.cpob.set-a{color:#f9fafb;background:#050816}.cpob .a-pad{min-height:0;padding:calc(22px + env(safe-area-inset-top,0px))24px calc(26px + env(safe-area-inset-bottom,0px));z-index:4;flex-direction:column;flex:1;display:flex;position:relative}.cpob .a-aura{z-index:0;background:radial-gradient(360px 300px at 50% 8%,#9b4dff57,#0000 60%),radial-gradient(300px 280px at 88% 2%,#ff4ac82e,#0000 60%),radial-gradient(340px 300px at 50% 96%,#ff9b4a1f,#0000 64%);position:absolute;inset:0}.cpob .a-grid{z-index:0;opacity:.5;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 58% at 50% 42%,#000,#0000 80%);mask-image:radial-gradient(72% 58% at 50% 42%,#000,#0000 80%)}.cpob .a-eyebrow{letter-spacing:.06em;color:#c6a8ff;background:#9b4dff21;border:1px solid #9b4dff6b;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;font-weight:700;display:inline-flex}.cpob .a-eyebrow .ico{width:14px;height:14px}.cpob.set-a h1{letter-spacing:-.01em;text-wrap:balance;margin:14px 0 10px;font-family:Nunito;font-size:30px;font-weight:800;line-height:1.16}.cpob .a-sub{color:#d6cfe8;margin:0;font-size:13.5px;line-height:1.55}.cpob .a-cast{flex:1;justify-content:center;align-items:flex-end;gap:2px;min-height:0;margin-top:12px;display:flex;position:relative}.cpob .a-cast:before{content:"";filter:blur(10px);background:radial-gradient(#9b4dff75,#0000 70%);border-radius:50%;width:250px;height:56px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cpob .a-cast img{object-fit:contain;width:auto;display:block;position:relative}.cpob .a-cast .side{filter:brightness(.8)saturate(.9);opacity:.92;height:200px}.cpob .a-cast .left{transform:scaleX(-1)}.cpob .a-cast .center{filter:drop-shadow(0 12px 30px #9b4dff73);height:250px}.cpob .a-foot{z-index:4;flex-direction:column;align-items:center;gap:13px;padding-top:8px;display:flex;position:relative}.cpob .a-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9b4dff,#ff4ac8);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:Nunito;font-size:15px;font-weight:800;display:flex;box-shadow:0 12px 30px #9b4dff66}.cpob .a-cta:disabled{opacity:.6;cursor:default}.cpob .a-cta .ico{width:18px;height:18px}.cpob .a-link{color:#a39dbc;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.cpob .a-link b{color:#c6a8ff}.cpob .a-skip{color:#a39dbc;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:13px;font-weight:600;text-decoration:underline}.cpob .a-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.cpob .a-medal{color:#fff;background:linear-gradient(135deg,#9b4dff,#ff4ac8);border-radius:50%;place-items:center;width:108px;height:108px;display:grid;box-shadow:0 12px 34px #9b4dff73}.cpob .a-medal .disc{place-items:center;display:grid}.cpob .a-medal .ico{stroke-width:2.4px;width:50px;height:50px}.cpob .a-unlock{letter-spacing:.12em;text-transform:uppercase;color:#ffc089;font-size:12px;font-weight:800}.cpob.set-a h2{margin:0;font-family:Nunito;font-size:22px;font-weight:800;line-height:1.28}.cpob .a-p{color:#d6cfe8;max-width:92%;margin:0;font-size:13px;line-height:1.55}.cpob .a-xpbar{width:100%;margin-top:4px}.cpob .a-xpbar .row{color:#c6a8ff;justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.cpob .a-xpbar .nx{color:#a39dbc;font-weight:600}.cpob .a-xptrack{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.cpob .a-xpfill{background:linear-gradient(90deg,#9b4dff,#ff4ac8);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.cpob .a-stats{gap:11px;width:100%;margin-top:6px;display:flex}.cpob .a-stats.g3 .a-stat{flex:1}.cpob .a-stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1326b8;border:1px solid #9b4dff2e;border-radius:18px;flex:1;padding:16px 10px}.cpob .a-stat .num{color:#c6a8ff;font-family:Nunito;font-size:24px;font-weight:800;line-height:1}.cpob .a-stat .num.xp{color:#ffc089}.cpob .a-stat .num.fire{color:#ff9b4a}.cpob .a-stat .cap{color:#a39dbc;margin-top:7px;font-size:11px;display:block}.cpob.set-a.qw{animation:.55s both cpob-screenin}@keyframes cpob-screenin{0%{opacity:0}to{opacity:1}}@keyframes cpob-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes cpob-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cpob-medalglow{0%,to{box-shadow:0 12px 34px #9b4dff73}50%{box-shadow:0 12px 44px #ff4ac899}}@keyframes cpob-xpfill{0%{width:0}}.cpob .qw .a-medal{animation:.62s cubic-bezier(.2,1.25,.4,1) both cpob-pop,2.4s ease-in-out .7s infinite cpob-medalglow}.cpob .qw .a-unlock{animation:.5s .28s both cpob-rise}.cpob .qw h2{animation:.5s .38s both cpob-rise}.cpob .qw .a-p{animation:.5s .48s both cpob-rise}.cpob .qw .a-xpbar{animation:.5s .58s both cpob-rise}.cpob .qw .a-xpfill{animation:1s cubic-bezier(.22,1,.36,1) .85s both cpob-xpfill}.cpob .qw .a-stats{animation:.5s .68s both cpob-rise}.cpob .qw .a-cta{animation:.5s .85s both cpob-rise}.cpob-confetti{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cpob-confetti span{opacity:0;will-change:transform,opacity;animation-name:cpob-confetti-fall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards;position:absolute;top:-18px}@keyframes cpob-confetti-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(105vh)rotate(var(--rot,540deg))}}@media (prefers-reduced-motion:reduce){.cpob-confetti{display:none}.cpob .qw .a-medal{animation:.4s both cpob-pop}.cpob .qw .a-unlock,.cpob .qw h2,.cpob .qw .a-p,.cpob .qw .a-xpbar,.cpob .qw .a-stats,.cpob .qw .a-cta{animation:none}}.cpob .a-savecard{background:#0f1326b8;border:1px solid #9b4dff2e;border-radius:18px;margin-bottom:18px;padding:14px}.cpob .a-sc-head{align-items:center;gap:11px;display:flex}.cpob .a-sc-av{background:#171c36;border:2px solid #9b4dff6b;border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.cpob .a-sc-av img{object-fit:cover;object-position:50% 12%;width:175%;height:175%;transform:translate(-22%,-4%)}.cpob .a-sc-t{flex:1;min-width:0}.cpob .a-sc-t .l1{font-size:13px;font-weight:700}.cpob .a-sc-t .l2{color:#a39dbc;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.cpob .a-sc-t .l2 .ico{color:#4fd08a;width:13px;height:13px}.cpob .a-sc-lock{color:#a39dbc;place-items:center;display:grid}.cpob .a-sc-lock .ico{width:18px;height:18px}.cpob .a-sc-chips,.cpob .a-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.cpob .a-sc-chip,.cpob .a-chip{color:#c6a8ff;background:#9b4dff21;border:1px solid #9b4dff4d;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600}.cpob .a-sc-chip.fire{color:#ffc089;background:#ff9b4a1f;border-color:#ff9b4a4d}.cpob .a-chips{justify-content:center;margin-top:14px}.cpob .a-field{background:#0f1326;border:1px solid #9b4dff2e;border-radius:14px;align-items:center;gap:10px;margin-bottom:11px;padding:14px 15px;display:flex}.cpob .a-field .ico{color:#a39dbc;width:18px;height:18px}.cpob .a-field input{color:#f9fafb;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.cpob .a-field input::placeholder{color:#6e6889}.cpob .a-or{align-items:center;gap:10px;margin:13px 0;display:flex}.cpob .a-or:before,.cpob .a-or:after{content:"";background:#9b4dff2e;flex:1;height:1px}.cpob .a-or span{color:#6e6889;font-size:11px;font-weight:600}.cpob .a-social{gap:10px;margin-bottom:8px;display:flex}.cpob .a-soc{color:#f9fafb;cursor:pointer;background:#0f1326;border:1px solid #9b4dff2e;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13px;font-weight:700;display:flex}.cpob .a-soc:disabled{opacity:.6;cursor:default}.cpob .a-soc .ico,.cpob .a-soc svg{width:18px;height:18px}.cpob .a-terms{color:#6e6889;text-align:center;font-size:10px;line-height:1.5}.cpob .a-orb{place-items:center;width:108px;height:108px;margin-bottom:4px;display:grid;position:relative}.cpob .a-orb:before{content:"";background:radial-gradient(circle,#ff9b4a42,#9b4dff2e 55%,#0000 72%);border-radius:50%;position:absolute;inset:-12px}.cpob .a-orb .r1{border:3px solid #ffffff1f;border-top-color:#ff9b4a;border-radius:50%;position:absolute;inset:0}.cpob .a-orb .r2{border:3px solid #ffffff1a;border-top-color:#9b4dff;border-radius:50%;animation-duration:1.7s;animation-direction:reverse;position:absolute;inset:9px}.cpob .a-orb .face{background:#171c36;border:1px solid #9b4dff6b;border-radius:50%;width:74px;height:74px;position:relative;overflow:hidden}.cpob .a-orb .face img{object-fit:cover;width:190%;max-width:none;height:auto;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.cpob .a-steps{flex-direction:column;gap:10px;width:100%;margin-top:22px;display:flex}.cpob .a-step{text-align:left;background:#0f13269e;border:1px solid #9b4dff2e;border-radius:16px;align-items:center;gap:12px;padding:14px 15px;display:flex}.cpob .a-step.work{background:#9b4dff29;border-color:#9b4dff6b}.cpob .a-sdot{border:2px solid #6e6889;border-radius:50%;flex-shrink:0;width:18px;height:18px}.cpob .a-step.work .a-sdot{border-color:#0000 #ff9b4a #ff9b4a}.cpob .a-step.done .a-sdot{background:#4fd08a;border-color:#4fd08a}.cpob .a-step .t{flex:1;font-size:13px;font-weight:600}.cpob .a-step .ck{color:#4fd08a;display:flex}.cpob .a-step .ck .ico{width:16px;height:16px}.cpob.beat{background:#0b1020}.cpob .imm{background:#0b1020;height:100%;position:relative;overflow:hidden}.cpob .imm-scrim{z-index:2;pointer-events:none;background:linear-gradient(#0206178c 0%,#02061700 22% 40%,#020617d1 100%);position:absolute;inset:0}.cpob .imm-back{top:calc(14px + env(safe-area-inset-top,0px));z-index:6;-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#02061780;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;left:16px}.cpob .imm-back .ico{width:19px;height:19px}.cpob .imm-prog{top:calc(16px + env(safe-area-inset-top,0px));z-index:6;-webkit-backdrop-filter:blur(7px);background:#02061775;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 11px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.cpob .imm-prog .cup{color:#ffc089;width:16px;height:16px}.cpob .imm-prog .dots{gap:6px;display:flex}.cpob .imm-prog .dots i{background:#ffffff47;border-radius:50%;width:7px;height:7px;display:block}.cpob .imm-prog .dots i.done{background:#9b4dff}.cpob .imm-prog .dots i.now{background:#ff9b4a;box-shadow:0 0 0 3px #ff9b4a47}.cpob .imm-guest{top:calc(14px + env(safe-area-inset-top,0px));z-index:6;letter-spacing:.08em;text-transform:uppercase;color:#c6a8ff;-webkit-backdrop-filter:blur(6px);background:#02061775;border:1px solid #9b4dff6b;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;right:16px}.cpob .imm-guest .ico{width:11px;height:11px}.cpob .imm-overlay{z-index:30;flex-direction:column;max-height:86%;display:flex;position:absolute;bottom:0;left:0;right:0}.cpob .imm-overlay.reacting{padding-bottom:104px}.cpob .imm-chat{flex-direction:column;padding:6px 16px 2px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 28px);mask-image:linear-gradient(#0000 0,#000 28px)}.cpob .imm-spk{-webkit-backdrop-filter:blur(6px);color:#ffffffe6;cursor:pointer;background:#1b004e66;border:1px solid #ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 6px 18px #1b004eb3}.cpob .imm-spk .ico{width:16px;height:16px}.cpob .imm-spk:disabled{opacity:.55}.cpob .imm-answers{padding:12px 16px 4px}.cpob .imm-ans-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;justify-content:flex-end;align-items:center;gap:7px;margin:0 0 9px;font-size:10px;font-weight:800;display:flex}.cpob .imm-ans-label .ico{width:13px;height:13px}.cpob .ans-stack{flex-direction:column;gap:9px;display:flex}.cpob .jcard{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;text-align:left;background:#0b10209e;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:3px;width:100%;padding:12px 14px;transition:border-color .15s cubic-bezier(.22,1,.36,1);display:flex;position:relative;box-shadow:0 6px 18px #0000004d}.cpob .jcard .j-spk{color:#ffffffe6;background:#1b004e66;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:10px;right:10px}.cpob .jcard .j-spk .ico{width:14px;height:14px}.cpob .jcard .j-jp{padding-right:30px;font-family:Noto Serif JP,serif;font-size:17px;font-weight:600;line-height:1.55}.cpob .jcard .j-ro{color:#ffffffd1;font-size:11.5px}.cpob .jcard .j-id{color:#ffffff8c;font-size:11px}.cpob .jcard.sel{background:#9b4dff80;border-color:#c79bff;box-shadow:0 0 0 1.5px #c79bff,0 8px 22px #9b4dff66}.cpob .jcard.sel .j-ro{color:#ffffffe6}.cpob .jcard.sel .j-id{color:#fffc}.cpob .jcard.sel .j-spk{background:#fff3}.cpob .jcard.sel ruby rt{color:#ebddff}.cpob .jgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cpob .jcard.mini{gap:2px;padding:10px 12px}.cpob .jcard.mini .j-jp{padding-right:24px;font-size:15px}.cpob .jcard.mini .j-spk{width:24px;height:24px;top:8px;right:8px}.cpob .jcard.mini .j-spk .ico{width:12px;height:12px}.cpob .jcard.mini .j-ro{font-size:10.5px}.cpob .jcard.mini .j-id{font-size:10px}.cpob .age-block{padding:8px 16px 2px}.cpob .age-say-bub{-webkit-backdrop-filter:blur(8px);background:#ff9b4a29;border:1px solid #ff9b4a5c;border-radius:18px;margin-bottom:8px;padding:11px 14px}.cpob .age-say-row{align-items:flex-start;gap:10px;display:flex}.cpob .age-say{color:#fff;flex:1;font-family:Noto Serif JP,serif;font-size:19px;font-weight:600;line-height:1.6}.cpob .age-ro{color:#ffffffd9;margin-top:5px;font-size:12px}.cpob .age-lesson{color:#ffe0bd;background:#ff9b4a1a;border:1px dashed #ff9b4a6b;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px 10px;font-size:11px;line-height:1.4;display:flex}.cpob .age-lesson .ico{color:#ffc089;flex-shrink:0;width:14px;height:14px;margin-top:1px}.cpob .age-lesson b{color:#ffd9b0}.cpob .age-wheel{justify-content:center;height:150px;display:flex;position:relative}.cpob .age-scroll{scroll-snap-type:y mandatory;text-align:center;scrollbar-width:none;width:130px;height:150px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.cpob .age-scroll::-webkit-scrollbar{display:none}.cpob .age-scroll .num{color:#ffffff5c;scroll-snap-align:center;height:50px;font-family:Nunito,sans-serif;font-size:22px;font-weight:800;line-height:50px}.cpob .age-scroll .num.cur{color:#fff;font-size:30px}.cpob .age-scroll .num.pad{height:50px}.cpob .age-band{pointer-events:none;border-top:1px solid #fff3;border-bottom:1px solid #fff3;width:130px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cpob .age-unit{color:#ffc089;font-family:Noto Serif JP,serif;font-size:15px;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cpob .imm-rec{padding:10px 22px calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.cpob .imm-rec-hint{color:#ffffffd9;text-shadow:0 1px 4px #00000080;text-align:center;min-height:15px;font-size:11.5px;font-weight:700}.cpob .imm-rec-row{justify-content:center;align-items:center;gap:30px;display:flex}.cpob .imm-tool{-webkit-backdrop-filter:blur(6px);color:#ffffffd9;cursor:pointer;background:#02061780;border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cpob .imm-tool .ico{width:20px;height:20px}.cpob .imm-tool.on{color:#ffc089;background:#ff9b4a29;border-color:#ff9b4a80}.cpob .imm-tool:disabled{opacity:.5}.cpob .imm-mic{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9b4dff 0%,#ff4ac8 50%,#ff9b4a 100%);border:0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 14px 36px #ff4ac86b}.cpob .imm-mic.sm{width:54px;height:54px}.cpob .imm-mic.sm .ico{width:24px;height:24px}.cpob .imm-mic.listening{animation:1.6s ease-in-out infinite cpob-micpulse;transform:scale(1.06);box-shadow:0 0 0 4px #ff4ac847,0 0 28px #ff4ac899,0 14px 36px #ff4ac873}.cpob .imm-mic.listening:before,.cpob .imm-mic.listening:after{content:"";pointer-events:none;border:2px solid #ff4ac8b3;border-radius:50%;animation:1.8s ease-out infinite cpob-micsonar;position:absolute;inset:-3px}.cpob .imm-mic.listening:after{animation-delay:.9s}.cpob .imm-mic.busy{opacity:.7}.cpob .imm-mic .ico{z-index:1;width:30px;height:30px;position:relative}@keyframes cpob-micpulse{0%,to{box-shadow:0 0 0 4px #ff4ac847,0 0 22px #ff4ac880,0 14px 36px #ff4ac866}50%{box-shadow:0 0 0 7px #ff4ac829,0 0 34px #ff4ac8b3,0 14px 36px #ff4ac866}}@keyframes cpob-micsonar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.cpob .imm-typed{padding:14px 16px calc(6px + env(safe-area-inset-bottom,0px))}.cpob .imm-typed.solo{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}.cpob .imm-typed-bar{-webkit-backdrop-filter:blur(10px);background:#0b10209e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 18px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 8px 24px #00000061}.cpob .imm-typed-bar:focus-within{border-color:#c79bffb3;box-shadow:0 0 0 1px #c79bff73,0 10px 28px #9b4dff4d}.cpob .imm-typed input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 0;font-size:15px}.cpob .imm-typed input::placeholder{color:#ffffff6b}.cpob .imm-typed button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b4dff,#ff4ac8);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .14s,opacity .18s,box-shadow .18s;display:flex;box-shadow:0 6px 18px #ff4ac86b}.cpob .imm-typed button .ico{width:20px;height:20px}.cpob .imm-typed button:disabled{color:#fff6;box-shadow:none;cursor:default;background:#ffffff1f}.cpob .imm-typed button:not(:disabled):active{transform:scale(.93)}.cpob .imm-confirm{margin:4px 16px calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);background:#0b1020b8;border:1px solid #ffffff24;border-radius:20px;padding:16px;box-shadow:0 10px 28px #0006}.cpob .imm-confirm-name{color:#fff;text-align:center;font-family:Nunito,sans-serif;font-size:22px;font-weight:800}.cpob .imm-confirm-jp{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:24px;margin-top:8px;display:flex}.cpob .imm-confirm-jp .lbl{color:#a39dbc;font-size:11px}.cpob .imm-confirm-jp .val{color:#c6a8ff;font-family:Noto Serif JP,serif;font-size:20px;font-weight:600}.cpob .imm-confirm-jp .imm-spk.sm{width:24px;height:24px;box-shadow:none}.cpob .imm-confirm-jp .imm-spk.sm .ico{width:13px;height:13px}.cpob .imm-confirm-loading{color:#a39dbc;font-size:12px}.cpob .imm-confirm-romaji{text-align:center;color:#a39dbc;text-transform:capitalize;margin-top:4px;font-size:12.5px;font-weight:600}.cpob .imm-confirm-pick-id{text-align:center;color:#edeaf2;margin-top:8px;font-size:13px;font-weight:700}.cpob .imm-confirm-q{text-align:center;color:#ffffffd1;margin:12px 0;font-size:12.5px}.cpob .imm-confirm-actions{gap:10px;display:flex}.cpob .imm-confirm-edit{color:#edeaf2;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:14px;flex:none;padding:13px 18px;font-size:14px;font-weight:700}.cpob .imm-confirm-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b4dff,#ff4ac8);border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:13px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;display:flex;box-shadow:0 10px 26px #ff4ac85c}.cpob .imm-confirm-ok .ico{width:17px;height:17px}.cpob .imm-confirm-edit:disabled{opacity:.45;cursor:default}.cpob .imm-confirm-ok:disabled{opacity:.55;cursor:default;box-shadow:none;filter:saturate(.7)}.cpob.set-f{color:#f9fafb;background:#0b1020}.cpob .f-pad{flex-direction:column;flex:1;min-height:0;padding:30px 26px 26px;display:flex;position:relative;overflow:hidden}.cpob .f-deco{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cpob .f-pad>:not(.f-deco){z-index:1;position:relative}.cpob .f-av{color:#c6a8ff;background:#9b4dff21;border:1px solid #9b4dff6b;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:16px;display:grid}.cpob .f-av .ico{width:28px;height:28px}.cpob.set-f h1{margin:0 0 6px;font-family:Nunito;font-size:27px;font-weight:800}.cpob .f-sub{color:#a39dbc;margin:0 0 22px;font-size:13px;line-height:1.5}.cpob .f-label{letter-spacing:.04em;color:#a39dbc;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.cpob .f-input{background:#0f1326;border:1px solid #9b4dff2e;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:14px 15px;display:flex}.cpob .f-input .ico{color:#a39dbc;width:18px;height:18px}.cpob .f-input input{color:#f9fafb;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.cpob .f-input input::placeholder{color:#6e6889}.cpob .f-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9b4dff,#ff4ac8);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:Nunito;font-size:15px;font-weight:800;display:flex;box-shadow:0 12px 30px #9b4dff66}.cpob .f-cta:disabled{opacity:.6;cursor:default}.cpob .f-cta .ico{width:18px;height:18px}.cpob .f-or{text-align:center;color:#6e6889;margin:18px 0;font-size:11px;font-weight:600}.cpob .f-socrow{justify-content:center;gap:14px;margin-bottom:8px;display:flex}.cpob .f-circ{cursor:pointer;background:#0f1326;border:1px solid #9b4dff2e;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.cpob .f-circ:disabled{opacity:.6;cursor:default}.cpob .f-circ svg{width:24px;height:24px}.cpob .f-bottom{text-align:center;color:#a39dbc;margin-top:auto;padding-top:18px;font-size:13px}.cpob .f-bottom b{color:#c6a8ff;cursor:pointer}.cpob .cpob-banner{border-radius:12px;margin-bottom:12px;padding:11px 13px;font-size:12.5px;line-height:1.45}.cpob .cpob-banner.err{color:#ffb4c4;background:#ff4a781f;border:1px solid #ff4a7859}.cpob .cwt{background:#050816;position:absolute;inset:0;overflow:hidden}.cpob .cwt>*{pointer-events:none}.cpob .cwt-top,.cpob .cwt-foot{pointer-events:auto}.cpob .cwt-cafebg{object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)}.cpob .cwt-aurora{z-index:2;opacity:1;background:radial-gradient(360px 300px at 50% 6%,#9b4dff57,#0000 60%),radial-gradient(300px 280px at 88% 0,#ff4ac82e,#0000 60%),radial-gradient(340px 300px at 50% 98%,#ff9b4a1f,#0000 64%);position:absolute;inset:0}.cpob .cwt-grid{z-index:2;opacity:.5;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 56% at 50% 40%,#000,#0000 80%);mask-image:radial-gradient(72% 56% at 50% 40%,#000,#0000 80%)}.cpob .cwt-glow{z-index:2;filter:blur(11px);opacity:1;background:radial-gradient(#9b4dff80,#0000 70%);border-radius:50%;width:320px;height:70px;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.cpob .cwt-hero{z-index:4;transform-origin:bottom;filter:drop-shadow(0 12px 30px #9b4dff73);width:auto;max-width:none;height:95vh;position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%)translateY(28%);-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}@media (max-width:385px),(max-height:740px){.cpob .cwt-hero{height:88vh;transform:translate(-50%)translateY(26%)}}.cpob .cwt-scrim{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(#0206178c 0%,#02061700 22% 40%,#020617d1 100%);position:absolute;inset:0}.cpob .cwt-topscrim{z-index:6;pointer-events:none;background:linear-gradient(#050816f0 0%,#050816cc 30%,#0508166b 62%,#05081600 100%);height:50%;position:absolute;top:0;left:0;right:0}.cpob .cwt-botscrim{z-index:6;pointer-events:none;background:linear-gradient(#05081600 0%,#050816a3 60%,#050816eb 100%);height:34%;position:absolute;bottom:0;left:0;right:0}.cpob .cwt-top{top:calc(clamp(16px,5vh,54px) + env(safe-area-inset-top,0px));z-index:7;opacity:1;padding:30px 34px;position:absolute;left:0;right:0}.cpob .cwt-eyebrow{letter-spacing:.05em;color:#c6a8ff;background:#9b4dff21;border:1px solid #9b4dff6b;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;font-weight:700;display:inline-flex}.cpob .cwt-eyebrow .ico{fill:currentColor;stroke:none;width:13px;height:13px}.cpob .cwt-top h1{letter-spacing:-.01em;color:#fff;margin:14px 0 9px;font-family:Nunito;font-size:27px;font-weight:800;line-height:1.18}.cpob .cwt-top .sub{color:#d6cfe8;margin:0;font-size:13px;line-height:1.5}.cpob .cwt-foot{left:0;right:0;bottom:calc(clamp(48px,8vh,88px) + env(safe-area-inset-bottom,0px));z-index:7;opacity:1;flex-direction:column;align-items:center;gap:13px;padding:0 34px;display:flex;position:absolute}.cpob .cwt-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9b4dff,#ff4ac8);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:Nunito;font-size:15px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #9b4dff66}.cpob .cwt-cta .ico{width:18px;height:18px}.cpob .cwt-ripple{opacity:0;pointer-events:none;background:#ffffff80;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.cpob .cwt-link{cursor:pointer;color:#a39dbc;background:0 0;border:0;font-size:13px;font-weight:600}.cpob .cwt-link b{color:#c6a8ff}.cpob .cwt-skip{cursor:pointer;color:#7e789a;text-underline-offset:3px;background:0 0;border:0;font-size:12.5px;font-weight:600;text-decoration:underline}@media (max-width:385px),(max-height:740px){.cpob .cwt-top{top:calc(12px + env(safe-area-inset-top,0px));padding-top:10px;padding-bottom:10px}.cpob .cwt-top h1{font-size:24px}.cpob .cwt-foot{bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:9px}.cpob .cwt-cta{padding:12px;font-size:14px;box-shadow:0 8px 22px #9b4dff5c}.cpob .cwt-cta .ico{width:16px;height:16px}}.cpob .cwt-cc{z-index:30;opacity:0}.cpob .cwt-cc.back{-webkit-backdrop-filter:blur(6px);color:#fff;background:#02061780;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:14px;left:16px}.cpob .cwt-cc.back .ico{width:19px;height:19px}.cpob .cwt-cc.prog{-webkit-backdrop-filter:blur(7px);background:#02061775;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 11px;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.cpob .cwt-cc.prog .cup{color:#ffc089;width:16px;height:16px}.cpob .cwt-cc.prog .dots{gap:6px;display:flex}.cpob .cwt-cc.prog .dots i{background:#ffffff47;border-radius:50%;width:7px;height:7px;display:block}.cpob .cwt-cc.prog .dots i.now{background:#ff9b4a;box-shadow:0 0 0 3px #ff9b4a47}.cpob .cwt-cc.guest{letter-spacing:.08em;text-transform:uppercase;color:#c6a8ff;-webkit-backdrop-filter:blur(6px);background:#02061775;border:1px solid #9b4dff6b;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:14px;right:16px}.cpob .cwt-cc.guest .ico{width:11px;height:11px}.cpob .cwt-conv{z-index:30;flex-direction:column;padding:0 16px;display:flex;position:absolute;bottom:120px;left:0;right:0}.cpob .cwt-bub{opacity:0}.cpob .cwt-rec{z-index:30;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:24px;left:0;right:0}.cpob .cwt-rec-hint{opacity:0;color:#ffffffe0;text-shadow:0 1px 4px #00000080;font-size:11.5px;font-weight:700}.cpob .cwt-micwrap{width:72px;height:72px;position:relative}.cpob .cwt-micring{opacity:0;border:2px solid #ff4ac899;border-radius:50%;position:absolute;inset:0}.cpob .cwt-mic{color:#fff;opacity:0;background:linear-gradient(135deg,#9b4dff,#ff4ac8,#ff9b4a);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(.6);box-shadow:0 14px 36px #ff4ac86b}.cpob .cwt-mic .ico{width:30px;height:30px}.cpob .cwt.armed .cwt-cta{animation:.24s .3s both cwt-ctaPress}.cpob .cwt.armed .cwt-ripple{animation:.56s ease-out .32s both cwt-ripple}.cpob .cwt.armed .cwt-top{animation:.3s .36s both cwt-fadeUpOut}.cpob .cwt.armed .cwt-foot{animation:.3s .38s both cwt-fadeDnOut}.cpob .cwt.armed .cwt-aurora,.cpob .cwt.armed .cwt-grid,.cpob .cwt.armed .cwt-topscrim,.cpob .cwt.armed .cwt-botscrim,.cpob .cwt.armed .cwt-glow{animation:.36s .44s both cwt-dim}.cpob .cwt.armed .cwt-cafebg{animation:.52s .48s both cwt-bgIn}.cpob .cwt.armed .cwt-hero{animation:.46s .28s both cwt-yuiOut}.cpob .cwt.armed .cwt-scrim{animation:.34s .82s both cwt-appear}.cpob .cwt.armed .cwt-cc.back{animation:.32s cubic-bezier(.22,1,.36,1) .94s both cwt-ccIn}.cpob .cwt.armed .cwt-cc.prog{animation:.32s cubic-bezier(.22,1,.36,1) 1s both cwt-ccInMid}.cpob .cwt.armed .cwt-cc.guest{animation:.32s cubic-bezier(.22,1,.36,1) 1.06s both cwt-ccIn}.cpob .cwt.armed .cwt-bub.b1{animation:.32s cubic-bezier(.22,1,.36,1) 1.2s both cwt-bubIn}.cpob .cwt.armed .cwt-bub.b2{animation:.32s cubic-bezier(.22,1,.36,1) 1.43s both cwt-bubIn}.cpob .cwt.armed .cwt-rec-hint{animation:.3s 1.9s both cwt-appearUp}.cpob .cwt.armed .cwt-mic{animation:.38s cubic-bezier(.34,1.56,.64,1) 1.98s both cwt-micPop}.cpob .cwt.armed .cwt-micring{animation:.76s ease-out 2.18s both cwt-ping}@keyframes cwt-ctaPress{0%{transform:scale(1)}45%{transform:scale(.94)}to{transform:scale(1)}}@keyframes cwt-ripple{0%{opacity:.55;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(26)}}@keyframes cwt-fadeUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes cwt-fadeDnOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@keyframes cwt-outLeft{0%{opacity:.92;transform:scaleX(-1)translate(0)}to{opacity:0;transform:scaleX(-1)translate(-60px)}}@keyframes cwt-outRight{0%{opacity:.92;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes cwt-dim{0%{opacity:1}to{opacity:0}}@keyframes cwt-bgIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes cwt-yuiOut{0%{opacity:1;transform:translate(-50%)translateY(28%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(34%)scale(.96)}}@keyframes cwt-appear{0%{opacity:0}to{opacity:1}}@keyframes cwt-appearUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cwt-ccIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cwt-ccInMid{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes cwt-bubIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cwt-micPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes cwt-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.cpob .cwt.armed *{animation:none!important}}@media (prefers-reduced-motion:no-preference){.cpob .anim{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) both cpob-fadeUp}.cpob .anim.d1{animation-delay:50ms}.cpob .anim.d2{animation-delay:.13s}.cpob .anim.d3{animation-delay:.21s}.cpob .anim.d4{animation-delay:.29s}@keyframes cpob-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.cpob .imm-mic.listening{animation:none}.cpob .imm-mic.listening:before,.cpob .imm-mic.listening:after{opacity:0;animation:none}}