.odi-workspace{max-width:1920px;color:var(--text-primary,#030812);background:var(--surface,#fff);min-height:100vh;margin:0 auto;padding:36px clamp(20px,3vw,51px) 48px;font-family:Pretendard,sans-serif}.odi-workspace h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(28px,2.4vw,42px)}.odi-workspace h2{margin:0 0 16px;font-size:22px}.odi-workspace h3{margin:0;font-size:18px}.odi-workspace p{line-height:1.55}.odi-workspace header{margin-bottom:26px}.odi-workspace .eyebrow{color:var(--primary,#03f);margin:0}.odi-workspace .muted{color:var(--text-secondary,#616678)}.odi-workspace .surface{background:var(--surface,#fff);border:1px solid var(--cool-grey-light-active,#dce0ea);border-radius:14px;padding:24px}.odi-workspace .toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.odi-workspace .tabs{gap:12px;display:flex}.odi-workspace .tabs button{color:var(--text-secondary,#616678);background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 20px}.odi-workspace .tabs button.active{border-color:var(--primary,#03f);color:var(--primary,#03f)}.odi-workspace input,.odi-workspace select,.odi-workspace textarea{font:inherit;background:var(--surface,#fff);color:inherit;border:1px solid #d7dce8;border-radius:8px;padding:12px}.odi-workspace button{cursor:pointer;font:inherit}.odi-workspace button:disabled{cursor:not-allowed;opacity:.5}.odi-workspace .actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.odi-workspace .state{text-align:center;padding:56px 24px}.odi-workspace .error{color:#bb2642}.odi-workspace .chip{color:#5940d6;background:#efedff;border-radius:6px;padding:4px 9px;font-size:12px;display:inline-block}.odi-workspace .score{color:var(--primary,#03f);font-size:32px;font-weight:700}.odi-workspace .pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.odi-workspace .pagination button{background:#f4f5fa;border:0;border-radius:50%;width:36px;height:36px}.odi-workspace .pagination .active{color:var(--primary,#03f);background:#dce3ff}.odi-workspace .section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.odi-workspace a{color:var(--primary,#03f);text-decoration:none}.odi-workspace .list{gap:12px;display:grid}.odi-workspace .stat-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.odi-workspace .stat{color:#fff;background:linear-gradient(110deg,#514ba8,#050632 40%,#080075);border-radius:9px;justify-content:space-between;align-items:center;padding:28px;display:flex}.odi-workspace .stat strong{color:#cfff5e;font-size:42px}.odi-workspace .stat p{margin:4px 0}.odi-workspace :focus-visible{outline-offset:3px;outline:3px solid #807dfe}@media (width<=700px){.odi-workspace{padding-top:58px}.odi-workspace .stat-grid{grid-template-columns:1fr}.odi-workspace .stat strong{font-size:32px}.odi-workspace .surface{padding:18px}}.odi-workspace h1,.odi-workspace h2,.odi-workspace h3{font-weight:700}.navigation-item.svelte-jhprd5{border-radius:var(--radius-sm);width:100%;max-width:212px;height:50px;color:var(--surface);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:flex-start;align-items:center;gap:10px;padding:12px 11px 11px 12px;display:inline-flex}.navigation-item.svelte-jhprd5:hover{background:rgb(from var(--purple) r g b / 20%)}.navigation-item.selected.svelte-jhprd5{background:rgb(from var(--purple) r g b / 40%)}.icon.svelte-jhprd5{flex-shrink:0;width:24px;height:24px}.navigation.svelte-o0ltxd{box-sizing:border-box;background:var(--brand-dark);flex-direction:column;flex-shrink:0;justify-content:space-between;width:min(260px,100vw);height:100vh;padding:38px 17px 18px;display:flex;position:relative}.top.svelte-o0ltxd{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.logo-area.svelte-o0ltxd{flex-direction:column;align-items:flex-start;gap:8px;width:min(222px,100%);display:flex}.logo.svelte-o0ltxd{width:150px;height:auto}.slogan.svelte-o0ltxd{color:var(--surface);white-space:nowrap;font-size:12px;line-height:17px}.new-session.svelte-o0ltxd{margin-top:30px}.menu.svelte-o0ltxd{flex-direction:column;gap:10px;width:212px;margin-top:22px;display:flex}.new-session.svelte-o0ltxd button{background:#807dfe}.bottom.svelte-o0ltxd{margin-left:-4px;position:relative}.my-page.logged-out.svelte-o0ltxd{outline:1px solid rgb(from var(--surface) r g b / 28%)}.my-page.svelte-o0ltxd{border-radius:var(--radius-sm);width:min(226px,100%);height:42px;color:var(--surface);justify-content:space-between;align-items:center;padding:0;display:flex}.my-page.svelte-o0ltxd:hover{background:rgb(from var(--surface) r g b / 8%)}.my-page-left.svelte-o0ltxd{align-items:center;gap:10px;display:flex}.account-copy.svelte-o0ltxd{text-align:left;gap:2px;display:grid}.account-copy.svelte-o0ltxd strong:where(.svelte-o0ltxd){color:var(--surface)}.account-copy.svelte-o0ltxd small:where(.svelte-o0ltxd){color:var(--primary)}.profile-icon.svelte-o0ltxd{width:28px;height:28px}.arrow.svelte-o0ltxd,.desktop-mark.svelte-o0ltxd,.mobile-mark.svelte-o0ltxd{place-items:center;width:24px;height:24px;display:grid}.arrow.svelte-o0ltxd img:where(.svelte-o0ltxd),.desktop-mark.svelte-o0ltxd img:where(.svelte-o0ltxd),.mobile-mark.svelte-o0ltxd img:where(.svelte-o0ltxd){object-fit:contain;width:24px;height:24px;display:block}.desktop-mark.svelte-o0ltxd img:where(.svelte-o0ltxd){transform-origin:50%;filter:brightness(0)invert();transform:rotate(180deg)}.arrow.svelte-o0ltxd img:where(.svelte-o0ltxd){filter:brightness(0)invert()}.profile-dropdown.svelte-o0ltxd{z-index:10;position:absolute;bottom:64px;left:0}.sidebar-close.svelte-o0ltxd{width:34px;height:34px;color:var(--surface);border-radius:8px;place-items:center;font-size:30px;line-height:1;display:grid;position:absolute;top:12px;right:10px}.sidebar-close.svelte-o0ltxd:hover{background:rgb(from var(--surface) r g b / 10%)}@media (width>=901px){.sidebar-close.svelte-o0ltxd{display:none}}.mobile-mark.svelte-o0ltxd{display:none}@media (width<=900px){.navigation.svelte-o0ltxd{padding-inline:max(14px,50vw - 113px)}.desktop-mark.svelte-o0ltxd{display:none}.mobile-mark.svelte-o0ltxd{display:inline}}.modal-overlay.svelte-1ksk6o1{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0308128c;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.popup-card.svelte-1ksk6o1{background:var(--surface);border-radius:var(--radius-md);width:760px;max-width:100%;position:relative;box-shadow:0 0 16px #00000026}.close-button.svelte-1ksk6o1{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:24px;right:24px}.close-button.svelte-1ksk6o1 img:where(.svelte-1ksk6o1){width:20px;height:20px}.modal-content.svelte-1ksk6o1{flex-direction:column;align-items:center;gap:24px;padding:56px 40px 40px;display:flex}.modal-header.svelte-1ksk6o1{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.modal-title.svelte-1ksk6o1{color:var(--brand-black);font-size:24px;font-weight:700}.modal-description.svelte-1ksk6o1{color:var(--text-secondary)}.card-row.svelte-1ksk6o1{justify-content:center;gap:28px;width:100%;display:flex}.load-button.svelte-1ksk6o1{border-radius:var(--radius-sm);background:var(--blue-light);width:100%;height:64px;color:var(--primary);transition:var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:flex}.load-button.svelte-1ksk6o1:hover{background:var(--blue-light-hover)}@media (width<=720px){.modal-overlay.svelte-1ksk6o1{align-items:flex-start;padding:16px}.popup-card.svelte-1ksk6o1{margin-block:12px}.modal-content.svelte-1ksk6o1{padding:52px 18px 24px}.card-row.svelte-1ksk6o1{flex-direction:column;gap:14px}}.modal-root.svelte-1n4mm70{z-index:1000;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.modal-backdrop.svelte-1n4mm70{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffffb8;width:100%;height:100%;position:absolute;inset:0}.modal-panel.svelte-1n4mm70{z-index:1;width:min(var(--modal-width), calc(100vw - 48px));max-width:100%;min-height:min(var(--modal-min-height), calc(100dvh - 48px));border-radius:var(--radius-md);background:var(--surface);max-height:calc(100dvh - 48px);color:var(--text-primary);border:none;margin:0;padding:0;position:relative;overflow:hidden;box-shadow:0 0 16px #00000026}.modal-panel.svelte-1n4mm70::backdrop{background:0 0}@media (height<=720px){.modal-root.svelte-1n4mm70{align-items:flex-start;overflow:auto}.modal-panel.svelte-1n4mm70{margin-block:var(--space-6)}}@media (width<=560px){.modal-root.svelte-1n4mm70{padding:12px}.modal-panel.svelte-1n4mm70{width:calc(100vw - 24px);min-height:min(var(--modal-min-height), calc(100dvh - 24px));max-height:calc(100dvh - 24px)}}.guest-modal.svelte-1o9htcm{box-sizing:border-box;background:var(--surface);border-radius:var(--radius-md);flex-direction:column;align-items:center;width:100%;min-height:600px;padding:38px 18px 18px;display:flex;position:relative;overflow-y:auto}.close-button.svelte-1o9htcm{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:20px;right:20px}.close-button.svelte-1o9htcm img:where(.svelte-1o9htcm){object-fit:contain;width:14px;height:14px}.hero.svelte-1o9htcm{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;width:100%;max-width:420px;display:flex}.lock-frame.svelte-1o9htcm{justify-content:center;align-items:center;width:143px;height:143px;display:flex}.lock-frame.svelte-1o9htcm img:where(.svelte-1o9htcm){object-fit:contain;width:104px;height:104px}.welcome.svelte-1o9htcm{color:var(--primary);line-height:135%}.modal-title.svelte-1o9htcm{margin-top:var(--space-1);color:var(--brand-black);font-family:var(--font-family);font-size:24px;font-weight:var(--font-bold);text-align:center;white-space:normal;line-height:135%}.benefits.svelte-1o9htcm{gap:var(--space-4);flex-direction:column;width:349px;margin-top:46px;margin-bottom:30px;display:flex}.benefit-item.svelte-1o9htcm{align-items:center;gap:var(--space-5);width:100%;display:flex}.benefit-icon.svelte-1o9htcm{border-radius:var(--radius-full);background:#0033ff26;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.benefit-icon.svelte-1o9htcm img:where(.svelte-1o9htcm){object-fit:contain;width:20px;height:20px}.benefit-text.svelte-1o9htcm{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.benefit-text.svelte-1o9htcm strong:where(.svelte-1o9htcm){color:var(--brand-black);font-family:var(--font-family);font-size:16px;font-weight:var(--font-bold);line-height:135%}.benefit-text.svelte-1o9htcm p:where(.svelte-1o9htcm){color:var(--text-secondary);font-family:var(--font-family);font-size:16px;font-weight:var(--font-medium);line-height:135%}.actions.svelte-1o9htcm{width:100%;max-width:500px;padding-top:var(--space-4);gap:var(--space-3);background:var(--surface);margin-top:auto;padding-bottom:2px;display:flex}.actions.svelte-1o9htcm button:where(.svelte-1o9htcm){border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;height:50px;display:flex}.register-button.svelte-1o9htcm{background:var(--primary);color:var(--text-on-primary)}.register-button.svelte-1o9htcm:hover{background:var(--primary-hover)}.login-button.svelte-1o9htcm{border:1px solid var(--cool-grey-light-active);background:var(--surface);color:var(--text-secondary)}.login-button.svelte-1o9htcm:hover{border-color:var(--primary);background:var(--blue-light);color:var(--primary)}@media (width<=640px){.guest-modal.svelte-1o9htcm{min-height:auto;padding:var(--space-8) var(--space-5) var(--space-5)}.benefits.svelte-1o9htcm,.actions.svelte-1o9htcm{width:100%}.actions.svelte-1o9htcm{margin-top:var(--space-8)}}.login-modal.svelte-vxtf2v{gap:var(--space-8);background:var(--surface);border-radius:var(--radius-md);flex-direction:column;width:100%;min-height:520px;padding:48px;display:flex}.title-group.svelte-vxtf2v{gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.page-label.svelte-vxtf2v{color:var(--primary)}.subtitle.svelte-vxtf2v{color:var(--text-secondary)}.form.svelte-vxtf2v{gap:var(--space-5);flex-direction:column;display:flex}.error-message.svelte-vxtf2v{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent)}.actions.svelte-vxtf2v{gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.reset-link.svelte-vxtf2v{color:var(--primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;padding:0;text-decoration:underline}.account-modal.svelte-19cf7j1{gap:var(--space-6);background:var(--surface);border-radius:var(--radius-md);flex-direction:column;width:100%;min-width:0;min-height:680px;max-height:min(860px,100vh - 48px);padding:42px;display:flex;overflow:hidden auto}.title-group.svelte-19cf7j1{gap:var(--space-2);flex-direction:column;display:flex}.page-label.svelte-19cf7j1{color:var(--primary)}.subtitle.svelte-19cf7j1{color:var(--text-secondary)}.message.svelte-19cf7j1{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#44c699;background:#44c69926}.error-message.svelte-19cf7j1{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent)}.section.svelte-19cf7j1{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.grid.svelte-19cf7j1{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.section-actions.svelte-19cf7j1{justify-content:flex-end;display:flex}.danger-section.svelte-19cf7j1{padding-bottom:var(--space-2)}.danger-box.svelte-19cf7j1{padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-5);border:1px solid var(--cool-grey-light-active);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.danger-box.svelte-19cf7j1>:where(.svelte-19cf7j1):first-child{min-width:0}.danger-box.svelte-19cf7j1 strong:where(.svelte-19cf7j1){color:var(--brand-black);font-size:18px;font-weight:var(--font-bold)}.danger-box.svelte-19cf7j1 p:where(.svelte-19cf7j1){margin-top:var(--space-1);color:var(--text-secondary);font-size:16px;font-weight:var(--font-medium)}.delete-control.svelte-19cf7j1{align-items:flex-end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 140px;width:min(100%,460px);min-width:0;display:grid}.delete-control.svelte-19cf7j1 .field{min-width:0}@media (width<=780px){.account-modal.svelte-19cf7j1{padding:var(--space-6)}.grid.svelte-19cf7j1,.danger-box.svelte-19cf7j1,.delete-control.svelte-19cf7j1{grid-template-columns:1fr;align-items:stretch;width:100%}.section-actions.svelte-19cf7j1 .button,.danger-box.svelte-19cf7j1 .button{width:100%!important}}.settings-modal.svelte-94041{gap:var(--space-6);background:var(--surface);width:100%;padding:clamp(24px,5vw,42px);display:grid}header.svelte-94041{gap:var(--space-2);display:grid}header.svelte-94041 p:where(.svelte-94041){color:var(--primary);font-size:13px;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase}header.svelte-94041 h2:where(.svelte-94041){color:var(--brand-black);font-size:28px}header.svelte-94041 span:where(.svelte-94041),label.svelte-94041 small:where(.svelte-94041){color:var(--text-secondary)}fieldset.svelte-94041{gap:var(--space-3);border:0;min-width:0;display:grid}legend.svelte-94041{margin-bottom:var(--space-3);color:var(--brand-black);font-weight:var(--font-bold)}fieldset.svelte-94041 label:where(.svelte-94041),.video-setting.svelte-94041{align-items:center;gap:var(--space-3);border:1px solid var(--cool-grey-light-active);border-radius:var(--radius-sm);cursor:pointer;min-width:0;padding:16px;display:flex}fieldset.svelte-94041 label.selected:where(.svelte-94041){border-color:var(--primary);background:#0033ff0a}fieldset.svelte-94041 label:where(.svelte-94041) span:where(.svelte-94041),.video-setting.svelte-94041 span:where(.svelte-94041){gap:3px;min-width:0;display:grid}fieldset.svelte-94041 label:where(.svelte-94041) strong:where(.svelte-94041),.video-setting.svelte-94041 strong:where(.svelte-94041){color:var(--brand-black)}.video-setting.svelte-94041{background:var(--cool-grey-light)}.provider-note.svelte-94041{color:var(--text-secondary);font-size:13px;line-height:1.5}.message.svelte-94041,.error-message.svelte-94041{border-radius:var(--radius-sm);padding:12px 14px}.message.svelte-94041{color:#238b66;background:#44c69926}.error-message.svelte-94041{background:var(--accent-light);color:var(--accent)}footer.svelte-94041{justify-content:flex-end;gap:var(--space-3);display:flex}@media (width<=560px){footer.svelte-94041{flex-direction:column-reverse}footer.svelte-94041 .button{width:100%!important}}.join-required-modal.svelte-6tpm81{align-items:center;gap:var(--space-6);background:var(--surface);border-radius:var(--radius-md);flex-direction:column;width:100%;min-height:520px;padding:44px;display:flex}.hero.svelte-6tpm81{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.hero-icon.svelte-6tpm81{border-radius:var(--radius-full);background:var(--blue-light);justify-content:center;align-items:center;width:96px;height:96px;display:flex}.hero-icon.svelte-6tpm81 img:where(.svelte-6tpm81){object-fit:contain;width:56px;height:56px}.welcome.svelte-6tpm81{color:var(--primary)}.modal-title.svelte-6tpm81{color:var(--brand-black);font-family:var(--font-family);font-size:28px;font-weight:var(--font-bold);line-height:135%}.account-box.svelte-6tpm81{width:100%;padding:var(--space-5);align-items:center;gap:var(--space-4);border:1px solid var(--cool-grey-light-active);border-radius:var(--radius-sm);background:var(--surface);display:flex}.account-box.svelte-6tpm81 img:where(.svelte-6tpm81){flex-shrink:0;width:44px;height:44px}.account-text.svelte-6tpm81{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.account-text.svelte-6tpm81 strong:where(.svelte-6tpm81){color:var(--brand-black);font-size:18px;font-weight:var(--font-bold)}.account-text.svelte-6tpm81 p:where(.svelte-6tpm81){color:var(--text-secondary);font-size:16px;font-weight:var(--font-medium);word-break:break-all}.guide-box.svelte-6tpm81{width:100%;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--blue-light);color:var(--text-secondary);font-size:16px;font-weight:var(--font-medium);line-height:145%}.actions.svelte-6tpm81{gap:var(--space-3);flex-direction:column;width:100%;margin-top:auto;display:flex}.logout-button.svelte-6tpm81{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--cool-grey-light-active);border-radius:var(--radius-sm);background:var(--surface);height:50px;color:var(--text-secondary);font-size:18px;font-weight:var(--font-medium);display:flex}.logout-button.svelte-6tpm81:hover{border-color:var(--primary);color:var(--primary);background:var(--blue-light)}.logout-icon.svelte-6tpm81{background:currentColor;width:20px;height:20px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.layout.svelte-di0eng{background:var(--background);min-height:100vh}.sidebar.svelte-di0eng{z-index:100;width:min(260px,100vw);height:100vh;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open.svelte-di0eng{transform:translate(0)}.content.svelte-di0eng{min-width:0;min-height:100vh;margin-left:0;padding:0;transition:margin-left .18s;overflow:clip auto}.content.sidebar-expanded.svelte-di0eng{margin-left:260px}.sidebar-open.svelte-di0eng{z-index:999;border:1px solid var(--cool-grey-light-active);background:var(--surface);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;place-content:center;gap:5px;display:grid;position:fixed;top:8px;left:8px}.sidebar-open.svelte-di0eng span:where(.svelte-di0eng){background:var(--brand-dark);border-radius:2px;width:20px;height:2px}.sidebar-backdrop.svelte-di0eng{display:none}@media (width<=900px){.sidebar-open.svelte-di0eng{width:44px;height:44px;top:14px;left:14px}.sidebar.svelte-di0eng{z-index:1001}.sidebar-backdrop.svelte-di0eng{z-index:1000;background:#0308126b;display:block;position:fixed;inset:0}.content.svelte-di0eng{margin-left:0;padding-top:64px}.content.sidebar-expanded.svelte-di0eng{margin-left:0}}