.drama-modal[data-v-f850ea47]{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e4e2ed;border-radius:14px;background:#fff;color:#30303f;font:14px/1.5 system-ui,sans-serif;overflow:hidden}.drama-modal[open][data-v-f850ea47]{display:flex;flex-direction:column}.drama-modal.wide[data-v-f850ea47]{width:min(960px,calc(100vw - 32px))}.drama-modal[data-v-f850ea47]::backdrop{background:#14141e7a}.modal-heading[data-v-f850ea47]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #e9e6f0;flex-shrink:0}.modal-heading>div[data-v-f850ea47]{min-width:0}.modal-heading h2[data-v-f850ea47]{margin:0;font-size:18px;font-weight:650;overflow-wrap:anywhere}.modal-heading p[data-v-f850ea47]{margin:4px 0 0;font-size:13px;color:#686779;overflow-wrap:anywhere}.close-wrap[data-v-f850ea47]{flex-shrink:0}.close-modal[data-v-f850ea47]{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:8px;border:0;border-radius:7px;background:transparent;color:#686779;cursor:pointer}.close-modal[data-v-f850ea47]:hover{background:#f3f1f8}.close-modal[data-v-f850ea47]:disabled{opacity:.5;cursor:not-allowed}.close-modal[data-v-f850ea47]:focus-visible{outline:2px solid #7968d3;outline-offset:2px}.modal-heading p[data-v-f850ea47]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-body[data-v-f850ea47]{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px}.modal-footer[data-v-f850ea47]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid #e9e6f0}.drama-modal.media[data-v-f850ea47]{width:min(1440px,calc(100vw - 32px),calc((100dvh - 96px) * 16 / 9));border:0;border-radius:12px}.media .modal-heading[data-v-f850ea47]{box-sizing:border-box;min-height:56px;align-items:center;padding:8px 16px;border-bottom:0}.media .modal-heading h2[data-v-f850ea47]{font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media .close-modal[data-v-f850ea47]{min-width:40px;min-height:40px}.media .modal-body[data-v-f850ea47]{padding:0;overflow:hidden;background:#111214}@media(max-width:600px){.drama-modal[data-v-f850ea47],.drama-modal.wide[data-v-f850ea47]{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.modal-heading[data-v-f850ea47],.modal-body[data-v-f850ea47]{padding:16px}.modal-footer[data-v-f850ea47]{padding:12px 16px}}@media(max-width:600px){.drama-modal.media[data-v-f850ea47]{width:min(calc(100vw - 16px),calc((100dvh - 80px) * 16 / 9))}.media .modal-heading[data-v-f850ea47]{padding:8px 12px}.media .modal-heading h2[data-v-f850ea47]{font-size:14px;line-height:20px}.media .modal-body[data-v-f850ea47]{padding:0}}@media(pointer:coarse){.close-modal[data-v-f850ea47]{min-width:44px;min-height:44px}}@media(pointer:coarse){.media .close-modal[data-v-f850ea47]{min-width:44px;min-height:44px}}.replica-tutorial-player[data-v-47fe8fc7]{position:relative;background:var(--ink);border-radius:10px;overflow:hidden}.replica-tutorial-player video[data-v-47fe8fc7]{display:block;width:100%;max-height:max(160px,calc(100dvh - 270px));aspect-ratio:854 / 480;object-fit:contain}.replica-tutorial-error[data-v-47fe8fc7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--ink);color:#fff;text-align:center}.replica-tutorial-error p[data-v-47fe8fc7]{margin:0;font-size:14px;line-height:1.6}.replica-tutorial-count[data-v-47fe8fc7]{margin-right:auto;color:var(--ink-soft);font-size:12px}.replica-tutorial-secondary[data-v-47fe8fc7],.replica-tutorial-primary[data-v-47fe8fc7],.replica-tutorial-error button[data-v-47fe8fc7]{min-height:44px;padding:0 20px;border:0;border-radius:8px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.replica-tutorial-secondary[data-v-47fe8fc7]{background:var(--surface-soft);color:var(--ink)}.replica-tutorial-primary[data-v-47fe8fc7]{background:var(--primary);color:#fff}.replica-tutorial-error button[data-v-47fe8fc7]{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--ink)}.replica-tutorial-primary[data-v-47fe8fc7]:hover{background:var(--primary-dark)}.replica-tutorial-secondary[data-v-47fe8fc7]:hover{background:var(--primary-soft)}.replica-tutorial-secondary[data-v-47fe8fc7]:focus-visible,.replica-tutorial-primary[data-v-47fe8fc7]:focus-visible,.replica-tutorial-error button[data-v-47fe8fc7]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:480px){.replica-tutorial-count[data-v-47fe8fc7]{flex-basis:100%}.replica-tutorial-secondary[data-v-47fe8fc7],.replica-tutorial-primary[data-v-47fe8fc7]{flex:1;padding-inline:12px}}
