.cp-page{position:fixed;inset:0;background:#050308;align-items:center;justify-content:center}.cp-page,.cp-root{display:flex;overflow:hidden}.cp-root{position:relative;width:100%;height:100%;background:#050816;font-family:inherit;flex-direction:column;justify-content:space-between}@media (min-width:600px){.cp-root{width:min(430px,92vw);height:min(860px,92vh);aspect-ratio:9/16;border-radius:44px;border:8px solid rgba(0,0,0,.9);box-shadow:0 48px 140px rgba(0,0,0,.6)}}.cp-video{width:100%;height:100%;object-fit:cover}.cp-gradient,.cp-video{position:absolute;inset:0}.cp-gradient{background:linear-gradient(180deg,rgba(13,9,28,.32) 0,rgba(13,9,28,.2) 45%,rgba(13,9,28,.62))}.cp-top{position:relative;z-index:1;padding:max(20px,env(safe-area-inset-top)) 20px 0;display:flex;flex-direction:column;gap:12px;max-width:720px}.cp-back-icon{width:36px;height:36px;border-radius:999px;background:rgba(19,13,42,.45);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.85);font-size:1.4rem;line-height:1;cursor:pointer}.cp-back-icon:hover{background:rgba(19,13,42,.65)}.cp-dialogue-wrap{display:flex;flex-direction:column}.cp-nameplate{align-self:flex-start;margin-left:20px;margin-bottom:-10px;padding:6px 16px;border-radius:10px;border:1px solid transparent;font-size:.72rem;font-weight:800;letter-spacing:1.2px;color:#fff;z-index:1;position:relative}.cp-nameplate-outlier{background:rgba(86,48,156,.95);border-color:rgba(167,139,250,.4)}.cp-nameplate-visionary{background:rgba(37,99,235,.95);border-color:rgba(147,197,253,.5)}.cp-box{background:rgba(19,13,42,.82);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 24px 18px;min-height:110px}.cp-dialogue-text{margin:0;font-size:1.12rem;line-height:1.5;font-weight:500;color:#fff}.cp-bottom{position:relative;z-index:1;padding:0 20px max(20px,env(safe-area-inset-bottom));flex-direction:column;gap:10px}.cp-action-row,.cp-bottom{display:flex;align-items:center}.cp-action-row{width:100%;max-width:720px;justify-content:space-between;gap:12px}.cp-btn{border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:700;color:#fff;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cp-btn-primary{background:linear-gradient(135deg,#a855f7,#ec4899)}.cp-btn-primary:disabled{background:linear-gradient(135deg,rgba(168,85,247,.4),rgba(236,72,153,.4));cursor:default}.cp-btn-primary:not(:disabled):hover{filter:brightness(1.08)}.cp-btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.cp-btn-secondary:hover{background:rgba(255,255,255,.14)}.cp-done-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.cp-done-sub{margin:0;color:#d9beff;font-size:.95rem;text-align:center;max-width:640px}.cp-home-link{color:rgba(255,255,255,.55);font-size:.85rem;text-decoration:none}.cp-home-link:hover{color:rgba(255,255,255,.8)}.cp-chapter-label{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;z-index:1;color:rgba(255,255,255,.5);font-size:.78rem;font-weight:700;letter-spacing:.5px}@media (max-width:640px){.cp-dialogue-text{font-size:1rem}.cp-box{padding:18px 18px 14px}.cp-chapter-label{display:none}.cp-btn{padding:11px 20px;font-size:.94rem}}