.main-image.svelte-x9ro9r{display:flex;justify-content:center;align-items:center;height:150vh;background-color:#ffffff;background-image:url("/main.jpg");background-repeat:no-repeat;background-size:cover;background-position:center top;transform:translateZ(0);box-sizing:border-box}.sakura.svelte-x9ro9r{width:200px;height:auto;animation:svelte-x9ro9r-rotate 10s linear infinite,
            svelte-x9ro9r-neonPulse 2s ease-in-out infinite alternate,
            svelte-x9ro9r-moveUp 5s ease-in-out infinite;cursor:pointer;position:relative;z-index:2;margin-top:0;margin-bottom:25px}@media(min-width: 768px) and (max-width: 1366px){.main-image.svelte-x9ro9r{background-size:cover;background-position:center 100px}.sakura.svelte-x9ro9r{width:160px;margin-top:40px}}@media(min-width: 1367px){.main-image.svelte-x9ro9r{background-size:100% auto;background-position:center 100px}.sakura.svelte-x9ro9r{margin-top:-100px;width:200px}}@keyframes svelte-x9ro9r-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes svelte-x9ro9r-neonPulse{0%{filter:drop-shadow(0 0 5px #ff6ec7)}100%{filter:drop-shadow(0 0 20px #ff6ec7)}}@keyframes svelte-x9ro9r-moveUp{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}
.consultation-container.svelte-1vspwj8.svelte-1vspwj8{will-change:transform, opacity;transition:all 0.5s ease}@keyframes svelte-1vspwj8-fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes svelte-1vspwj8-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes svelte-1vspwj8-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.registration-container.svelte-1vspwj8.svelte-1vspwj8{display:flex;width:100%;overflow:hidden;background-color:#f8f9fb;min-height:100vh}.form-container.svelte-1vspwj8.svelte-1vspwj8{width:43%;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.form-container.svelte-1vspwj8 h1.svelte-1vspwj8{font-weight:500;color:#333;margin-bottom:30px;font-size:40px;text-align:center;animation:svelte-1vspwj8-fadeInUp 0.8s ease-out both}form.svelte-1vspwj8.svelte-1vspwj8{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}form.svelte-1vspwj8 input.svelte-1vspwj8{width:100%;padding:1.25rem 1.5rem;font-weight:300;font-size:1.25rem;color:#333;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;transition:all 0.3s ease;animation:svelte-1vspwj8-fadeInUp 0.8s ease-out both}.password-input-container.svelte-1vspwj8.svelte-1vspwj8{position:relative;width:100%}.password-input-container.svelte-1vspwj8 input.svelte-1vspwj8{width:100%;font-size:1.25rem !important;letter-spacing:normal !important}.toggle-password.svelte-1vspwj8.svelte-1vspwj8{position:absolute;right:15px;top:45%;transform:translateY(-50%);background:none;border:none;color:#bdb4fe;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:color 0.3s;z-index:2}.toggle-password.svelte-1vspwj8.svelte-1vspwj8:hover{color:#8f7ee3}form.svelte-1vspwj8 input.svelte-1vspwj8:focus{box-shadow:0 0 10px #a8a1f5;outline:none}.confirm-email-button.svelte-1vspwj8.svelte-1vspwj8{width:100%;padding:25px 15px;border:none;border-radius:20px;background-image:linear-gradient(to bottom, #d8a6e2, #a192f1);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15);color:#fff;font-size:22px;font-weight:400;cursor:pointer;margin-top:15px;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);animation:svelte-1vspwj8-pulse 2s infinite}.confirm-email-button.svelte-1vspwj8.svelte-1vspwj8:hover{background-image:linear-gradient(to bottom, #c88ed5, #8c78e3);transform:scale(1.05)}.confirm-email-button.svelte-1vspwj8.svelte-1vspwj8:active{transform:scale(0.95)}.contact-text.svelte-1vspwj8.svelte-1vspwj8{margin-top:40px;font-weight:bold;color:#bdb4fe;text-transform:uppercase;font-size:20px;text-align:center}.contact-buttons.svelte-1vspwj8.svelte-1vspwj8{margin-top:20px;display:flex;gap:20px}.telegram-button.svelte-1vspwj8.svelte-1vspwj8{display:flex;align-items:center;gap:12px;padding:15px 30px;background:#333;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:300;transition:all 0.3s ease}.telegram-button.svelte-1vspwj8.svelte-1vspwj8:hover{background:#444;transform:scale(1.05)}.telegram-button.svelte-1vspwj8.svelte-1vspwj8:active{background:#222;transform:scale(0.95)}.telegram-button.svelte-1vspwj8 svg.svelte-1vspwj8{width:24px;height:24px;fill:white;background:#0088cc;border-radius:50%;padding:5px;transition:transform 0.3s ease}.telegram-button.svelte-1vspwj8:hover svg.svelte-1vspwj8{animation:svelte-1vspwj8-bounce 0.6s ease-in-out infinite}.banner.svelte-1vspwj8.svelte-1vspwj8{width:57%;background:url("/banner.jpg") no-repeat right center;background-size:cover}@media(max-width: 1024px){.registration-container.svelte-1vspwj8.svelte-1vspwj8{flex-direction:column}.form-container.svelte-1vspwj8.svelte-1vspwj8{width:100%}.banner.svelte-1vspwj8.svelte-1vspwj8{width:100%;height:300px}}@media(max-width: 768px){.banner.svelte-1vspwj8.svelte-1vspwj8{display:none}.form-container.svelte-1vspwj8.svelte-1vspwj8{padding:20px}form.svelte-1vspwj8 input.svelte-1vspwj8{font-size:18px}.confirm-email-button.svelte-1vspwj8.svelte-1vspwj8{font-size:18px;padding:20px 10px}}.consultation-container.svelte-1vspwj8.svelte-1vspwj8{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:200px;margin-bottom:200px;background:transparent;animation:svelte-1vspwj8-fadeInUp 0.8s ease-out both}.consultation-container.svelte-1vspwj8 h1.svelte-1vspwj8{font-weight:500;color:#333;margin-bottom:30px;font-size:40px}.consultation-text.svelte-1vspwj8.svelte-1vspwj8{font-size:22px;color:#333;font-weight:400;margin-bottom:20px}.consultation-text.svelte-1vspwj8 a.svelte-1vspwj8{color:#bdb4fe;text-decoration:none;font-weight:bold}.consultation-text.svelte-1vspwj8 a.svelte-1vspwj8:hover{color:#9e94f5}.consultation-form.svelte-1vspwj8.svelte-1vspwj8{width:100%;background:transparent;max-width:700px}.consultation-inputs.svelte-1vspwj8.svelte-1vspwj8{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.consultation-inputs.svelte-1vspwj8 input.svelte-1vspwj8{width:100%;padding:20px 24px;font-weight:300;font-size:20px;color:#333;border:1px solid #ccc;border-radius:12px;box-sizing:border-box;transition:all 0.3s ease}.consultation-inputs.svelte-1vspwj8 input.svelte-1vspwj8:focus{box-shadow:0 0 10px #a8a1f5;outline:none}.consultation-button.svelte-1vspwj8.svelte-1vspwj8{padding:18px 25px;border:none;border-radius:20px;background-image:linear-gradient(to bottom, #d8a6e2, #a192f1);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15);color:#fff;font-size:20px;font-weight:400;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);width:100%}.consultation-button.svelte-1vspwj8.svelte-1vspwj8:hover{background-image:linear-gradient(to bottom, #c88ed5, #8c78e3);transform:scale(1.05)}.consultation-button.svelte-1vspwj8.svelte-1vspwj8:active{transform:scale(0.95)}@media(max-width: 1024px){.consultation-inputs.svelte-1vspwj8.svelte-1vspwj8{flex-direction:column;align-items:center}.consultation-inputs.svelte-1vspwj8 input.svelte-1vspwj8{width:100%}}.confirmation-links.svelte-1vspwj8.svelte-1vspwj8{display:flex;justify-content:space-between;width:100%;font-size:16px;color:#bdb4fe;margin-top:10px}.confirmation-links.svelte-1vspwj8 a.svelte-1vspwj8{text-decoration:none;color:inherit;transition:all 0.3s ease}.confirmation-links.svelte-1vspwj8 a.svelte-1vspwj8:hover{color:#8f7ee3;opacity:0.8}.confirmation-links.svelte-1vspwj8 a.disabled.svelte-1vspwj8{opacity:0.5;pointer-events:none}
.login-container.svelte-12zjs28.svelte-12zjs28{display:flex;width:100%;overflow:hidden;background-color:#f8f9fb;height:100vh}.form-container.svelte-12zjs28.svelte-12zjs28{width:43%;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.form-container.svelte-12zjs28 h1.svelte-12zjs28{font-weight:500;color:#333;margin-bottom:30px;font-size:40px;text-align:center;animation:fadeInUp 0.8s ease-out both}.description.svelte-12zjs28.svelte-12zjs28{text-align:center;color:#666;margin-bottom:20px;font-size:16px}form.svelte-12zjs28.svelte-12zjs28{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}form.svelte-12zjs28 input.svelte-12zjs28{width:100%;padding:1.25rem 1.5rem;font-weight:300;font-size:1.25rem;color:#333;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;transition:all 0.3s ease;animation:fadeInUp 0.8s ease-out both}.password-input-container.svelte-12zjs28.svelte-12zjs28{position:relative;width:100%}.password-input-container.svelte-12zjs28 input.svelte-12zjs28{width:100%;font-size:1.25rem !important;letter-spacing:normal !important}.toggle-password.svelte-12zjs28.svelte-12zjs28{position:absolute;right:15px;top:45%;transform:translateY(-50%);background:none;border:none;color:#bdb4fe;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:color 0.3s;z-index:2}.toggle-password.svelte-12zjs28.svelte-12zjs28:hover{color:#8f7ee3}form.svelte-12zjs28 input.svelte-12zjs28:focus{box-shadow:0 0 10px #a8a1f5;outline:none}.forgot-register-links.svelte-12zjs28.svelte-12zjs28{display:flex;justify-content:space-between;width:100%;font-size:16px;color:#bdb4fe;margin-top:10px}.forgot-register-links.svelte-12zjs28 a.svelte-12zjs28{text-decoration:none;color:inherit;transition:all 0.3s ease}.forgot-register-links.svelte-12zjs28 a.svelte-12zjs28:hover{color:#8f7ee3;opacity:0.8}.confirm-email-button.svelte-12zjs28.svelte-12zjs28{width:100%;padding:25px 15px;border:none;border-radius:20px;background-image:linear-gradient(to bottom, #d8a6e2, #a192f1);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15);color:#fff;font-size:22px;font-weight:400;cursor:pointer;margin-top:15px;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);animation:pulse 2s infinite}.confirm-email-button.svelte-12zjs28.svelte-12zjs28:hover{background-image:linear-gradient(to bottom, #c88ed5, #8c78e3);transform:scale(1.05)}.confirm-email-button.svelte-12zjs28.svelte-12zjs28:active{transform:scale(0.95)}.contact-text.svelte-12zjs28.svelte-12zjs28{margin-top:40px;font-weight:bold;color:#bdb4fe;text-transform:uppercase;font-size:20px;text-align:center}.contact-buttons.svelte-12zjs28.svelte-12zjs28{margin-top:20px;display:flex;gap:20px}.telegram-button.svelte-12zjs28.svelte-12zjs28{display:flex;align-items:center;gap:12px;padding:15px 30px;background:#333;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:300;transition:all 0.3s ease}.telegram-button.svelte-12zjs28.svelte-12zjs28:hover{background:#444;transform:scale(1.05)}.telegram-button.svelte-12zjs28.svelte-12zjs28:active{background:#222;transform:scale(0.95)}.telegram-button.svelte-12zjs28 svg.svelte-12zjs28{width:24px;height:24px;fill:white;background:#0088cc;border-radius:50%;padding:5px;transition:transform 0.3s ease}.telegram-button.svelte-12zjs28:hover svg.svelte-12zjs28{animation:bounce 0.6s ease-in-out infinite}.banner.svelte-12zjs28.svelte-12zjs28{width:57%;background:url("/banner.jpg") no-repeat right center;background-size:cover}@media(max-width: 1024px){.login-container.svelte-12zjs28.svelte-12zjs28{flex-direction:column}.form-container.svelte-12zjs28.svelte-12zjs28{width:100%}.banner.svelte-12zjs28.svelte-12zjs28{width:100%;height:300px}}@media(max-width: 768px){.banner.svelte-12zjs28.svelte-12zjs28{display:none}.form-container.svelte-12zjs28.svelte-12zjs28{padding:20px}form.svelte-12zjs28 input.svelte-12zjs28{font-size:18px}.confirm-email-button.svelte-12zjs28.svelte-12zjs28{font-size:18px;padding:20px 10px}}.error.svelte-12zjs28.svelte-12zjs28{color:red;margin-bottom:10px}.success.svelte-12zjs28.svelte-12zjs28{color:green;margin-bottom:10px}
.loader-container.svelte-z50ukd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;width:100%}.loader-container.overlay.svelte-z50ukd{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:10;border-radius:inherit}.spinner.svelte-z50ukd{width:var(--spinner-size);height:var(--spinner-size);border:3px solid rgba(0, 0, 0, 0.05);border-top-color:var(--spinner-color);border-radius:50%;animation:svelte-z50ukd-spin 1s cubic-bezier(0.42, 0, 0.58, 1) infinite;filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb), 0.3));flex-shrink:0}.loading-text.svelte-z50ukd{color:var(--color-text-muted, #64748b);font-size:0.95rem;font-weight:500;margin:0;letter-spacing:0.02em;animation:svelte-z50ukd-pulse 2s ease-in-out infinite}@keyframes svelte-z50ukd-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes svelte-z50ukd-pulse{0%,100%{opacity:0.6}50%{opacity:1}}
main.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{max-width:var(--spacing-main-max-width);width:var(--spacing-main-width);margin:var(--spacing-main-margin-top) auto 0;padding:var(--spacing-main-padding);box-sizing:border-box}.profile-block.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{position:relative;margin-bottom:var(--spacing-profile-block-margin-bottom);border-radius:var(--spacing-profile-block-border-radius);overflow:hidden;background-color:var(--color-profile-block-bg);box-shadow:0 4px 12px var(--color-profile-block-shadow)}.profile-content.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{background-color:var(--color-profile-content-bg);padding:var(--spacing-profile-content-padding)}.profile-banner.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{position:relative;width:100%;height:var(--spacing-profile-banner-height);background-color:var(--color-pastel-cyan);background-size:var(--profile-banner-bg-size);background-position:var(--profile-banner-bg-position);background-repeat:var(--profile-banner-bg-repeat);border-radius:var(--spacing-profile-banner-border-radius);overflow:hidden;padding-bottom:var(--spacing-profile-banner-padding-bottom);--big-size:var(--spacing-profile-banner-after-size);--small-size:var(--spacing-profile-banner-before-size);--offsetY:var(--spacing-profile-banner-offset-y)}.profile-banner.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1::before,.profile-banner.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1::after{content:"";position:absolute;border-radius:50%}.profile-banner.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1::before{content:"";position:absolute;width:var(--small-size);height:var(--small-size);background-color:var(--color-profile-banner-bg-before);border-radius:50%;transform:translateY(var(--offsetY));top:calc(50% - (var(--small-size) / 2));right:calc(4% + var(--big-size) - (var(--small-size) / 3));z-index:var(--profile-banner-z-index)}.profile-banner.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1::after{content:"";position:absolute;width:var(--big-size);height:var(--big-size);background-color:var(--color-profile-banner-bg-after);border-radius:50%;transform:translateY(var(--offsetY));top:calc(50% - (var(--big-size) / 2));right:8%;z-index:var(--profile-banner-z-index)}.avatar-wrapper.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{position:absolute;top:var(--spacing-avatar-top-profile);left:var(--spacing-avatar-left-profile);width:var(--spacing-avatar-size-profile);height:var(--spacing-avatar-size-profile);border:var(--spacing-avatar-border-width-profile) solid
      var(--color-avatar-border-profile);border-radius:var(--spacing-avatar-border-radius-profile);overflow:hidden;z-index:var(--avatar-z-index-profile);box-shadow:0 2px var(--spacing-avatar-shadow-blur-profile)
      var(--color-avatar-shadow-profile)}.avatar-wrapper.svelte-1yieow1 .avatar.svelte-1yieow1.svelte-1yieow1{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:0;background:var(--color-avatar-bg-profile);background-position:center;background-repeat:no-repeat;background-size:cover}.avatar-wrapper.svelte-1yieow1 .avatar-frame-overlay.svelte-1yieow1.svelte-1yieow1{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none;z-index:1}.avatar-container.svelte-1yieow1:hover .avatar-wrapper .avatar.svelte-1yieow1.svelte-1yieow1{filter:brightness(80%)}.avatar-overlay.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-avatar-overlay-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-avatar-overlay-text);opacity:0;transition:var(--avatar-overlay-opacity-transition)}.avatar-container.svelte-1yieow1:hover .avatar-overlay.svelte-1yieow1.svelte-1yieow1{opacity:1}.avatar-overlay.loading.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{opacity:1;background-color:var(--color-avatar-overlay-loading-bg)}@keyframes svelte-1yieow1-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.avatar-delete.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{position:absolute;bottom:0;right:0;background-color:var(--color-avatar-delete-bg);color:var(--color-avatar-delete-text);border:none;border-radius:50%;width:var(--spacing-avatar-delete-size);height:var(--spacing-avatar-delete-size);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--avatar-delete-opacity-transition)}.avatar-container.svelte-1yieow1:hover .avatar-delete.svelte-1yieow1.svelte-1yieow1{opacity:1}.avatar-delete.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:hover{background-color:var(--color-avatar-delete-bg-hover)}.avatar-message.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{margin-top:var(--spacing-avatar-message-margin-top);text-align:center;font-size:0.9em}.profile-info-cols.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--spacing-profile-info-cols-gap)}.profile-info-cols.svelte-1yieow1 .col.svelte-1yieow1.svelte-1yieow1{flex:1 1 200px;padding:var(--spacing-profile-info-cols-col-padding);display:flex;flex-direction:column}.user-col.svelte-1yieow1 .user-name.svelte-1yieow1.svelte-1yieow1{font-size:clamp(
      var(--spacing-profile-info-name-font-size-min),
      4vw,
      var(--spacing-profile-info-name-font-size-max)
    );font-weight:900;color:var(--color-profile-info-name);word-wrap:break-word}.user-col.svelte-1yieow1 .user-role.svelte-1yieow1.svelte-1yieow1{font-size:clamp(0.8rem, 3vw, 1rem);font-weight:bold;color:var(--color-profile-info-name);margin-top:var(--spacing-profile-info-role-margin-top)}.phone-col.svelte-1yieow1 .info-label.svelte-1yieow1.svelte-1yieow1,.email-col.svelte-1yieow1 .info-label.svelte-1yieow1.svelte-1yieow1{font-size:clamp(0.8rem, 3vw, 1rem);font-weight:bold;color:var(--color-profile-info-label);margin-bottom:var(--spacing-profile-info-label-margin-bottom)}.phone-col.svelte-1yieow1 .phone.svelte-1yieow1.svelte-1yieow1,.email-col.svelte-1yieow1 .email.svelte-1yieow1.svelte-1yieow1{display:flex;align-items:center;font-weight:bold;font-size:clamp(0.8rem, 3vw, 1rem);word-break:break-word}.phone-col.svelte-1yieow1 .phone span.svelte-1yieow1.svelte-1yieow1,.email-col.svelte-1yieow1 .email span.svelte-1yieow1.svelte-1yieow1{color:var(--color-profile-info-value)}.phone-col.svelte-1yieow1 .phone i.svelte-1yieow1.svelte-1yieow1,.email-col.svelte-1yieow1 .email i.svelte-1yieow1.svelte-1yieow1{margin-right:var(--spacing-profile-info-icon-margin-right);flex-shrink:0}.block.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{background-color:var(--color-block-bg);border:1px solid var(--color-block-border);border-radius:var(--spacing-block-border-radius);padding:var(--spacing-block-padding);margin-bottom:var(--spacing-block-margin-bottom);box-shadow:0 2px var(--spacing-block-shadow-blur) var(--color-block-shadow);transition:var(--block-shadow-transition)}.block.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:hover{box-shadow:0 4px 15px var(--color-block-shadow-hover)}.block.svelte-1yieow1 h2.svelte-1yieow1.svelte-1yieow1{margin:0 0 var(--spacing-block-title-margin-bottom) 0;color:var(--color-block-title);font-size:clamp(
      var(--block-title-font-size-min),
      3vw,
      var(--block-title-font-size-max)
    );font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}.btn-container.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:flex;justify-content:center;margin-top:var(--spacing-btn-container-margin-top)}.grid-2x2.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:grid;grid-template-columns:repeat(auto-fit, minmax(30vw, 1fr));gap:var(--spacing-grid-gap-row) var(--spacing-grid-gap-col);max-width:100%}label.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:block;margin-bottom:var(--spacing-label-margin-bottom);color:var(--color-label);font-size:var(--label-font-size);font-family:var(--font-family-primary)}input.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:not([type="checkbox"]),textarea.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{width:100%;padding:var(--spacing-input-padding);font-size:var(--input-font-size);border:1px solid var(--color-input-border);border-radius:var(--spacing-input-border-radius);background-color:var(--color-input-bg);box-sizing:border-box;font-family:var(--font-family-primary);transition:var(--input-transition)}input.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:focus,textarea.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:focus{outline:none;border-color:var(--color-input-focus-border);box-shadow:0 0 0 2px var(--color-input-focus-shadow)}textarea.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{resize:none;height:var(--spacing-textarea-height)}.form-group.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{margin-bottom:var(--spacing-form-group-margin-bottom);flex:1 1 250px}.flex-row.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:flex;flex-wrap:wrap;gap:var(--spacing-flex-row-gap)}.save-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{background:linear-gradient(
      to right,
      var(--color-save-btn-gradient-start) 0%,
      var(--color-save-btn-gradient-end) 100%
    );color:var(--color-save-btn-text);padding:var(--spacing-save-btn-padding);min-width:var(--spacing-save-btn-min-width);border:none;border-radius:var(--spacing-save-btn-border-radius);cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--save-btn-font-size);box-shadow:0px 3px 13px rgba(0, 0, 0, 0.161);transition:var(--save-btn-transition);text-align:center;display:inline-block}.save-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:hover{background:linear-gradient(
      to right,
      var(--color-save-btn-gradient-hover-start) 0%,
      var(--color-save-btn-gradient-hover-end) 100%
    );transform:translateY(-2px)}.save-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:active{transform:translateY(1px)}.settings-item.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{margin-bottom:var(--spacing-settings-item-margin-bottom);display:flex;align-items:center;flex-wrap:wrap}.switch-label.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:grid;grid-template-columns:auto 1fr;align-items:center;font-size:var(--label-font-size);color:var(--color-settings-label);cursor:pointer;font-weight:var(--font-weight-bold);padding:0.5rem 0;gap:var(--spacing-settings-label-gap);width:100%;position:relative}.switch-label.svelte-1yieow1 input.svelte-1yieow1.svelte-1yieow1{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.switch-slider.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{flex:0 0 auto}.switch-text.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{margin:0}.switch-slider.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{grid-column:1;grid-row:1}.switch-text.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{grid-column:2;grid-row:1}.switch-slider.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{position:relative;display:inline-block;width:var(--spacing-switch-width);height:var(--spacing-switch-height);background-color:var(--color-switch-bg);border-radius:24px;transition:var(--switch-transition)}.switch-slider.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:before{position:absolute;content:"";height:var(--spacing-switch-thumb-size);width:var(--spacing-switch-thumb-size);left:var(--spacing-switch-thumb-offset);top:var(--spacing-switch-thumb-offset);background-color:var(--color-switch-thumb);border-radius:50%;transition:var(--switch-transition)}.switch-label.svelte-1yieow1 input.svelte-1yieow1:checked+.switch-slider.svelte-1yieow1{background-color:var(--color-switch-bg-checked)}.switch-label.svelte-1yieow1 input.svelte-1yieow1:checked+.switch-slider.svelte-1yieow1:before{transform:translateX(26px)}.error.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{color:var(--color-error);margin-top:0.5rem;padding:var(--spacing-error-padding);background-color:var(--color-error-bg);border-radius:var(--spacing-error-border-radius);text-align:center}.success.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{color:var(--color-success);margin-top:0.5rem;padding:var(--spacing-success-padding);background-color:var(--color-success-bg);border-radius:var(--spacing-success-border-radius);text-align:center}.input-with-prefix.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:flex;align-items:center;background-color:var(--color-input-bg);border-radius:var(--spacing-input-border-radius);overflow:hidden;border:1px solid var(--color-input-border)}.input-with-prefix.svelte-1yieow1 .prefix.svelte-1yieow1.svelte-1yieow1{padding:var(--spacing-input-prefix-padding);background-color:var(--color-input-prefix-bg);color:var(--color-input-prefix-text);font-size:14px;white-space:nowrap}.input-with-prefix.svelte-1yieow1 input.svelte-1yieow1.svelte-1yieow1{border:none;border-radius:0;background:transparent;flex:1}.input-with-prefix.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:focus-within{border-color:var(--color-input-focus-border);box-shadow:0 0 0 2px var(--color-input-focus-shadow)}@media(max-width: 480px){.profile-content.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{padding:4rem 5% 1.5rem}.avatar.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{width:5rem;height:5rem;top:5rem}.profile-info-cols.svelte-1yieow1 .col.svelte-1yieow1.svelte-1yieow1{flex:1 1 100%;padding:0.5rem 0}.block.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{padding:1.2rem}.btn-container.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{flex-direction:column}.save-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{width:100%}.grid-2x2.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{grid-template-columns:1fr}}@media(min-width: 481px) and (max-width: 768px){.profile-info-cols.svelte-1yieow1 .col.svelte-1yieow1.svelte-1yieow1{flex:1 1 45%}.user-col.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{flex-basis:100%;margin-bottom:1rem}.grid-2x2.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{grid-template-columns:1fr}}@media(min-width: 769px) and (max-width: 1024px){.profile-info-cols.svelte-1yieow1 .col.svelte-1yieow1.svelte-1yieow1{flex:1 1 30%}}@media(min-width: 1200px){.profile-info-cols.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{align-items:center}.block.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{padding:2.5rem}.btn-container.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{justify-content:flex-end}}@media(min-width: 1800px){main.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{max-width:1400px}}@media(hover: none){input.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1,textarea.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1,.save-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1,.switch-label.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{cursor:default}.save-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{padding:0.9rem 1.5rem}.switch-slider.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{width:56px;height:28px}.switch-slider.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1:before{height:22px;width:22px}.switch-label.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:6px}.switch-text.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{grid-column:2}}.error-message.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{color:var(--color-error-message);margin-bottom:var(--spacing-error-message-margin-bottom);padding:var(--spacing-error-message-padding);background-color:var(--color-error-message-bg);border-radius:var(--spacing-error-message-border-radius)}.success-message.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{color:var(--color-success-message);margin-bottom:var(--spacing-success-message-margin-bottom);padding:var(--spacing-success-message-padding);background-color:var(--color-success-message-bg);border-radius:var(--spacing-success-message-border-radius)}.cancel-btn.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{margin-left:var(--spacing-cancel-btn-margin-left);background-color:var(--color-cancel-btn-bg);color:var(--color-cancel-btn-text)}.avatar-wrapper.has-frame.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{border-color:transparent;box-shadow:none;overflow:visible}.avatar-cropper.svelte-1yieow1.svelte-1yieow1.svelte-1yieow1{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative}
.svelte-1qb51fh.svelte-1qb51fh{margin:0;padding:0;box-sizing:border-box}main.svelte-1qb51fh.svelte-1qb51fh{width:min(95%, 1200px);margin:0 auto;padding:1rem}h1.svelte-1qb51fh.svelte-1qb51fh{margin:2rem 0;text-align:center;font-weight:var(--font-weight-extra-bold);font-size:var(--font-size-h1);position:relative;padding-bottom:0.5rem;opacity:0}h1.svelte-1qb51fh.svelte-1qb51fh::after{content:"";position:absolute;width:0;height:4px;background:var(--color-primary);bottom:0;left:50%;transform:translateX(-50%);border-radius:2px;transition:width var(--animation-duration-title-underline) ease}h2.svelte-1qb51fh.svelte-1qb51fh{color:var(--color-primary);font-weight:var(--font-weight-extra-bold);font-size:var(--font-size-h2);margin-bottom:1rem;opacity:0}.about.svelte-1qb51fh.svelte-1qb51fh{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:var(--spacing-padding-section);background-color:var(--color-bg-light);border-radius:var(--spacing-border-radius-block);box-shadow:var(--color-shadow);position:relative;overflow:hidden;opacity:0;transform:translateY(50px)}.about.svelte-1qb51fh img.svelte-1qb51fh{width:40%;max-width:500px;height:auto;border-radius:var(--spacing-border-radius-card);object-fit:cover;transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);filter:brightness(0.95)}.about.svelte-1qb51fh img.svelte-1qb51fh:hover{transform:scale(1.05) rotate(1deg);filter:brightness(1.05)}.about-content.svelte-1qb51fh.svelte-1qb51fh{width:55%;display:flex;flex-direction:column;justify-content:center}.about.svelte-1qb51fh h6.svelte-1qb51fh{white-space:pre-line;font-weight:var(--font-weight-bold);font-size:1rem;color:var(--color-text-dark);margin:1.5rem 0;line-height:1.6;opacity:0;transform:translateX(30px)}.about.svelte-1qb51fh p.svelte-1qb51fh{white-space:pre-line;font-weight:var(--font-weight-medium);font-size:0.95rem;color:var(--color-text-dark);margin:1.5rem 0;line-height:1.7;opacity:0;transform:translateX(30px)}.info.svelte-1qb51fh.svelte-1qb51fh{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.simple-block.svelte-1qb51fh.svelte-1qb51fh{height:auto;border-radius:var(--spacing-border-radius-block);background-color:var(--color-bg-light);box-shadow:var(--color-shadow);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-padding-block);transition:transform var(--animation-duration-block-hover)
        cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow var(--animation-duration-transition) ease;opacity:0;transform:scale(0.9)}.simple-block.svelte-1qb51fh.svelte-1qb51fh:hover{transform:translateY(-12px) scale(1.02);box-shadow:0px 20px 30px var(--color-shadow-hover)}.simple-block.svelte-1qb51fh h6.svelte-1qb51fh{color:var(--color-secondary);font-weight:var(--font-weight-extra-bold);font-size:clamp(1.2rem, 3vw, 1.5rem);text-align:center;margin:1rem 0 0.5rem;position:relative;padding-bottom:0.5rem}.simple-block.svelte-1qb51fh h6.svelte-1qb51fh::after{content:"";position:absolute;width:0;height:3px;background:var(--color-secondary);bottom:0;left:50%;transform:translateX(-50%);border-radius:1.5px;transition:width var(--animation-duration-block-underline) ease 0.2s}.simple-block.svelte-1qb51fh ul.svelte-1qb51fh{list-style-position:inside;padding:0 1rem;width:100%}.simple-block.svelte-1qb51fh ul li.svelte-1qb51fh{font-weight:var(--font-weight-medium);margin-top:1rem;position:relative;padding-left:1.5rem;list-style-type:none;opacity:0;transform:translateY(20px)}.simple-block.svelte-1qb51fh ul li.svelte-1qb51fh::before{content:"•";color:var(--color-secondary);font-weight:var(--font-weight-bold);position:absolute;left:0}.simple-block.svelte-1qb51fh h2.svelte-1qb51fh{text-align:center;font-size:clamp(1.2rem, 3vw, 1.5rem);margin:1rem 0 2rem;display:flex;align-items:center;justify-content:center;gap:8px}.contact-buttons-container.svelte-1qb51fh.svelte-1qb51fh{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center;padding-bottom:1rem}.contact-button.svelte-1qb51fh.svelte-1qb51fh{display:flex;align-items:center;justify-content:center;gap:var(--spacing-gap-telegram-button);padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-size:clamp(0.9rem, 1.5vw, 1rem);font-weight:var(--font-weight-semi-bold);transition:all var(--animation-duration-transition) ease;width:85%;max-width:300px;box-shadow:0 4px 6px var(--color-shadow);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);color:#fff}.btn-telegram.svelte-1qb51fh.svelte-1qb51fh{background:linear-gradient(
      to right,
      var(--color-telegram-gradient-start),
      var(--color-telegram-gradient-end)
    );color:var(--color-telegram-text)}.btn-email.svelte-1qb51fh.svelte-1qb51fh{background:linear-gradient(to right, #ff8a8a, var(--color-danger-red));color:white}.contact-button.svelte-1qb51fh.svelte-1qb51fh:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.4),
      transparent
    );transition:0.5s}.contact-button.svelte-1qb51fh.svelte-1qb51fh:hover:before{left:100%}.contact-button.svelte-1qb51fh.svelte-1qb51fh:hover{transform:translateY(-5px);box-shadow:0 8px 15px var(--color-shadow-hover)}.contact-button.svelte-1qb51fh.svelte-1qb51fh:active{transform:translateY(1px);box-shadow:0 2px 3px var(--color-shadow)}.contact-button.svelte-1qb51fh svg.svelte-1qb51fh{width:24px;height:24px;fill:currentColor;border-radius:var(--spacing-border-radius-dot);padding:0;transition:transform var(--animation-duration-transition) ease}.btn-telegram.svelte-1qb51fh svg.svelte-1qb51fh{fill:var(--color-bg-light);background:var(--color-telegram);padding:4px}.contact-button.svelte-1qb51fh:hover svg.svelte-1qb51fh{animation:svelte-1qb51fh-bounce 0.6s ease-in-out infinite}@keyframes svelte-1qb51fh-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes svelte-1qb51fh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.disclaimer.svelte-1qb51fh.svelte-1qb51fh{font-weight:var(--font-weight-medium);font-size:0.9rem;color:var(--color-text-muted);text-align:center;margin:2rem 0;padding:1rem;border-top:var(--border-width-button) solid var(--color-border-light);opacity:0}@media(max-width: 900px){.about.svelte-1qb51fh.svelte-1qb51fh{flex-direction:column;align-items:center}.about.svelte-1qb51fh img.svelte-1qb51fh{width:80%;max-width:400px;margin-bottom:1.5rem}.about-content.svelte-1qb51fh.svelte-1qb51fh{width:100%}}@media(max-width: 600px){main.svelte-1qb51fh.svelte-1qb51fh{padding:0.5rem}h1.svelte-1qb51fh.svelte-1qb51fh{margin:1.5rem 0}.about.svelte-1qb51fh.svelte-1qb51fh{padding:1.5rem}.about.svelte-1qb51fh img.svelte-1qb51fh{width:100%;border-radius:16px}.simple-block.svelte-1qb51fh.svelte-1qb51fh{padding:1.2rem}.contact-button.svelte-1qb51fh.svelte-1qb51fh{width:100%}}
:root{--sc-dot-size:6px;--sc-active-dot-size:8px;--sc-dot-size-animation-time:250ms}.sc-carousel-dot__dot.svelte-yu7247{background-color:var(--sc-color-rgb-light);border-radius:50%;display:inline-block;opacity:0.5;transition:opacity 100ms ease,
      height var(--sc-dot-size-animation-time) ease,
      width var(--sc-dot-size-animation-time) ease;cursor:pointer;-webkit-tap-highlight-color:transparent;height:var(--sc-dot-size);width:var(--sc-dot-size)}.sc-carousel-dot__dot.svelte-yu7247:hover{opacity:0.9}.sc-carousel-dot__dot_active.svelte-yu7247{opacity:0.7;height:var(--sc-active-dot-size);width:var(--sc-active-dot-size)}
.sc-carousel-dots__container.svelte-1oj5bge{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 30px}.sc-carousel-dots__dot-container.svelte-1oj5bge{height:calc(var(--sc-dot-size) + 14px);width:calc(var(--sc-dot-size) + 10px);display:flex;align-items:center;justify-content:center}
:root{--sc-arrow-size:2px}.sc-carousel-arrow__circle.svelte-9ztt4p{width:20px;height:20px;border-radius:50%;background-color:var(--sc-color-rgb-light-50p);display:flex;align-items:center;justify-content:center;transition:opacity 100ms ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.sc-carousel-arrow__circle.svelte-9ztt4p:hover{opacity:0.9}.sc-carousel-arrow__arrow.svelte-9ztt4p{border:solid var(--sc-color-hex-dark);border-width:0 var(--sc-arrow-size) var(--sc-arrow-size) 0;padding:var(--sc-arrow-size);position:relative}.sc-carousel-arrow__arrow-next.svelte-9ztt4p{transform:rotate(-45deg);left:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__arrow-prev.svelte-9ztt4p{transform:rotate(135deg);right:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__circle_disabled.svelte-9ztt4p,.sc-carousel-arrow__circle_disabled.svelte-9ztt4p:hover{opacity:0.5}
.sc-carousel-progress__indicator.svelte-nuyenl{height:100%;background-color:var(--sc-color-hex-dark-50p)}
:root{--sc-color-rgb-light-50p:rgba(93, 93, 93, 0.5);--sc-color-rgb-light:#5d5d5d;--sc-color-hex-dark-50p:rgba(30, 30, 30, 0.5);--sc-color-hex-dark:#1e1e1e}.sc-carousel__carousel-container.svelte-uwo0yk{display:flex;width:100%;flex-direction:column;align-items:center}.sc-carousel__content-container.svelte-uwo0yk{position:relative;display:flex;width:100%}.sc-carousel__pages-window.svelte-uwo0yk{flex:1;display:flex;overflow:hidden;box-sizing:border-box;position:relative}.sc-carousel__pages-container.svelte-uwo0yk{width:100%;display:flex;transition-property:transform}.sc-carousel__arrow-container.svelte-uwo0yk{padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sc-carousel-progress__container.svelte-uwo0yk{width:100%;height:5px;background-color:var(--sc-color-rgb-light-50p);position:absolute;bottom:0}.sc-carousel-button{all:unset;cursor:pointer}.sc-carousel-button:focus{outline:5px auto}
:root{--pink-light:#ebc7f2;--pink-hover:#d8a8e8;--pink-active:#c18ad2;--purple-light:#c2b6fc;--purple-hover:#a8a1f5;--purple-active:#8e8be0;--soft-blue:rgb(133, 171, 230);--muted-indigo:rgb(114, 113, 160);--text-dark:#333;--text-light:#fff;--text-muted:#667;--bg-light:#fff;--bg-very-light:#f9f9f9;--border-light:#eee;--orange-draft:rgba(255, 165, 0, 0.9);--danger-red:#dc3545;--danger-red-hover-bg:rgba(220, 53, 69, 0.1)}.course-card.svelte-128mk4f.svelte-128mk4f{background-color:var(--bg-light);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);position:relative;transition:transform 0.3s ease,
            box-shadow 0.3s ease;cursor:default;height:100%;display:flex;flex-direction:column;border:1px solid var(--border-light)}.course-card.svelte-128mk4f.svelte-128mk4f:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}@media(hover: hover){.course-card.svelte-128mk4f.svelte-128mk4f:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(194, 182, 252, 0.2)}}.banner.svelte-128mk4f.svelte-128mk4f{position:relative;width:100%;padding-top:56.25%;overflow:hidden;flex-grow:1;background-color:#eee}.banner.svelte-128mk4f img.svelte-128mk4f{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}@media(hover: hover){.course-card.svelte-128mk4f:hover .banner img.svelte-128mk4f{transform:scale(1.05)}}.banner-text.svelte-128mk4f.svelte-128mk4f{position:absolute;top:20px;left:20px;z-index:2;text-shadow:0 2px 8px rgba(0, 0, 0, 0.7);pointer-events:none;transition:color 0.3s ease}.banner-text.svelte-128mk4f h3.svelte-128mk4f{margin:0 0 5px 0;font-size:clamp(1.5rem, 4vw, 2.2rem);font-weight:700;line-height:1.2}.banner-text.svelte-128mk4f p.svelte-128mk4f{margin:0;font-size:clamp(0.9rem, 2.5vw, 1.1rem);font-weight:500;opacity:0.95;line-height:1.3}.description-overlay.svelte-128mk4f.svelte-128mk4f{position:absolute;bottom:0;left:0;right:0;height:35%;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-light);padding:20px 20px 15px;opacity:0;transform:translateY(100%);transition:opacity 0.5s ease,
            transform 0.5s ease,
            visibility 0.3s;z-index:3;overflow-y:auto;display:flex;align-items:flex-start;pointer-events:none;visibility:hidden;line-height:1.5;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom, transparent, black 15%);-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%)}.description-overlay.svelte-128mk4f.svelte-128mk4f::-webkit-scrollbar{display:none}.description-overlay.visible.svelte-128mk4f.svelte-128mk4f{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.description-overlay.svelte-128mk4f p.svelte-128mk4f{margin:0;font-size:clamp(0.85rem, 2.2vw, 1rem);white-space:pre-wrap}.card-footer.svelte-128mk4f.svelte-128mk4f{padding:15px 20px;background-color:var(--bg-very-light);display:flex;justify-content:center;align-items:center;min-height:65px;border-top:1px solid var(--border-light)}.admin-footer.svelte-128mk4f.svelte-128mk4f{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.action-button.svelte-128mk4f.svelte-128mk4f{border:none;border-radius:25px;padding:10px 20px;font-family:"Montserrat", sans-serif;font-weight:bold;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-light)}.action-button.enroll.svelte-128mk4f.svelte-128mk4f{background-image:linear-gradient(
            to right,
            var(--pink-light) 0%,
            var(--purple-light) 100%
        )}.action-button.enroll.svelte-128mk4f.svelte-128mk4f:hover{background-image:linear-gradient(
            to right,
            var(--pink-hover) 0%,
            var(--purple-hover) 100%
        );transform:scale(1.05);box-shadow:0 6px 15px rgba(0, 0, 0, 0.15)}.action-button.enroll.svelte-128mk4f.svelte-128mk4f:active{background-image:linear-gradient(
            to right,
            var(--pink-active) 0%,
            var(--purple-active) 100%
        );transform:scale(0.98);box-shadow:0 2px 5px rgba(0, 0, 0, 0.15)}.action-button.view-lessons.svelte-128mk4f.svelte-128mk4f,.action-button.view-as-admin.svelte-128mk4f.svelte-128mk4f{background-color:var(--soft-blue)}.action-button.view-lessons.svelte-128mk4f.svelte-128mk4f:hover,.action-button.view-as-admin.svelte-128mk4f.svelte-128mk4f:hover{background-color:hsl(214, 64%, 65%);transform:scale(1.05);box-shadow:0 6px 15px rgba(0, 0, 0, 0.15)}.action-button.view-lessons.svelte-128mk4f.svelte-128mk4f:active,.action-button.view-as-admin.svelte-128mk4f.svelte-128mk4f:active{background-color:hsl(214, 64%, 60%);transform:scale(0.98);box-shadow:0 2px 5px rgba(0, 0, 0, 0.15)}.status-info.svelte-128mk4f.svelte-128mk4f{font-size:0.9rem;color:var(--text-muted);font-weight:500}.status-info.paid.svelte-128mk4f.svelte-128mk4f{color:#fc8a15;font-weight:600}.status-info.admin-view.svelte-128mk4f.svelte-128mk4f{color:var(--muted-indigo);font-weight:600}.draft-indicator.svelte-128mk4f.svelte-128mk4f{position:absolute;top:10px;left:10px;background-color:var(--orange-draft);color:var(--text-light);padding:3px 8px;border-radius:5px;font-size:0.75rem;font-weight:bold;z-index:4;backdrop-filter:blur(2px)}.individual-indicator.svelte-128mk4f.svelte-128mk4f{position:absolute;top:10px;left:10px;background-color:var(--soft-blue);color:var(--text-light);padding:3px 8px;border-radius:5px;font-size:0.75rem;font-weight:bold;z-index:4;backdrop-filter:blur(2px)}.admin-actions.svelte-128mk4f.svelte-128mk4f{position:absolute;top:10px;right:10px;z-index:5;display:flex;gap:5px;background:rgba(255, 255, 255, 0.8);padding:5px;border-radius:8px;backdrop-filter:blur(3px);box-shadow:0 2px 5px rgba(0, 0, 255, 0.2)}.admin-actions.svelte-128mk4f button.svelte-128mk4f{background:rgba(255, 255, 255, 0.9);border:1px solid rgba(114, 113, 160, 0.3);cursor:pointer;padding:6px;color:var(--muted-indigo);border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.admin-actions.svelte-128mk4f button.svelte-128mk4f:hover{background-color:rgba(114, 113, 160, 0.1);transform:scale(1.1)}.admin-actions.svelte-128mk4f button.delete-button.svelte-128mk4f{color:var(--danger-red);border-color:rgba(220, 53, 69, 0.3)}.admin-actions.svelte-128mk4f button.delete-button.svelte-128mk4f:hover{background-color:var(--danger-red-hover-bg);color:var(--danger-red);border-color:var(--danger-red)}@media(max-width: 768px){.banner-text.svelte-128mk4f.svelte-128mk4f{top:15px;left:15px}.description-overlay.svelte-128mk4f.svelte-128mk4f{padding:10px 15px;height:40%}.card-footer.svelte-128mk4f.svelte-128mk4f{padding:10px 15px;min-height:60px}.action-button.svelte-128mk4f.svelte-128mk4f{padding:8px 16px;font-size:0.85rem}.course-card.svelte-128mk4f.svelte-128mk4f{cursor:pointer}@media(hover: none){.description-overlay.svelte-128mk4f.svelte-128mk4f{transition:opacity 0.4s ease,
                    transform 0.4s ease}}.admin-footer.svelte-128mk4f.svelte-128mk4f{flex-direction:column;gap:10px}}
.notification.svelte-1xtcty3{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(77, 68, 181, 0.9);color:white;padding:15px 30px;border-radius:25px;box-shadow:0 4px 15px rgba(77, 68, 181, 0.4);z-index:1000;font-family:'Montserrat', sans-serif;font-weight:600;backdrop-filter:blur(5px);text-align:center}p.svelte-1xtcty3{margin:0}
:root{--purple-light:#c2b6fc;--text-dark:#333;--text-muted:#555;--danger-red:#dc3545;--bg-light:#fff;--border-light:#ccc;--primary-action:#4d44b5;--primary-action-hover:#5f55d1}.modal-backdrop.svelte-1oq56js.svelte-1oq56js{position:fixed;inset:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:center;z-index:999999;backdrop-filter:blur(4px)}.modal-content.svelte-1oq56js.svelte-1oq56js{background-color:var(--bg-light);padding:25px 30px;border-radius:10px;box-shadow:0 5px 25px rgba(0, 0, 0, 0.2);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.close-button.svelte-1oq56js.svelte-1oq56js{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;line-height:1}.close-button.svelte-1oq56js.svelte-1oq56js:hover{color:var(--text-dark)}h2.svelte-1oq56js.svelte-1oq56js{margin-top:0;margin-bottom:20px;color:var(--text-dark);font-size:1.5rem;text-align:center}.form-group.svelte-1oq56js.svelte-1oq56js{margin-bottom:18px}label.svelte-1oq56js.svelte-1oq56js{display:block;margin-bottom:6px;font-weight:600;color:var(--text-dark);font-size:0.9rem}label.svelte-1oq56js.svelte-1oq56js:has(+ [required])::after{content:" *";color:var(--danger-red)}input[type="text"].svelte-1oq56js.svelte-1oq56js,textarea.svelte-1oq56js.svelte-1oq56js,select.svelte-1oq56js.svelte-1oq56js{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color 0.2s ease}input[type="text"].svelte-1oq56js.svelte-1oq56js:focus,textarea.svelte-1oq56js.svelte-1oq56js:focus,select.svelte-1oq56js.svelte-1oq56js:focus{outline:none;border-color:var(--purple-light);box-shadow:0 0 0 2px rgba(194, 182, 252, 0.3)}input[type="file"].svelte-1oq56js.svelte-1oq56js{padding:8px}textarea.svelte-1oq56js.svelte-1oq56js{resize:vertical;min-height:80px}.image-preview.svelte-1oq56js.svelte-1oq56js{margin-top:10px;max-width:100%}.image-preview.svelte-1oq56js p.svelte-1oq56js{font-size:0.8rem;color:var(--text-muted);margin-bottom:5px}.image-preview.svelte-1oq56js img.svelte-1oq56js{max-width:200px;max-height:150px;border-radius:5px;border:1px solid #eee;display:block}.form-actions.svelte-1oq56js.svelte-1oq56js{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:15px;border-top:1px solid #eee}.button.svelte-1oq56js.svelte-1oq56js{padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:600;transition:background-color 0.2s ease,
            transform 0.1s ease}.button.primary.svelte-1oq56js.svelte-1oq56js{background-color:var(--primary-action);color:white}.button.primary.svelte-1oq56js.svelte-1oq56js:hover:not(:disabled){background-color:var(--primary-action-hover)}.button.secondary.svelte-1oq56js.svelte-1oq56js{background-color:#eee;color:var(--text-dark);border:1px solid #ddd}.button.secondary.svelte-1oq56js.svelte-1oq56js:hover:not(:disabled){background-color:#e0e0e0}.button.svelte-1oq56js.svelte-1oq56js:active:not(:disabled){transform:scale(0.98)}.button.svelte-1oq56js.svelte-1oq56js:disabled{opacity:0.6;cursor:not-allowed}.error-text.svelte-1oq56js.svelte-1oq56js{color:var(--danger-red);font-size:0.8rem;margin-top:4px;display:block}.error-text.non-field.svelte-1oq56js.svelte-1oq56js{margin-top:15px;text-align:center;font-weight:bold}
.confirm-modal-backdrop.svelte-12nns0j.svelte-12nns0j{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.75);display:flex;justify-content:center;align-items:center;z-index:999999;padding:20px;box-sizing:border-box}.confirm-modal-content.svelte-12nns0j.svelte-12nns0j{background:var(--color-bg-light, white);padding:25px 30px;border-radius:var(--spacing-border-radius-block, 12px);width:100%;max-width:480px;box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);position:relative;text-align:center}.modal-header.svelte-12nns0j.svelte-12nns0j{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.warning-icon.svelte-12nns0j.svelte-12nns0j{color:var(--color-danger-red, #ff4d4d)}#confirm-modal-title.svelte-12nns0j.svelte-12nns0j{margin:0;color:var(--color-text-dark, #333);font-size:1.3rem;font-weight:var(--font-weight-bold)}.close-button.svelte-12nns0j.svelte-12nns0j{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:5px;color:var(--color-text-muted, #777);line-height:1;transition:color 0.2s}.close-button.svelte-12nns0j.svelte-12nns0j:hover{color:var(--color-text-dark, #333)}.modal-message.svelte-12nns0j.svelte-12nns0j{font-size:1rem;color:var(--color-text-muted, #555);margin-bottom:25px;line-height:1.6}.modal-actions.svelte-12nns0j.svelte-12nns0j{margin-top:20px;display:flex;justify-content:center;gap:15px}.modal-actions.svelte-12nns0j button.svelte-12nns0j{padding:10px 20px;border-radius:var(--spacing-border-radius-button, 20px);border:none;cursor:pointer;font-weight:var(--font-weight-semi-bold);transition:background-color 0.2s,
            opacity 0.2s;font-size:0.95rem;min-width:120px}.cancel-btn.svelte-12nns0j.svelte-12nns0j{background-color:var(--color-bg-ultra-light, #f0f0f0);color:var(--color-text-dark, #333);border:1px solid var(--color-border-light, #ddd)}.cancel-btn.svelte-12nns0j.svelte-12nns0j:hover{background-color:#e0e0e0}.confirm-btn.svelte-12nns0j.svelte-12nns0j{color:var(--color-text-light, white)}.confirm-btn.confirm-btn-danger.svelte-12nns0j.svelte-12nns0j{background-color:var(--color-danger-red, #ff4d4d)}.confirm-btn.confirm-btn-danger.svelte-12nns0j.svelte-12nns0j:hover:not(:disabled){background-color:#e63939}.confirm-btn.confirm-btn-primary.svelte-12nns0j.svelte-12nns0j{background-color:var(--color-primary, #afa4ff)}.confirm-btn.confirm-btn-primary.svelte-12nns0j.svelte-12nns0j:hover:not(:disabled){background-color:var(--color-primary-dark, #9d92f7)}.confirm-btn.svelte-12nns0j.svelte-12nns0j:disabled{background-color:#cccccc;opacity:0.7;cursor:not-allowed}.spinner.svelte-12nns0j.svelte-12nns0j{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:#fff;animation:svelte-12nns0j-spin 1s ease-in-out infinite;vertical-align:text-bottom;margin-right:8px}@keyframes svelte-12nns0j-spin{to{transform:rotate(360deg)}}
.courses-page.svelte-1vgeh4d{padding:30px var(--spacing-padding-page);max-width:var(--max-width-page);margin:0 auto;min-height:var(--min-height-page);background-color:var(--color-bg-ultra-light);opacity:0.8;transform:translateY(20px);transition:opacity 0.5s ease,
            transform 0.5s ease}.courses-page.visible.svelte-1vgeh4d{opacity:1;transform:none}.entrance-animation.svelte-1vgeh4d{opacity:0;transform:translateY(15px);animation:svelte-1vgeh4d-fadeIn var(--animation-duration-entrance) ease forwards}@keyframes svelte-1vgeh4d-fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pulse-animation.svelte-1vgeh4d{animation:svelte-1vgeh4d-pulse var(--animation-duration-pulse) infinite ease-in-out}@keyframes svelte-1vgeh4d-pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.page-title.svelte-1vgeh4d{animation-delay:var(--animation-delay-title)}.admin-controls.svelte-1vgeh4d{animation-delay:var(--animation-delay-admin-controls)}.carousel-container.svelte-1vgeh4d{animation-delay:var(--animation-delay-carousel)}.page-title.svelte-1vgeh4d{text-align:center;font-size:var(--font-size-h1);color:var(--color-text-dark);margin-bottom:var(--spacing-margin-bottom-large);font-weight:var(--font-weight-bold)}.admin-controls.svelte-1vgeh4d{display:flex;justify-content:flex-end;gap:var(--spacing-gap-medium);margin-bottom:var(--spacing-margin-bottom-medium);flex-wrap:wrap}.admin-button.svelte-1vgeh4d{background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button);border:var(--border-width-button) solid
            var(--color-border-admin-button);border-radius:var(--spacing-border-radius-button);padding:var(--spacing-padding-button);font-family:var(--font-family-primary);font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:all var(--animation-duration-transition) ease;display:inline-flex;align-items:center;gap:var(--spacing-gap-small);font-size:var(--font-size-button)}.admin-button.svelte-1vgeh4d:hover{background-color:var(--color-border-admin-button);box-shadow:0 2px 8px rgba(77, 68, 181, 0.1);transform:translateY(-1px)}.admin-button.svelte-1vgeh4d:active{transform:translateY(0);filter:brightness(0.98)}.sort-controls.svelte-1vgeh4d{display:flex;justify-content:center;align-items:center;gap:var(--spacing-gap-small);margin-bottom:var(--spacing-margin-bottom-medium);flex-wrap:wrap}.sort-label.svelte-1vgeh4d{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.sort-button.svelte-1vgeh4d{background-color:var(--color-bg-light);color:var(--color-text-dark);border:var(--border-width-button) solid var(--color-border-light);border-radius:var(--spacing-border-radius-button);padding:8px 16px;font-family:var(--font-family-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--animation-duration-transition) ease}.sort-button.svelte-1vgeh4d:hover{background-color:var(--color-bg-hover);border-color:var(--color-purple-light);transform:translateY(-1px)}.sort-button.active.svelte-1vgeh4d{background-color:var(--color-purple-light);color:white;border-color:var(--color-purple-light);font-weight:var(--font-weight-semi-bold)}.sort-button.svelte-1vgeh4d:active{transform:translateY(0)}@media(max-width: 768px){.admin-controls.svelte-1vgeh4d{justify-content:center}}.admin-button.create-button.svelte-1vgeh4d{background-color:var(--color-bg-admin-button-create);color:var(--color-text-admin-button-create);border-color:var(--color-bg-admin-button-create)}.admin-button.create-button.svelte-1vgeh4d:hover{background-color:var(--color-bg-admin-button-create-hover);border-color:var(--color-bg-admin-button-create-hover)}.loading-message.svelte-1vgeh4d,.error-message.svelte-1vgeh4d,.no-courses-message.svelte-1vgeh4d{text-align:center;font-size:1.1rem;color:var(--color-text-muted);margin-top:var(--spacing-margin-top-medium)}.error-message.svelte-1vgeh4d{color:var(--color-danger-red)}.carousel-container.svelte-1vgeh4d{position:relative;max-width:var(--max-width-carousel);margin:0 auto;padding:0 50px;padding-bottom:50px;touch-action:pan-y}.carousel-container .slick-dots{display:none !important}.carousel-dots-custom.svelte-1vgeh4d{display:flex;justify-content:center;gap:10px;margin-top:var(--spacing-margin-top-small);position:absolute;bottom:0;left:0;right:0}.custom-dot.svelte-1vgeh4d{width:var(--font-size-dot);height:var(--font-size-dot);border-radius:var(--spacing-border-radius-dot);background-color:var(--color-purple-light);opacity:0.4;border:none;cursor:pointer;padding:0;transition:all var(--animation-duration-transition) ease;box-shadow:0 1px 3px var(--color-shadow)}.custom-dot.svelte-1vgeh4d:hover{opacity:0.7;transform:scale(1.1)}.custom-dot.active.svelte-1vgeh4d{background-color:var(--color-purple-active);opacity:1;width:calc(var(--font-size-dot) + 2px);height:calc(var(--font-size-dot) + 2px);transform:scale(1.2);box-shadow:0 2px 4px rgba(77, 68, 181, 0.2)}.carousel-slide.svelte-1vgeh4d{padding:10px;min-height:var(--min-height-slide);display:flex;align-items:stretch;box-sizing:border-box}.slick-current{z-index:10}.slick-active{z-index:5}.carousel-slide.svelte-1vgeh4d>*{width:100%;height:100%;display:block}.carousel-arrow.svelte-1vgeh4d{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);background:var(--color-bg-light);border:var(--border-width-button) solid #ddd;border-radius:var(--spacing-border-radius-dot);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-purple-light);box-shadow:0 2px 5px var(--color-shadow);transition:all var(--animation-duration-transition) ease;z-index:10}.carousel-arrow.svelte-1vgeh4d:hover:not(:disabled){background:var(--color-purple-light);color:var(--color-text-light);transform:translateY(-50%) scale(1.08);border-color:var(--color-purple-light)}.carousel-arrow.svelte-1vgeh4d:disabled{opacity:0.4;cursor:not-allowed;background:#f0f0f0;color:#aaa;border-color:#eee}.carousel-arrow.prev.svelte-1vgeh4d{left:0px}.carousel-arrow.next.svelte-1vgeh4d{right:0px}@media(max-width: 900px){.carousel-container.svelte-1vgeh4d{max-width:600px;padding:0 45px 50px}.carousel-slide.svelte-1vgeh4d{min-height:480px}}@media(max-width: 768px){.courses-page.svelte-1vgeh4d{padding:20px var(--spacing-padding-page)}.admin-controls.svelte-1vgeh4d{justify-content:space-between}.carousel-container.svelte-1vgeh4d{padding:0 40px 50px;max-width:100%}.carousel-arrow.svelte-1vgeh4d{width:35px;height:35px;top:calc(50% - 35px)}.carousel-arrow.prev.svelte-1vgeh4d{left:0px}.carousel-arrow.next.svelte-1vgeh4d{right:0px}.carousel-slide.svelte-1vgeh4d{min-height:460px;padding:5px}}@media(max-width: 480px){.carousel-slide.svelte-1vgeh4d{min-height:420px}.carousel-arrow.svelte-1vgeh4d{width:30px;height:30px;top:calc(50% - 40px)}.carousel-arrow.prev.svelte-1vgeh4d{left:-5px}.carousel-arrow.next.svelte-1vgeh4d{right:-5px}.carousel-container.svelte-1vgeh4d{padding:0 30px 40px}.custom-dot.svelte-1vgeh4d{width:10px;height:10px}.custom-dot.active.svelte-1vgeh4d{width:12px;height:12px}}
@keyframes svelte-14qrma2-card-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lesson-card.svelte-14qrma2.svelte-14qrma2{background-color:var(--color-block-bg, #fff);border-radius:var(--spacing-border-radius-block, 16px);box-shadow:var(--color-block-shadow, 0 3px 10px rgba(0, 0, 0, 0.06));overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.3s ease,
            transform 0.3s ease;position:relative;border:1px solid var(--color-border-light, #f0f0f0);opacity:0;transform:translateY(20px);animation:svelte-14qrma2-card-enter 0.5s ease-out forwards}.icon-container.locked.svelte-14qrma2.svelte-14qrma2{filter:brightness(0.7)}.lesson-card.svelte-14qrma2.svelte-14qrma2:hover{box-shadow:var(
            --color-block-shadow-hover,
            0 6px 18px rgba(0, 0, 0, 0.1)
        );transform:translateY(-5px)}.admin-controls.svelte-14qrma2.svelte-14qrma2{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:100;background-color:rgba(255, 255, 255, 0.4);padding:4px;border-radius:10px;backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)}.admin-icon-button.svelte-14qrma2.svelte-14qrma2{background:none;border:none;padding:5px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background-color 0.2s,
            color 0.2s}.admin-icon-button.edit.svelte-14qrma2.svelte-14qrma2:hover{background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button)}.admin-icon-button.delete.svelte-14qrma2.svelte-14qrma2:hover{background-color:rgba(255, 77, 77, 0.2);color:var(--color-danger-red)}.card-content.svelte-14qrma2.svelte-14qrma2{padding:20px;display:flex;flex-direction:column;flex-grow:1}.top-section.svelte-14qrma2.svelte-14qrma2{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.icon-container.svelte-14qrma2.svelte-14qrma2{width:85px;height:85px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;transition:transform 0.3s ease}.lesson-card.svelte-14qrma2:hover .icon-container.svelte-14qrma2{transform:scale(1.05)}.icon-container.svelte-14qrma2 svg{color:var(--color-purple-active)}.icon-container.locked.svelte-14qrma2 svg{color:#ccc}.icon-container.locked.svelte-14qrma2.svelte-14qrma2::after{content:"";position:absolute;inset:0;border-radius:12px}.lock-overlay.svelte-14qrma2.svelte-14qrma2{position:absolute;z-index:2;color:rgba(0, 0, 0, 0.9);display:flex;align-items:center;justify-content:center;filter:none}.header-main-content.svelte-14qrma2.svelte-14qrma2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;flex-grow:1;min-width:0}.info-wrapper.svelte-14qrma2.svelte-14qrma2{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:2px}.section-badge.svelte-14qrma2.svelte-14qrma2{background:#f8fbff;border:1px solid #ddecff;border-radius:20px;padding:4px 12px;display:flex;align-items:center;gap:5px;flex-shrink:0;box-shadow:0 2px 8px rgba(110, 89, 255, 0.08);border:1px solid var(--color-purple-light, #c2b6fc);align-self:flex-start;margin-top:2px}.badge-label.svelte-14qrma2.svelte-14qrma2{font-size:0.85rem;color:#8c94ab;font-weight:var(--font-weight-medium)}.badge-number.svelte-14qrma2.svelte-14qrma2{font-weight:var(--font-weight-bold, 700);color:var(--color-purple-active, #8e8be0);font-size:1rem}.title-progress-group.svelte-14qrma2.svelte-14qrma2{display:flex;flex-direction:column;gap:4px}.progress-bar-container.svelte-14qrma2.svelte-14qrma2{height:6px;background-color:var(--color-border-light, #f0f0f0);border-radius:3px;overflow:hidden;margin:5px 0 2px 0}.progress-bar.svelte-14qrma2.svelte-14qrma2{height:100%;background:linear-gradient(
            to right,
            var(--color-purple-light, #c2b6fc),
            var(--color-purple-active, #8e8be0)
        );transition:width 0.8s cubic-bezier(0.25, 1, 0.5, 1)}.title.svelte-14qrma2.svelte-14qrma2{font-size:1.4rem;font-weight:var(--font-weight-bold, 700);color:var(--color-text-dark, #333);margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-text.svelte-14qrma2.svelte-14qrma2{font-size:0.85rem;color:var(--color-text-muted, #666);margin:0;font-weight:var(--font-weight-medium)}.toc-container.svelte-14qrma2.svelte-14qrma2{margin-bottom:0;flex-grow:1;padding:5px}.toc-title.svelte-14qrma2.svelte-14qrma2{font-size:0.85rem;font-weight:var(--font-weight-bold, 700);color:#888;margin:0 0 8px 0;text-transform:uppercase;letter-spacing:0.5px}.toc-description.svelte-14qrma2.svelte-14qrma2{font-size:0.95rem;color:var(--color-text-muted, #555);line-height:1.5;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bottom-section.svelte-14qrma2.svelte-14qrma2{margin-top:auto;text-align:center;padding-top:10px}@media(max-width: 480px){.card-content.svelte-14qrma2.svelte-14qrma2{padding:15px}.icon-container.svelte-14qrma2.svelte-14qrma2{width:70px;height:70px}.title.svelte-14qrma2.svelte-14qrma2{font-size:1.15rem;min-height:calc(1.15rem * 1.35 * 2)}.toc-description.svelte-14qrma2.svelte-14qrma2{font-size:0.9rem;-webkit-line-clamp:5;line-clamp:5}.info-wrapper.svelte-14qrma2.svelte-14qrma2{min-height:60px}.action-button.svelte-14qrma2.svelte-14qrma2{font-size:0.9rem;padding:10px 15px}.progress-text.svelte-14qrma2.svelte-14qrma2{font-size:0.85rem}}.action-button.svelte-14qrma2.svelte-14qrma2{width:100%;padding:12px 20px;border:none;border-radius:var(--spacing-border-radius-button, 20px);background:linear-gradient(
            to bottom,
            rgb(161, 132, 194),
            rgb(164, 182, 216)
        );color:var(--color-text-light, #fff);font-weight:var(--font-weight-semi-bold, 600);font-size:1rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(160, 160, 200, 0.2)}.action-button.svelte-14qrma2.svelte-14qrma2:hover{filter:brightness(1.1);box-shadow:0 4px 12px rgba(160, 160, 200, 0.3);transform:translateY(-2px)}.action-button.svelte-14qrma2.svelte-14qrma2:active{filter:brightness(0.95);transform:translateY(0)}.action-button.locked-btn.svelte-14qrma2.svelte-14qrma2{background:#ccc;cursor:not-allowed;box-shadow:none}.action-button.locked-btn.svelte-14qrma2.svelte-14qrma2:hover{transform:none;box-shadow:none}
@keyframes svelte-9zwp1j-card-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-card.svelte-9zwp1j{position:relative;aspect-ratio:3 / 2;border-radius:var(--spacing-border-radius-block, 16px);overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;padding:15px;color:white;border:2px solid transparent;transition:border-color 0.3s ease, box-shadow 0.3s ease;opacity:0;transform:translateY(20px);animation:svelte-9zwp1j-card-enter 0.5s ease-out forwards}.section-card.svelte-9zwp1j::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--bg-image);background-size:cover;background-position:center;transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:1}.section-card.svelte-9zwp1j::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);transition:background-color 0.3s ease;z-index:2}.section-card.svelte-9zwp1j:hover{border-color:var(--color-purple-light);box-shadow:var(--color-block-shadow-hover, 0 6px 18px rgba(0,0,0,0.2))}.section-card.svelte-9zwp1j:hover::before{transform:scale(1.05)}.section-card.svelte-9zwp1j:active::before{transform:scale(1.02)}.section-card.svelte-9zwp1j:hover::after{background-color:rgba(0, 0, 0, 0.55)}.title-container.svelte-9zwp1j{position:relative;z-index:3;padding:10px;background:rgba(0,0,0,0.2);border-radius:8px;transition:background-color 0.3s ease}.title.svelte-9zwp1j{font-size:clamp(1.1rem, 4vw, 1.5rem);font-weight:var(--font-weight-bold, 700);margin:0;text-shadow:2px 2px 8px rgba(0,0,0,0.8)}.admin-controls.svelte-9zwp1j{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10}.admin-button.svelte-9zwp1j{background:rgba(30, 30, 30, 0.6);color:white;border:1px solid rgba(255, 255, 255, 0.3);border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}.admin-button.svelte-9zwp1j:hover{background:rgba(0, 0, 0, 0.8);transform:scale(1.1)}
.pagination-container.svelte-1cng9a9{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0}.pagination.svelte-1cng9a9{display:flex;justify-content:center;align-items:center;gap:8px}.button-wrapper.svelte-1cng9a9{display:flex;align-items:center}button.svelte-1cng9a9{min-width:36px;height:36px;padding:0 6px;border:1px solid var(--color-border-light, #ccc);border-radius:50%;background-color:var(--color-bg-light, #fff);color:var(--color-text-muted, #555);font-weight:var(--font-weight-medium, 500);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:all 0.3s ease;font-size:0.9rem}button.svelte-1cng9a9:disabled{opacity:0.5;cursor:not-allowed;background-color:var(--color-input-bg, #f5f5f5)}button.svelte-1cng9a9:not(:disabled):hover{border-color:var(--color-text-muted, #888);color:var(--color-text-dark, #333);box-shadow:0 1px 3px rgba(0,0,0,0.1);transform:translateY(-1px)}button.page-number.active.svelte-1cng9a9{background:linear-gradient(135deg, #D1DFFA 0%, #FFBED7 100%);color:var(--color-text-dark, #333);border-color:transparent;font-weight:var(--font-weight-bold, 700);cursor:default;box-shadow:0 2px 5px rgba(200, 200, 255, 0.4)}button.arrow.svelte-1cng9a9{padding:0;transition:transform 0.2s ease}button.arrow.svelte-1cng9a9:not(:disabled):hover{transform:translateX(0) scale(1.05)}button.arrow.svelte-1cng9a9:first-child:not(:disabled):hover{transform:translateX(-2px)}button.arrow.svelte-1cng9a9:last-child:not(:disabled):hover{transform:translateX(2px)}button.arrow.svelte-1cng9a9:disabled svg{color:#bbb}.page-jump.svelte-1cng9a9{display:flex;align-items:center;gap:0.5rem;background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(10px);padding:0.75rem 1rem;border-radius:var(--spacing-border-radius-button, 8px);border:1px solid rgba(194, 182, 252, 0.2);box-shadow:0 2px 10px rgba(194, 182, 252, 0.1)}.jump-label.svelte-1cng9a9{font-size:0.9rem;color:var(--color-text-muted, #666);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.page-input.svelte-1cng9a9{width:80px;padding:0.4rem 0.6rem;border:1px solid rgba(194, 182, 252, 0.3);border-radius:var(--spacing-border-radius-small, 4px);background:rgba(255, 255, 255, 0.8);color:var(--color-text-dark, #333);font-size:0.9rem;text-align:center;transition:all 0.3s ease}.page-input.svelte-1cng9a9:focus{outline:none;border-color:var(--color-purple-active, #8b5cf6);background:rgba(255, 255, 255, 1);box-shadow:0 0 0 2px rgba(139, 92, 246, 0.2)}.jump-button.svelte-1cng9a9{min-width:auto;height:auto;padding:0.4rem 0.8rem;border-radius:var(--spacing-border-radius-small, 4px);background:linear-gradient(135deg, var(--color-purple-active), var(--color-pink-active));color:var(--color-text-light, #fff);border:none;font-size:0.85rem;font-weight:var(--font-weight-semi-bold, 600)}.jump-button.svelte-1cng9a9:hover{background:linear-gradient(135deg, var(--color-purple-hover), var(--color-pink-hover));transform:translateY(-1px);box-shadow:0 4px 12px rgba(139, 92, 246, 0.3)}.page-info.svelte-1cng9a9{font-size:0.85rem;color:var(--color-text-muted, #666);font-weight:var(--font-weight-medium, 500);text-align:center}@media(max-width: 768px){.pagination-container.svelte-1cng9a9{gap:0.75rem}.page-jump.svelte-1cng9a9{flex-direction:column;gap:0.5rem;padding:0.5rem}.jump-label.svelte-1cng9a9{font-size:0.8rem}.page-input.svelte-1cng9a9{width:100px}}
.svelte-easy-crop-container.svelte-16jq1sj{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;user-select:none;touch-action:none;cursor:move}.svelte-easy-crop-image.svelte-16jq1sj{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;will-change:transform}.svelte-easy-crop-area.svelte-16jq1sj{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0 0 0 9999em;box-sizing:border-box;color:rgba(0, 0, 0, 0.5);border:1px solid rgba(255, 255, 255, 0.5);overflow:hidden}.svelte-easy-crop-grid.svelte-16jq1sj:before{content:' ';box-sizing:border-box;border:1px solid rgba(255, 255, 255, 0.5);position:absolute;top:0;bottom:0;left:33.33%;right:33.33%;border-top:0;border-bottom:0}.svelte-easy-crop-grid.svelte-16jq1sj:after{content:' ';box-sizing:border-box;border:1px solid rgba(255, 255, 255, 0.5);position:absolute;top:33.33%;bottom:33.33%;left:0;right:0;border-left:0;border-right:0}.svelte-easy-crop-round.svelte-16jq1sj{border-radius:50%}
.modal-overlay.svelte-1y4cmxj.svelte-1y4cmxj{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content.svelte-1y4cmxj.svelte-1y4cmxj{background-color:var(--color-bg-light, #fff);padding:30px 35px;border-radius:var(--spacing-border-radius-block, 16px);box-shadow:0 5px 20px rgba(0, 0, 0, 0.2);position:relative;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;animation:svelte-1y4cmxj-slide-down 0.3s ease-out}@keyframes svelte-1y4cmxj-slide-down{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button.svelte-1y4cmxj.svelte-1y4cmxj{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:var(--color-text-muted, #888);padding:5px;border-radius:50%;transition:background-color 0.2s}.close-button.svelte-1y4cmxj.svelte-1y4cmxj:hover{background-color:var(--color-simple-button-hover-bg, #f0f0f0);color:var(--color-text-dark, #333)}.modal-title.svelte-1y4cmxj.svelte-1y4cmxj{text-align:center;margin-top:0;margin-bottom:25px;font-size:1.5rem;font-weight:var(--font-weight-bold, 700);color:var(--color-text-dark, #333)}.form-group.svelte-1y4cmxj.svelte-1y4cmxj{margin-bottom:20px}label.svelte-1y4cmxj.svelte-1y4cmxj{display:block;margin-bottom:8px;font-weight:var(--font-weight-semi-bold, 600);font-size:0.95rem;color:var(--color-label, #303972)}input[type="text"].svelte-1y4cmxj.svelte-1y4cmxj{width:100%;padding:var(--spacing-input-padding, 12px 15px);border:1px solid var(--color-input-border, #ccc);border-radius:var(--spacing-input-border-radius, 8px);font-size:1rem;transition:border-color 0.2s,
      box-shadow 0.2s}input[type="text"].svelte-1y4cmxj.svelte-1y4cmxj:focus,textarea.svelte-1y4cmxj.svelte-1y4cmxj:focus{outline:none;border-color:var(--color-input-focus-border, #6d7fc9);box-shadow:0 0 0 3px
      var(--color-input-focus-shadow, rgba(109, 127, 201, 0.2))}textarea.svelte-1y4cmxj.svelte-1y4cmxj{width:100%;padding:var(--spacing-input-padding, 12px 15px);border:1px solid var(--color-input-border, #ccc);border-radius:var(--spacing-input-border-radius, 8px);font-size:1rem;transition:border-color 0.2s,
      box-shadow 0.2s;resize:vertical;font-family:inherit}.image-upload-area.svelte-1y4cmxj.svelte-1y4cmxj{border:2px dashed var(--color-input-border, #ccc);border-radius:var(--spacing-input-border-radius, 8px);padding:15px;display:flex;justify-content:center;align-items:center;min-height:150px;transition:border-color 0.2s;position:relative}.image-upload-area.svelte-1y4cmxj.svelte-1y4cmxj:hover{border-color:var(--color-input-focus-border, #6d7fc9)}.image-upload-label.svelte-1y4cmxj.svelte-1y4cmxj{cursor:pointer;text-align:center;color:var(--color-text-muted, #888);display:flex;flex-direction:column;align-items:center;gap:10px}.image-upload-label.svelte-1y4cmxj span.svelte-1y4cmxj{font-size:0.9rem}.image-upload-label.svelte-1y4cmxj.svelte-1y4cmxj:hover{color:var(--color-input-focus-border, #6d7fc9)}.remove-image-btn.svelte-1y4cmxj.svelte-1y4cmxj{position:absolute;top:5px;right:5px;background-color:rgba(255, 0, 0, 0.7);color:white;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color 0.2s;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3)}.remove-image-btn.svelte-1y4cmxj.svelte-1y4cmxj:hover{background-color:rgba(255, 0, 0, 0.9)}.form-hint.svelte-1y4cmxj.svelte-1y4cmxj{font-size:0.8rem;color:var(--color-text-muted, #777);display:block;margin-top:8px;text-align:center}.form-actions.svelte-1y4cmxj.svelte-1y4cmxj{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button.svelte-1y4cmxj.svelte-1y4cmxj,.save-button.svelte-1y4cmxj.svelte-1y4cmxj{padding:10px 25px;border-radius:var(--spacing-border-radius-button, 20px);font-weight:var(--font-weight-semi-bold, 600);cursor:pointer;transition:all 0.2s ease;font-size:0.95rem}.cancel-button.svelte-1y4cmxj.svelte-1y4cmxj{background-color:var(--color-cancel-btn-bg, #f0f0f0);border:1px solid var(--color-border-light, #ccc);color:var(--color-cancel-btn-text, #555)}.cancel-button.svelte-1y4cmxj.svelte-1y4cmxj:hover:not(:disabled){background-color:#e5e5e5;border-color:#bbb}.save-button.svelte-1y4cmxj.svelte-1y4cmxj{background:linear-gradient(
      120deg,
      var(--color-save-btn-gradient-start, #ebc7f2),
      var(--color-save-btn-gradient-end, #c2b6fc)
    );color:var(--color-save-btn-text, white);border:none;box-shadow:0 3px 8px rgba(194, 182, 252, 0.4)}.save-button.svelte-1y4cmxj.svelte-1y4cmxj:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px rgba(194, 182, 252, 0.5)}.save-button.svelte-1y4cmxj.svelte-1y4cmxj:active:not(:disabled){transform:translateY(1px);filter:brightness(0.95)}.save-button.svelte-1y4cmxj.svelte-1y4cmxj:disabled{opacity:0.7;cursor:not-allowed;background:#ccc;box-shadow:none}.error-message.svelte-1y4cmxj.svelte-1y4cmxj{color:var(--color-error, #e74c3c);background-color:var(--color-error-bg, rgba(231, 76, 60, 0.1));padding:10px;border-radius:var(--spacing-border-radius-small, 5px);margin-bottom:15px;text-align:center;font-size:0.9rem}
.modal-overlay.svelte-1jegjv5.svelte-1jegjv5,.modal-content.svelte-1jegjv5.svelte-1jegjv5,.close-button.svelte-1jegjv5.svelte-1jegjv5,.modal-title.svelte-1jegjv5.svelte-1jegjv5,.form-group.svelte-1jegjv5.svelte-1jegjv5,label.svelte-1jegjv5.svelte-1jegjv5,input[type="text"].svelte-1jegjv5.svelte-1jegjv5,.image-upload-area.svelte-1jegjv5.svelte-1jegjv5,.image-upload-label.svelte-1jegjv5.svelte-1jegjv5,.remove-image-btn.svelte-1jegjv5.svelte-1jegjv5,.form-actions.svelte-1jegjv5.svelte-1jegjv5,.cancel-button.svelte-1jegjv5.svelte-1jegjv5,.save-button.svelte-1jegjv5.svelte-1jegjv5,.error-message.svelte-1jegjv5.svelte-1jegjv5{--spacing-input-border-radius:8px;--color-input-border:#ccc;--color-input-focus-border:#6d7fc9;--color-label:#303972;--font-weight-semi-bold:600;--color-text-muted:#888;--spacing-input-padding:12px 15px;--color-bg-light:#fff;--spacing-border-radius-block:16px;--color-cancel-btn-bg:#f0f0f0;--color-border-light:#ccc;--color-cancel-btn-text:#555;--spacing-border-radius-button:20px;--color-save-btn-gradient-start:#ebc7f2;--color-save-btn-gradient-end:#c2b6fc;--color-save-btn-text:white;--color-error:#e74c3c;--color-error-bg:rgba(231, 76, 60, 0.1);--spacing-border-radius-small:5px}.modal-overlay.svelte-1jegjv5.svelte-1jegjv5{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content.svelte-1jegjv5.svelte-1jegjv5{background-color:var(--color-bg-light, #fff);padding:30px 35px;border-radius:var(--spacing-border-radius-block, 16px);box-shadow:0 5px 20px rgba(0, 0, 0, 0.2);position:relative;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;animation:svelte-1jegjv5-slide-down 0.3s ease-out}@keyframes svelte-1jegjv5-slide-down{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button.svelte-1jegjv5.svelte-1jegjv5{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:var(--color-text-muted, #888);padding:5px;border-radius:50%;transition:background-color 0.2s}.close-button.svelte-1jegjv5.svelte-1jegjv5:hover{background-color:#f0f0f0;color:#333}.modal-title.svelte-1jegjv5.svelte-1jegjv5{text-align:center;margin-top:0;margin-bottom:25px;font-size:1.5rem;font-weight:700;color:#333}.form-group.svelte-1jegjv5.svelte-1jegjv5{margin-bottom:20px}label.svelte-1jegjv5.svelte-1jegjv5{display:block;margin-bottom:8px;font-weight:var(--font-weight-semi-bold, 600);font-size:0.95rem;color:var(--color-label, #303972)}input[type="text"].svelte-1jegjv5.svelte-1jegjv5{width:100%;padding:var(--spacing-input-padding, 12px 15px);border:1px solid var(--color-input-border, #ccc);border-radius:var(--spacing-input-border-radius, 8px);font-size:1rem;transition:border-color 0.2s,
      box-shadow 0.2s}input[type="text"].svelte-1jegjv5.svelte-1jegjv5:focus{outline:none;border-color:var(--color-input-focus-border, #6d7fc9);box-shadow:0 0 0 3px rgba(109, 127, 201, 0.2)}.image-upload-area.svelte-1jegjv5.svelte-1jegjv5{border:2px dashed var(--color-input-border, #ccc);border-radius:var(--spacing-input-border-radius, 8px);padding:15px;display:flex;justify-content:center;align-items:center;min-height:150px;transition:border-color 0.2s;position:relative}.image-upload-area.svelte-1jegjv5.svelte-1jegjv5:hover{border-color:var(--color-input-focus-border, #6d7fc9)}.image-upload-label.svelte-1jegjv5.svelte-1jegjv5{cursor:pointer;text-align:center;color:var(--color-text-muted, #888);display:flex;flex-direction:column;align-items:center;gap:10px}.image-upload-label.svelte-1jegjv5 span.svelte-1jegjv5{font-size:0.9rem}.image-upload-label.svelte-1jegjv5.svelte-1jegjv5:hover{color:var(--color-input-focus-border, #6d7fc9)}.remove-image-btn.svelte-1jegjv5.svelte-1jegjv5{position:absolute;top:5px;right:5px;background-color:rgba(255, 0, 0, 0.7);color:white;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color 0.2s;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3)}.remove-image-btn.svelte-1jegjv5.svelte-1jegjv5:hover{background-color:rgba(255, 0, 0, 0.9)}.form-actions.svelte-1jegjv5.svelte-1jegjv5{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button.svelte-1jegjv5.svelte-1jegjv5,.save-button.svelte-1jegjv5.svelte-1jegjv5{padding:10px 25px;border-radius:var(--spacing-border-radius-button, 20px);font-weight:var(--font-weight-semi-bold, 600);cursor:pointer;transition:all 0.2s ease;font-size:0.95rem}.cancel-button.svelte-1jegjv5.svelte-1jegjv5{background-color:var(--color-cancel-btn-bg, #f0f0f0);border:1px solid var(--color-border-light, #ccc);color:var(--color-cancel-btn-text, #555)}.cancel-button.svelte-1jegjv5.svelte-1jegjv5:hover:not(:disabled){background-color:#e5e5e5;border-color:#bbb}.save-button.svelte-1jegjv5.svelte-1jegjv5{background:linear-gradient(
      120deg,
      var(--color-save-btn-gradient-start, #ebc7f2),
      var(--color-save-btn-gradient-end, #c2b6fc)
    );color:var(--color-save-btn-text, white);border:none;box-shadow:0 3px 8px rgba(194, 182, 252, 0.4)}.save-button.svelte-1jegjv5.svelte-1jegjv5:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px rgba(194, 182, 252, 0.5)}.save-button.svelte-1jegjv5.svelte-1jegjv5:active:not(:disabled){transform:translateY(1px);filter:brightness(0.95)}.save-button.svelte-1jegjv5.svelte-1jegjv5:disabled{opacity:0.7;cursor:not-allowed;background:#ccc;box-shadow:none}.error-message.svelte-1jegjv5.svelte-1jegjv5{color:var(--color-error, #e74c3c);background-color:var(--color-error-bg, rgba(231, 76, 60, 0.1));padding:10px;border-radius:var(--spacing-border-radius-small, 5px);margin-bottom:15px;text-align:center;font-size:0.9rem}.checkbox-group.svelte-1jegjv5.svelte-1jegjv5{display:flex;align-items:flex-start;gap:10px;margin-bottom:5px}.checkbox-group.svelte-1jegjv5 input[type="checkbox"].svelte-1jegjv5{margin-top:3px;width:18px;height:18px;cursor:pointer}.checkbox-group.svelte-1jegjv5 label.svelte-1jegjv5{margin-bottom:0;font-weight:normal;color:var(--color-text-dark);cursor:pointer;flex-grow:1}
.search-container.svelte-19hti3y.svelte-19hti3y{position:relative;width:100%;max-width:500px;z-index:5}.input-wrapper.svelte-19hti3y.svelte-19hti3y{display:flex;align-items:center;background:#fff;border:1px solid #eef2ff;border-radius:12px;padding:4px 12px;box-shadow:0 4px 15px rgba(110, 89, 255, 0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.input-wrapper.has-focus.svelte-19hti3y.svelte-19hti3y{border-color:var(--color-purple-light, #c2b6fc);box-shadow:0 8px 25px rgba(110, 89, 255, 0.15);transform:translateY(-1px)}.search-icon.svelte-19hti3y.svelte-19hti3y{display:flex;align-items:center;color:#8c94ab;margin-right:10px}input.svelte-19hti3y.svelte-19hti3y{flex:1;border:none;background:transparent;padding:8px 0;font-size:1rem;outline:none;color:var(--color-text-dark, #333);min-width:0}input.svelte-19hti3y.svelte-19hti3y::placeholder{color:#b0b8d1}.clear-button.svelte-19hti3y.svelte-19hti3y{background:none;border:none;padding:4px;cursor:pointer;color:#8c94ab;display:flex;align-items:center;transition:color 0.2s;margin-left:5px}.clear-button.svelte-19hti3y.svelte-19hti3y:hover{color:var(--color-danger-red, #ff4d4d)}.suggestions-dropdown.svelte-19hti3y.svelte-19hti3y{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:6;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);overflow:hidden;border:1px solid #f0f2ff}.suggestions-list.svelte-19hti3y.svelte-19hti3y{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.suggestions-list.svelte-19hti3y li.svelte-19hti3y{padding:12px 16px;cursor:pointer;transition:background 0.2s;border-bottom:1px solid #f8faff}.suggestions-list.svelte-19hti3y li.svelte-19hti3y:last-child{border-bottom:none}.suggestions-list.svelte-19hti3y li.svelte-19hti3y:hover{background:#f4f6ff}.suggestion-item.svelte-19hti3y.svelte-19hti3y{display:flex;align-items:center;gap:12px}.suggestion-info.svelte-19hti3y.svelte-19hti3y{display:flex;flex-direction:column;gap:2px;min-width:0}.suggestion-title.svelte-19hti3y.svelte-19hti3y{font-weight:600;color:var(--color-text-dark, #333);font-size:0.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-desc.svelte-19hti3y.svelte-19hti3y{font-size:0.8rem;color:var(--color-text-muted, #777);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-results.svelte-19hti3y.svelte-19hti3y{padding:20px;text-align:center;color:#8c94ab;font-size:0.9rem;font-style:italic}
.course-lessons-page.svelte-zjj9zz.svelte-zjj9zz{padding:30px var(--spacing-padding-page, 20px);max-width:var(--max-width-page, 1200px);margin:0 auto;min-height:var(--min-height-page, calc(100vh - 150px));display:flex;flex-direction:column;gap:var(--spacing-gap-large, 30px)}.page-title.svelte-zjj9zz.svelte-zjj9zz{text-align:center;font-size:var(--font-size-h1, 2.5rem);color:var(--color-text-dark, #333);margin-bottom:0;font-weight:var(--font-weight-bold, 700)}.view-mode-controls.svelte-zjj9zz.svelte-zjj9zz{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px}.search-bar-row.svelte-zjj9zz.svelte-zjj9zz{display:flex;justify-content:center;margin-bottom:15px;width:100%}.admin-button.svelte-zjj9zz.svelte-zjj9zz{background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button);border:1px solid var(--color-border-admin-button);border-radius:var(--spacing-border-radius-button, 20px);padding:var(--spacing-padding-button, 8px 15px);font-family:var(--font-family-primary);font-weight:var(--font-weight-semi-bold, 600);cursor:pointer;transition:all var(--animation-duration-transition, 0.2s) ease;display:inline-flex;align-items:center;gap:var(--spacing-gap-small, 5px);font-size:var(--font-size-button, 0.9rem)}.admin-button.svelte-zjj9zz.svelte-zjj9zz:hover{background-color:var(--color-border-admin-button);color:var(--color-bg-light);box-shadow:0 2px 8px rgba(194, 182, 252, 0.3);transform:translateY(-1px)}.admin-button.svelte-zjj9zz.svelte-zjj9zz:active{transform:translateY(0);filter:brightness(0.95)}.admin-button.create-button.svelte-zjj9zz.svelte-zjj9zz{background-color:var(--color-bg-admin-button-create);color:var(--color-text-admin-button-create);border-color:var(--color-bg-admin-button-create)}.admin-button.create-button.svelte-zjj9zz.svelte-zjj9zz:hover{background-color:var(--color-bg-admin-button-create-hover);border-color:var(--color-bg-admin-button-create-hover)}.content-box.svelte-zjj9zz.svelte-zjj9zz{background-color:var(--color-bg-light, #fff);padding:var(--spacing-padding-box, 25px);border-radius:var(--spacing-border-radius-block, 16px);box-shadow:var(--color-block-shadow, 0 4px 15px rgba(0, 0, 0, 0.08))}.loading-message.svelte-zjj9zz.svelte-zjj9zz,.error-message.svelte-zjj9zz.svelte-zjj9zz,.no-items-message.svelte-zjj9zz.svelte-zjj9zz{text-align:center;font-size:1.1rem;color:var(--color-text-muted, #666);padding:40px 20px}.error-message.svelte-zjj9zz.svelte-zjj9zz{color:var(--color-danger-red, #dc3545)}.lessons-section.svelte-zjj9zz .controls-header.svelte-zjj9zz{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-margin-bottom-medium, 20px);gap:12px;border-bottom:1px solid var(--color-border-light, #eee);padding-bottom:15px}.lesson-count.svelte-zjj9zz.svelte-zjj9zz{font-size:0.95rem;color:var(--color-text-muted, #555);flex-shrink:0;font-weight:var(--font-weight-medium)}.hint-text.svelte-zjj9zz.svelte-zjj9zz{font-size:0.9rem;color:var(--color-secondary, #6c63ff);display:inline-flex;align-items:center;gap:6px}.hint-text.svelte-zjj9zz.svelte-zjj9zz::before{content:"⇅";font-size:1rem}.lessons-grid.svelte-zjj9zz.svelte-zjj9zz{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;margin-bottom:30px;transition:opacity 0.3s ease-out;min-width:0}.lessons-grid.svelte-zjj9zz>.svelte-zjj9zz{min-width:0}.lessons-grid.loading.svelte-zjj9zz.svelte-zjj9zz{opacity:0.5;pointer-events:none}.lessons-grid-container.svelte-zjj9zz.svelte-zjj9zz{margin-bottom:var(--spacing-margin-bottom-large, 30px)}.pagination-container.svelte-zjj9zz.svelte-zjj9zz{display:flex;justify-content:flex-end;margin-top:var(--spacing-margin-top-medium, 20px);padding-right:10px}.practice-section.svelte-zjj9zz.svelte-zjj9zz{margin-top:var(--spacing-margin-top-medium, 30px)}.practice-section.svelte-zjj9zz .section-title.svelte-zjj9zz{font-size:var(--font-size-h2, 1.8rem);color:var(--color-text-dark, #333);margin-bottom:0;font-weight:var(--font-weight-seми-bold, 600);border-bottom:1px solid var(--color-border-light, #eee);padding-bottom:10px;text-align:center}.section-admin-actions.svelte-zjj9zz.svelte-zjj9zz{display:flex;justify-content:flex-end;margin-top:15px;margin-bottom:var(--spacing-margin-bottom-medium, 20px)}.dictionary-grid.svelte-zjj9zz.svelte-zjj9zz{display:grid;grid-template-columns:repeat(2, minmax(0, 420px));gap:35px;justify-content:center}.no-content-message.svelte-zjj9zz.svelte-zjj9zz{text-align:center;padding:40px;background-color:#f9f9f9;border-radius:8px;color:#666;font-size:1.1rem}.lesson-card-wrapper.svelte-zjj9zz.svelte-zjj9zz{position:relative;transition:transform 0.2s ease-out}.drag-handle.svelte-zjj9zz.svelte-zjj9zz{position:absolute;top:12px;right:12px;border:none;background:rgba(255, 255, 255, 0.9);border-radius:999px;padding:6px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);cursor:grab;color:var(--color-text-muted, #777);transition:background 0.2s ease,
            color 0.2s ease,
            transform 0.2s ease}.drag-handle.svelte-zjj9zz.svelte-zjj9zz:hover:not(:disabled),.drag-handle.svelte-zjj9zz.svelte-zjj9zz:focus-visible{background:var(--color-bg-admin-button, #ede9ff);color:var(--color-secondary, #6c63ff);outline:none;transform:translateY(-1px)}.drag-handle.svelte-zjj9zz.svelte-zjj9zz:disabled{opacity:0.5;cursor:not-allowed}@media(max-width: 900px){.lessons-grid.svelte-zjj9zz.svelte-zjj9zz,.dictionary-grid.svelte-zjj9zz.svelte-zjj9zz{gap:20px}}@media(max-width: 768px){.course-lessons-page.svelte-zjj9zz.svelte-zjj9zz{padding:20px var(--spacing-padding-page-mobile, 15px)}.page-title.svelte-zjj9zz.svelte-zjj9zz{font-size:2rem}.view-mode-controls.svelte-zjj9zz.svelte-zjj9zz{margin-bottom:15px;padding-top:10px}.lessons-section.svelte-zjj9zz .controls-header.svelte-zjj9zz{flex-direction:column;align-items:stretch;padding-bottom:10px;margin-bottom:15px}.lesson-count.svelte-zjj9zz.svelte-zjj9zz{text-align:center;margin-bottom:10px}.lessons-grid.svelte-zjj9zz.svelte-zjj9zz{grid-template-columns:1fr;gap:15px}.lessons-grid-container.svelte-zjj9zz.svelte-zjj9zz{margin-bottom:20px}.pagination-container.svelte-zjj9zz.svelte-zjj9zz{justify-content:center;margin-top:15px}.practice-section.svelte-zjj9zz .section-title.svelte-zjj9zz{font-size:1.6rem}.dictionary-grid.svelte-zjj9zz.svelte-zjj9zz{grid-template-columns:1fr;gap:15px}}@media(max-width: 600px){.dictionary-grid.svelte-zjj9zz.svelte-zjj9zz{grid-template-columns:1fr}}@media(max-width: 480px){.page-title.svelte-zjj9zz.svelte-zjj9zz{font-size:1.7rem}.content-box.svelte-zjj9zz.svelte-zjj9zz{padding:15px}.admin-button.svelte-zjj9zz.svelte-zjj9zz{font-size:0.85rem;padding:6px 10px}.view-mode-controls.svelte-zjj9zz.svelte-zjj9zz{justify-content:center;gap:12px;margin-bottom:20px}.admin-button.svelte-zjj9zz.svelte-zjj9zz{flex:1;justify-content:center;min-width:120px}.lessons-grid.svelte-zjj9zz.svelte-zjj9zz{gap:12px}}
.error.svelte-198uzed{text-align:center;padding:20px;color:var(--color-danger-red)}
.text-item-display.svelte-1urw3an{padding:10px 0;max-width:100%;overflow-x:hidden}.item-title.svelte-1urw3an{font-size:1.3em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);margin-bottom:12px;word-break:break-word}.item-content.svelte-1urw3an{font-size:1rem;line-height:1.7;color:var(--color-text-muted);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.item-content.markdown-content.svelte-1urw3an{padding:0}.markdown-content.svelte-1urw3an h1,.markdown-content.svelte-1urw3an h2,.markdown-content.svelte-1urw3an h3,.markdown-content.svelte-1urw3an h4,.markdown-content.svelte-1urw3an h5,.markdown-content.svelte-1urw3an h6{margin-top:1.2em;margin-bottom:0.6em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark)}.markdown-content.svelte-1urw3an h1{font-size:1.8em}.markdown-content.svelte-1urw3an h2{font-size:1.6em}.markdown-content.svelte-1urw3an h3{font-size:1.4em}.markdown-content.svelte-1urw3an p{margin-bottom:0.5em}.markdown-content.svelte-1urw3an p:last-child{margin-bottom:0}.markdown-content.svelte-1urw3an ul,.markdown-content.svelte-1urw3an ol{margin-left:20px;margin-bottom:1em}.markdown-content.svelte-1urw3an ul:last-child,.markdown-content.svelte-1urw3an ol:last-child{margin-bottom:0}.markdown-content.svelte-1urw3an li{margin-bottom:0.3em}.markdown-content.svelte-1urw3an blockquote{border-left:4px solid var(--color-primary-light);padding-left:15px;margin-left:0;margin-right:0;font-style:italic;color:var(--color-text-muted)}.markdown-content.svelte-1urw3an pre{background-color:var(--color-bg-ultra-light);padding:10px;border-radius:var(--spacing-border-radius-small);overflow-x:auto;font-family:"Courier New", Courier, monospace;white-space:pre}.markdown-content.svelte-1urw3an code{background-color:#f0f0f0;padding:2px 4px;border-radius:3px;font-family:"Courier New", Courier, monospace}.markdown-content.svelte-1urw3an pre code{background-color:transparent;padding:0}.markdown-content.svelte-1urw3an a{color:var(--color-secondary);text-decoration:none}.markdown-content.svelte-1urw3an a:hover{text-decoration:underline}.markdown-content.svelte-1urw3an img{max-width:100%;height:auto;border-radius:var(--spacing-border-radius-small);margin:0.5em 0}.markdown-content.svelte-1urw3an u{text-decoration:underline}.markdown-content.svelte-1urw3an table{width:100%;border-collapse:collapse;margin-bottom:1em;display:block;overflow-x:auto}.markdown-content.svelte-1urw3an th,.markdown-content.svelte-1urw3an td{border:1px solid #ddd;padding:8px 12px;text-align:left}.markdown-content.svelte-1urw3an th{background-color:var(--color-bg-ultra-light)}.markdown-content.svelte-1urw3an *{max-width:100%;overflow-wrap:break-word}.no-content-message-small.svelte-1urw3an{font-style:italic;color:#888;font-size:0.9rem}
.image-item-display.svelte-1mmtwq7.svelte-1mmtwq7{padding:10px 0;text-align:center}.item-title.svelte-1mmtwq7.svelte-1mmtwq7{font-size:1.3em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);margin-bottom:12px;text-align:left}figure.svelte-1mmtwq7.svelte-1mmtwq7{margin:0;padding:0;display:inline-block}img.svelte-1mmtwq7.svelte-1mmtwq7{max-width:100%;height:auto;border-radius:var(--spacing-border-radius-block);box-shadow:var(--color-shadow);display:block}figcaption.svelte-1mmtwq7.svelte-1mmtwq7{font-size:0.9em;color:var(--color-text-muted);margin-top:8px;font-style:italic}.no-content-message-small.svelte-1mmtwq7.svelte-1mmtwq7{font-style:italic;color:#888;font-size:0.9rem;text-align:left}.lightbox-overlay.svelte-1mmtwq7.svelte-1mmtwq7{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-lightbox, 1060);padding:20px;box-sizing:border-box}.lightbox-content.svelte-1mmtwq7.svelte-1mmtwq7{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.lightbox-content.svelte-1mmtwq7 img.svelte-1mmtwq7{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 0 30px rgba(0,0,0,0.5)}.lightbox-close.svelte-1mmtwq7.svelte-1mmtwq7{position:absolute;top:-10px;right:-10px;background:white;color:#333;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.3);line-height:1;padding:0}.lightbox-close.svelte-1mmtwq7.svelte-1mmtwq7:hover{background:#f0f0f0}
.audio-item-display-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{background-color:var(--color-bg-ultra-light, #f8f6ff);padding:clamp(15px, 3vw, 20px);border-radius:var(--spacing-border-radius-block, 12px);box-shadow:0 4px 12px
            rgba(var(--color-primary-rgb, 175, 164, 255), 0.1);margin-bottom:20px}.item-title-enhanced.audio-title.svelte-1s8x5yy.svelte-1s8x5yy{font-size:clamp(1.1em, 2.5vw, 1.3em);font-weight:var(--font-weight-semi-bold);color:var(--color-primary-dark, #5845d8);margin-top:0;margin-bottom:15px;word-break:break-word}.custom-audio-player-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{display:flex;align-items:center;gap:clamp(10px, 2vw, 15px);background-color:var(--color-bg-light, #fff);padding:clamp(10px, 2vw, 15px);border-radius:var(--spacing-border-radius-card, 24px);box-shadow:var(--color-shadow, rgba(0, 0, 0, 0.08));transition:box-shadow 0.3s ease;flex-wrap:nowrap}.custom-audio-player-enhanced.playing.svelte-1s8x5yy.svelte-1s8x5yy{box-shadow:0 0 15px
            rgba(var(--color-secondary-rgb, 109, 127, 201), 0.3)}.play-pause-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{background-color:var(--color-primary, #afa4ff);color:white;border:none;border-radius:50%;width:clamp(40px, 8vw, 48px);height:clamp(40px, 8vw, 48px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease,
            transform 0.1s ease;flex-shrink:0}.play-pause-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy:hover:not(:disabled){background-color:var(--color-primary-dark, #8679f0)}.play-pause-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy:active:not(:disabled){transform:scale(0.95)}.play-pause-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy:disabled{background-color:#ccc;cursor:not-allowed;opacity:0.7}.timeline-wrapper.svelte-1s8x5yy.svelte-1s8x5yy{display:flex;align-items:center;flex-grow:1;gap:clamp(8px, 1.5vw, 12px);min-width:0}.time-display.svelte-1s8x5yy.svelte-1s8x5yy{font-size:clamp(0.8em, 2vw, 0.9em);color:var(--color-text-muted, #555);white-space:nowrap;font-variant-numeric:tabular-nums}.time-display.current.svelte-1s8x5yy.svelte-1s8x5yy{text-align:right}.time-display.duration.svelte-1s8x5yy.svelte-1s8x5yy{text-align:left}.progress-bar-interactive-area.svelte-1s8x5yy.svelte-1s8x5yy{flex-grow:1;height:20px;position:relative;cursor:pointer;display:flex;align-items:center;min-width:80px}.progress-slider-input.svelte-1s8x5yy.svelte-1s8x5yy{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.progress-track.svelte-1s8x5yy.svelte-1s8x5yy{width:100%;height:6px;background-color:var(--color-purple-light, #e0d8ff);border-radius:3px;position:relative;overflow:hidden}.progress-filled.svelte-1s8x5yy.svelte-1s8x5yy{height:100%;background-color:var(--color-secondary, #6d7fc9);border-radius:3px;transition:width 0.05s linear;position:absolute;left:0;top:0}.volume-section.svelte-1s8x5yy.svelte-1s8x5yy{display:flex;align-items:center;gap:8px;flex-shrink:0}.mute-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:5px;border-radius:50%;display:flex;transition:color 0.2s ease,
            background-color 0.2s ease}.mute-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy:hover{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.1)}.volume-slider-wrapper.svelte-1s8x5yy.svelte-1s8x5yy{width:clamp(60px, 12vw, 80px);height:20px;display:flex;align-items:center}.volume-slider-input.svelte-1s8x5yy.svelte-1s8x5yy{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:var(--color-purple-light, #e0d8ff);border-radius:3px;cursor:pointer;transition:opacity 0.2s ease;margin:0}.volume-slider-input.svelte-1s8x5yy.svelte-1s8x5yy:disabled{opacity:0.5;cursor:not-allowed}.volume-slider-input.svelte-1s8x5yy.svelte-1s8x5yy::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-secondary, #6d7fc9);border-radius:50%;cursor:pointer;box-shadow:0 0 2px rgba(0, 0, 0, 0.2)}.volume-slider-input.svelte-1s8x5yy.svelte-1s8x5yy::-moz-range-thumb{width:14px;height:14px;background:var(--color-secondary, #6d7fc9);border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 2px rgba(0, 0, 0, 0.2)}.transcript-section-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{margin-top:20px}.transcript-toggle-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-bg-light);color:var(--color-secondary);border:1px solid var(--color-purple-light, #e0d8ff);padding:8px 15px;border-radius:var(--spacing-border-radius-button);cursor:pointer;font-size:0.9rem;font-weight:var(--font-weight-medium);transition:all 0.2s ease}.transcript-toggle-enhanced.svelte-1s8x5yy.svelte-1s8x5yy:hover{background-color:var(--color-purple-light, #e0d8ff);color:var(--color-primary-dark);border-color:var(--color-secondary)}.transcript-toggle-enhanced.svelte-1s8x5yy>svg:last-child{margin-left:auto;transition:transform 0.3s ease}.transcript-toggle-enhanced[aria-expanded="true"].svelte-1s8x5yy>svg:last-child{transform:rotate(180deg)}.transcript-content-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{margin-top:10px;padding:15px;background-color:var(--color-bg-light);border:1px solid var(--color-border-light, #eee);border-radius:var(--spacing-border-radius-small);max-height:250px;overflow-y:auto;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.04)}.transcript-content-enhanced.svelte-1s8x5yy pre.svelte-1s8x5yy{white-space:pre-wrap;word-wrap:break-word;font-family:"Noto Sans JP", var(--font-family-secondary), sans-serif;font-size:0.95rem;line-height:1.7;color:var(--color-text-muted);margin:0}.no-content-message-small.svelte-1s8x5yy.svelte-1s8x5yy{font-style:italic;color:#888;font-size:0.9rem;text-align:center;padding:10px}@media(max-width: 680px){.custom-audio-player-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{flex-direction:column;align-items:stretch;gap:12px}.play-pause-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{align-self:center;margin-bottom:5px}.timeline-wrapper.svelte-1s8x5yy.svelte-1s8x5yy{width:100%;order:1}.volume-section.svelte-1s8x5yy.svelte-1s8x5yy{width:100%;justify-content:center;order:2}.volume-slider-wrapper.svelte-1s8x5yy.svelte-1s8x5yy{flex-grow:1;max-width:200px}}@media(max-width: 400px){.item-title-enhanced.audio-title.svelte-1s8x5yy.svelte-1s8x5yy{font-size:1em}.play-pause-btn-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{width:38px;height:38px}.play-pause-btn-enhanced.svelte-1s8x5yy svg{transform:scale(0.9)}.time-display.svelte-1s8x5yy.svelte-1s8x5yy{font-size:0.75em}.mute-btn-enhanced.svelte-1s8x5yy svg{transform:scale(0.9)}.transcript-toggle-enhanced.svelte-1s8x5yy.svelte-1s8x5yy{padding:6px 10px;font-size:0.85rem}}
@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
.video-item-display.svelte-1ot9t3g.svelte-1ot9t3g{padding:10px 0}.item-title.svelte-1ot9t3g.svelte-1ot9t3g{font-size:1.3em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);margin-bottom:12px}.plyr__video-embed.svelte-1ot9t3g.svelte-1ot9t3g{border-radius:var(--spacing-border-radius-block);overflow:hidden;box-shadow:var(--color-shadow)}.plyr__video-embed.svelte-1ot9t3g iframe.svelte-1ot9t3g{width:100%;aspect-ratio:16 / 9;border:none}.transcript-section.svelte-1ot9t3g.svelte-1ot9t3g{margin-top:15px}.transcript-content.svelte-1ot9t3g.svelte-1ot9t3g{margin-top:10px;padding:10px;background-color:var(--color-bg-ultra-light);border:1px solid var(--color-border-light);border-radius:var(--spacing-border-radius-small);max-height:200px;overflow-y:auto}.transcript-content.svelte-1ot9t3g pre.svelte-1ot9t3g{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-family-secondary);font-size:0.9rem;color:var(--color-text-muted);margin:0}.no-content-message-small.svelte-1ot9t3g.svelte-1ot9t3g{font-style:italic;color:#888;font-size:0.9rem}.transcript-toggle-enhanced.svelte-1ot9t3g.svelte-1ot9t3g{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-bg-light);color:var(--color-secondary);border:1px solid var(--color-purple-light, #e0d8ff);padding:8px 15px;border-radius:var(--spacing-border-radius-button);cursor:pointer;font-size:0.9rem;font-weight:var(--font-weight-medium);transition:all 0.2s ease}.transcript-toggle-enhanced.svelte-1ot9t3g.svelte-1ot9t3g:hover{background-color:var(--color-purple-light, #e0d8ff);color:var(--color-primary-dark);border-color:var(--color-secondary)}.transcript-toggle-enhanced.svelte-1ot9t3g>svg:last-child{margin-left:auto;transition:transform 0.3s ease}
.tooltip.svelte-10lk5cm{left:50%;transform:translateX(-50%);white-space:nowrap;font-size:0.75rem;position:absolute;margin-top:0.5rem;background-color:#718096;color:#fff;border-radius:0.25rem;padding-top:1rem;padding-bottom:1rem;padding-right:0.75rem;padding-left:0.75rem;z-index:30}.activator.svelte-10lk5cm{position:relative;display:inline-block}
html{scroll-behavior:smooth}.parent.svelte-19h83wp{display:flex;flex-direction:column;margin:0 1.25rem}.password-viewer.svelte-19h83wp{border-width:1px;border-color:#000;border-style:solid;align-items:center;display:flex;flex-direction:column;justify-content:center;height:100%;widows:100%}.password-message.svelte-19h83wp{color:red;margin:8px 0px}.password-container.svelte-19h83wp{align-items:center;display:flex;justify-content:center;margin:8px 0px}.password-input.svelte-19h83wp{border:1px solid rgba(0, 0, 0, 0.2);padding:8px;width:200px}.password-button.svelte-19h83wp{background-color:rgb(53, 126, 221);border:1px solid rgba(0, 0, 0, 0.2);color:rgb(255, 255, 255);border-left-color:transparent;cursor:pointer;padding:8px 16px}.control.svelte-19h83wp{margin-top:1.25rem;margin-bottom:0;margin-right:2.5rem;margin-left:2.5rem;border-radius:0.25rem;overflow:auto;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);background-color:#fff;border-width:1px}.control-start.svelte-19h83wp{padding:1.25rem}.line.svelte-19h83wp{display:flex;flex-direction:row;font-family:Georgia, Cambria, "Times New Roman", Times, serif;border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0px;border-color:#4fd1c5;border-style:dotted;margin-bottom:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;justify-content:center}.button-control.svelte-19h83wp{display:flex;flex-direction:row;padding:0.5rem;margin:0.75rem;border-radius:0.25rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);border-left-width:1px;border-bottom-width:1px;border-right-width:1px;cursor:pointer}.viewer.svelte-19h83wp{border-width:1px;border-color:#000;border-style:solid}.icon.svelte-19h83wp{height:1.25rem;width:1.25rem;fill:currentColor;color:#38b2ac}.disabled.svelte-19h83wp{cursor:not-allowed;box-shadow:none}.page-info.svelte-19h83wp{display:flex;flex-direction:row;padding-top:0.5rem;margin:0.75rem;overflow:hidden}.text.svelte-19h83wp{margin-left:0.5rem;cursor:default}.rot-icon.svelte-19h83wp{transform:scaleX(-1)}#topBtn.svelte-19h83wp{position:fixed;bottom:10px;float:right;right:10%;left:90%;max-width:30px;width:100%;border-color:#000;background-color:#fff;padding:0.5px;border-radius:9999px}#topBtn.svelte-19h83wp:hover{background-color:#000;color:#fff}@media(min-width: 768px) and (max-width: 1024px){.parent.svelte-19h83wp{margin:0}.control.svelte-19h83wp{margin:0}.control-start.svelte-19h83wp{padding:0}.line.svelte-19h83wp{justify-content:center}.button-control.svelte-19h83wp{display:flex;flex-direction:row;padding:0.5rem;margin:0.5rem;border-radius:0.25rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);border-left-width:1px;border-bottom-width:1px;border-right-width:1px;cursor:pointer}.page-info.svelte-19h83wp{display:none}canvas.svelte-19h83wp{width:100%;height:100%}}@media(min-width: 481px) and (max-width: 767px){.parent.svelte-19h83wp{margin:0}.control.svelte-19h83wp{margin:0}.control-start.svelte-19h83wp{padding:0}.line.svelte-19h83wp{justify-content:center}.button-control.svelte-19h83wp{display:flex;flex-direction:row;padding:0.5rem;margin:0.5rem;border-radius:0.25rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);border-left-width:1px;border-bottom-width:1px;border-right-width:1px;cursor:pointer}.page-info.svelte-19h83wp{display:none}canvas.svelte-19h83wp{width:100%;height:100%}}@media(min-width: 320px) and (max-width: 480px){.parent.svelte-19h83wp{margin:0}.control.svelte-19h83wp{margin:0}.control-start.svelte-19h83wp{padding:0}.line.svelte-19h83wp{justify-content:center}.button-control.svelte-19h83wp{display:flex;flex-direction:row;padding:0.4rem;margin:0.4rem;border-radius:0.25rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);border-left-width:1px;border-bottom-width:1px;border-right-width:1px;cursor:pointer}.page-info.svelte-19h83wp{display:none}canvas.svelte-19h83wp{width:100%;height:100%}}
.document-item.svelte-1ewfpgi.svelte-1ewfpgi{margin-bottom:var(--spacing-margin-bottom-medium, 20px);border-radius:var(--spacing-border-radius-large, 12px);background-color:var(--color-bg-card, #ffffff);box-shadow:var(--color-card-shadow, 0 2px 8px rgba(0, 0, 0, 0.1));overflow:hidden}.pdf-container.svelte-1ewfpgi.svelte-1ewfpgi{background-color:var(--color-bg-card, #ffffff)}.page-counter.svelte-1ewfpgi.svelte-1ewfpgi{background:linear-gradient(
            135deg,
            var(--color-primary, #667eea) 0%,
            var(--color-primary-dark, #764ba2) 100%
        );color:white;text-align:center;padding:var(--spacing-padding-medium, 12px);font-weight:600;font-size:var(--font-size-medium, 16px);letter-spacing:0.5px}.pdf-viewer-wrapper.svelte-1ewfpgi.svelte-1ewfpgi{display:flex;align-items:center;gap:8px;padding-bottom:1.5rem;background:var(--color-bg-light, #f8fafc)}.nav-button.svelte-1ewfpgi.svelte-1ewfpgi{background:var(--color-bg-card, #ffffff);border:2px solid var(--color-border-light, #e2e8f0);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:var(--color-button-shadow, 0 2px 8px rgba(0, 0, 0, 0.1));flex-shrink:0;z-index:100;opacity:0.8}.pdf-viewer-wrapper.controls-hidden.svelte-1ewfpgi .nav-button.svelte-1ewfpgi{opacity:0;pointer-events:none;transform:scale(0.8)}.nav-button.svelte-1ewfpgi.svelte-1ewfpgi:hover:not(:disabled){background:var(--color-primary, #667eea);border-color:var(--color-primary, #667eea);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102, 126, 234, 0.3)}.nav-button.svelte-1ewfpgi.svelte-1ewfpgi:disabled{opacity:0.4;cursor:not-allowed;transform:none}.pdf-content.svelte-1ewfpgi.svelte-1ewfpgi{flex:1;display:grid;place-items:center;background:transparent;overflow:hidden;position:relative}.pdf-page-animation-wrapper.svelte-1ewfpgi.svelte-1ewfpgi{grid-area:1 / 1;width:100%;display:flex;justify-content:center;align-items:center}.pdf-content.svelte-1ewfpgi .svelte-pdf-container{width:100%;height:100%;display:flex !important;justify-content:center !important;align-items:center !important}.pdf-content.svelte-1ewfpgi canvas{display:block;max-width:100%;height:auto;max-height:85vh;object-fit:contain;background:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.document-item.is-fullscreen.svelte-1ewfpgi.svelte-1ewfpgi{width:100vw;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;justify-content:center;margin:0;border-radius:0}.is-fullscreen.svelte-1ewfpgi .pdf-container.svelte-1ewfpgi{height:100%;display:flex;flex-direction:column;background:transparent}.is-fullscreen.svelte-1ewfpgi .pdf-viewer-wrapper.svelte-1ewfpgi{flex:1;background:transparent;padding:0;position:relative}.is-fullscreen.svelte-1ewfpgi .nav-button.svelte-1ewfpgi{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.4);border:1px solid rgba(255, 255, 255, 0.1);color:white;width:44px;height:44px;backdrop-filter:blur(8px)}.is-fullscreen.svelte-1ewfpgi .nav-left.svelte-1ewfpgi{left:20px}.is-fullscreen.svelte-1ewfpgi .nav-right.svelte-1ewfpgi{right:20px}.is-fullscreen.svelte-1ewfpgi .nav-button.svelte-1ewfpgi:hover:not(:disabled){background:rgba(255, 255, 255, 0.2);transform:translateY(-50%) scale(1.1)}.is-fullscreen.svelte-1ewfpgi .page-counter.svelte-1ewfpgi{order:10;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(10px);border-top:1px solid rgba(255, 255, 255, 0.1);opacity:0.9;transition:opacity 0.3s ease}.is-fullscreen.svelte-1ewfpgi .pdf-content.svelte-1ewfpgi canvas{max-height:90vh;box-shadow:0 10px 30px rgba(0, 0, 0, 0.5)}.pdf-content.svelte-1ewfpgi .pdf-controls,.pdf-content.svelte-1ewfpgi .page-info,.pdf-content.svelte-1ewfpgi .button-control{display:none !important}.error-message.svelte-1ewfpgi.svelte-1ewfpgi,.no-file-message.svelte-1ewfpgi.svelte-1ewfpgi{text-align:center;padding:20px;color:var(--color-text-secondary, #64748b);font-size:16px;border-radius:8px;margin:16px}.error-message.svelte-1ewfpgi.svelte-1ewfpgi{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.no-file-message.svelte-1ewfpgi.svelte-1ewfpgi{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}@media(max-width: 768px){.page-counter.svelte-1ewfpgi.svelte-1ewfpgi{padding:8px 60px 8px 12px;font-size:14px;text-align:left}.pdf-viewer-wrapper.svelte-1ewfpgi.svelte-1ewfpgi{padding:4px;gap:4px;min-height:200px}.nav-button.svelte-1ewfpgi.svelte-1ewfpgi{width:36px;height:36px}.pdf-content.svelte-1ewfpgi canvas{max-height:60vh;width:100% !important;height:auto !important}}@media(max-width: 480px){.page-counter.svelte-1ewfpgi.svelte-1ewfpgi{font-size:13px}.pdf-viewer-wrapper.svelte-1ewfpgi.svelte-1ewfpgi{padding:2px}.nav-button.svelte-1ewfpgi.svelte-1ewfpgi{width:32px;height:32px}}.fullscreen-hint.svelte-1ewfpgi.svelte-1ewfpgi{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.7);color:white;padding:12px 20px;border-radius:30px;opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:10000;text-align:center;width:max-content;max-width:80%}.fullscreen-hint.visible.svelte-1ewfpgi.svelte-1ewfpgi{opacity:1}
.reset-test-button.svelte-z035gz.svelte-z035gz{position:absolute;top:-15px;right:10px;background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);z-index:10}.reset-test-button.svelte-z035gz.svelte-z035gz:hover{background:#f8f9fa;border-color:#5845d8;transform:scale(1.05);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.reset-test-button.svelte-z035gz.svelte-z035gz:active{transform:scale(0.95)}.sr-only.svelte-z035gz.svelte-z035gz{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.mcq-options-group.svelte-z035gz.svelte-z035gz{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.mcq-option-display-item.svelte-z035gz.svelte-z035gz{border:1px solid #d1c9ff;border-radius:8px;background-color:#fff;transition:background-color 0.2s,
            border-color 0.2s;overflow:hidden}.mcq-option-content.svelte-z035gz.svelte-z035gz{display:flex;flex-direction:column;align-items:stretch;width:100%}.mcq-option-label.svelte-z035gz.svelte-z035gz{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;cursor:pointer;width:100%;box-sizing:border-box}.mcq-option-display-item.disabled.svelte-z035gz .mcq-option-label.svelte-z035gz{cursor:default}.mcq-option-display-item.svelte-z035gz:not(.disabled) .mcq-option-label.svelte-z035gz:hover{background-color:#f8f6ff}.mcq-option-input.svelte-z035gz.svelte-z035gz{position:absolute;opacity:0;width:0;height:0}.mcq-option-checkbox-visual.svelte-z035gz.svelte-z035gz{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:2px;color:#adb5bd;flex-shrink:0;transition:color 0.2s}.mcq-option-input.svelte-z035gz:checked+.mcq-option-checkbox-visual.svelte-z035gz{color:var(--color-primary, #afa4ff)}.mcq-option-input.svelte-z035gz:disabled+.mcq-option-checkbox-visual.svelte-z035gz{color:#ced4da}.mcq-option-text-content.svelte-z035gz.svelte-z035gz{flex-grow:1;line-height:1.55;font-size:0.95em;word-break:break-word;color:#343a40}.mcq-option-display-item.status-correct_selected.svelte-z035gz.svelte-z035gz{background-color:var(--color-mcq-correct, #d4f4dd);border:2px solid var(--color-mcq-correct-border, #7eb88a);border-left-width:6px}.mcq-option-display-item.status-correct_selected.svelte-z035gz .mcq-option-text-content.svelte-z035gz{color:var(--color-mcq-correct-text, #1f5f2b);font-weight:600}.mcq-option-display-item.status-missed_correct.svelte-z035gz.svelte-z035gz{background-color:var(--color-mcq-correct, #d4f4dd);border:1px dashed var(--color-mcq-correct-border, #7eb88a);border-left:6px solid var(--color-mcq-correct-border, #7eb88a);opacity:0.9}.mcq-option-display-item.status-missed_correct.svelte-z035gz .mcq-option-text-content.svelte-z035gz{color:var(--color-mcq-correct-text, #1f5f2b)}.mcq-option-display-item.status-student_incorrect.svelte-z035gz.svelte-z035gz{background-color:var(--color-mcq-incorrect, #fce4e6);border:2px solid var(--color-mcq-incorrect-border, #e57373);border-left-width:6px}.mcq-option-display-item.status-student_incorrect.svelte-z035gz .mcq-option-text-content.svelte-z035gz{color:var(--color-mcq-incorrect-text, #8b2635);font-weight:600}.mcq-option-explanation.svelte-z035gz.svelte-z035gz{font-size:0.9em;color:var(--color-text-dark, #343a40);margin:-5px 15px 12px 47px;padding:0;line-height:1.6;display:none;word-break:break-word}.mcq-option-explanation.visible.svelte-z035gz.svelte-z035gz{display:block}.mcq-option-explanation.status-correct_selected.svelte-z035gz.svelte-z035gz,.mcq-option-explanation.status-missed_correct.svelte-z035gz.svelte-z035gz,.mcq-option-explanation.status-student_incorrect.svelte-z035gz.svelte-z035gz{background-color:transparent;border:none}
.reset-test-button.svelte-1jntv5e.svelte-1jntv5e{position:absolute;top:-15px;right:10px;background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);z-index:10}.reset-test-button.svelte-1jntv5e.svelte-1jntv5e:hover{background:#f8f9fa;border-color:#5845d8;transform:scale(1.05);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.reset-test-button.svelte-1jntv5e.svelte-1jntv5e:active{transform:scale(0.95)}.drag-drop-test-area.svelte-1jntv5e.svelte-1jntv5e{margin-top:25px;padding-top:20px;border-top:1px solid #f0f0f0;position:relative}.instruction-text.svelte-1jntv5e.svelte-1jntv5e{font-size:0.95em;color:var(--color-text-muted);margin-bottom:15px;line-height:1.6}.drag-drop-test-area.svelte-1jntv5e h4.svelte-1jntv5e{font-size:1.05em;font-weight:600;margin-top:20px;margin-bottom:12px;color:var(--color-secondary)}.draggable-options-pool-display.svelte-1jntv5e.svelte-1jntv5e{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;background-color:#f7f9fc;padding:12px;border-radius:8px;border:1px solid #e0e0e0;transition:all 0.2s ease}.draggable-options-pool-display.svelte-1jntv5e.svelte-1jntv5e:has(.draggable-option-dnd:active){background-color:#f0f4ff;border-color:var(--color-primary, #5845d8)}.draggable-item.svelte-1jntv5e.svelte-1jntv5e,.draggable-option-dnd.svelte-1jntv5e.svelte-1jntv5e{padding:6px 12px;background-color:#fff;border:1px solid var(--color-primary-light, #d1c9ff);color:var(--color-primary-dark, #5845d8);border-radius:16px;cursor:grab;transition:all 0.2s ease;font-size:1.05em;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);display:inline-flex;align-items:center;user-select:none;word-break:break-word;white-space:normal;position:relative;text-align:center;justify-content:center;max-width:100%;line-height:1.2}.draggable-option-dnd.svelte-1jntv5e.svelte-1jntv5e:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 6px 12px rgba(0, 0, 0, 0.15);z-index:1000}.draggable-option-dnd.in-slot.svelte-1jntv5e.svelte-1jntv5e{cursor:pointer;background-color:var(--color-primary-light, #e0d8ff);border-color:var(--color-primary, #5845d8)}.draggable-option-dnd.in-slot.svelte-1jntv5e.svelte-1jntv5e:active{cursor:grabbing}.draggable-item.svelte-1jntv5e.svelte-1jntv5e:hover:not([aria-disabled="true"]),.draggable-option-dnd.svelte-1jntv5e.svelte-1jntv5e:hover:not([aria-disabled="true"]){background-color:var(--color-primary-light, #e0d8ff);transform:scale(1.03);box-shadow:0 4px 8px rgba(0, 0, 0, 0.08)}.draggable-item.selected-for-slot.svelte-1jntv5e.svelte-1jntv5e{outline:3px solid var(--color-secondary);box-shadow:0 0 10px rgba(var(--color-secondary-rgb), 0.4)}.empty-pool-message.svelte-1jntv5e.svelte-1jntv5e{width:100%;text-align:center;font-size:0.9em;color:#888;font-style:italic;padding:10px 0}.drag-drop-slots-container.svelte-1jntv5e.svelte-1jntv5e{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}@media(max-width: 768px){.drag-drop-slots-container.svelte-1jntv5e.svelte-1jntv5e{grid-template-columns:repeat(3, 1fr);gap:8px}.draggable-options-pool-display.svelte-1jntv5e.svelte-1jntv5e{gap:6px;padding:8px}.draggable-item.svelte-1jntv5e.svelte-1jntv5e,.draggable-option-dnd.svelte-1jntv5e.svelte-1jntv5e{padding:4px 8px;font-size:0.8em;border-radius:12px}.drag-drop-test-area.svelte-1jntv5e h4.svelte-1jntv5e{font-size:1em;margin-top:15px;margin-bottom:8px}}@media(max-width: 480px){.drag-drop-slots-container.svelte-1jntv5e.svelte-1jntv5e{grid-template-columns:repeat(3, 1fr);gap:4px}.draggable-item.svelte-1jntv5e.svelte-1jntv5e,.draggable-option-dnd.svelte-1jntv5e.svelte-1jntv5e{padding:3px 6px;font-size:0.75em}}.drag-drop-slot-item.svelte-1jntv5e.svelte-1jntv5e{border:none;border-radius:8px;padding:12px;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;transition:border-color 0.3s,
            background-color 0.3s;overflow:hidden;border:1px solid #eee}@media(max-width: 768px){.drag-drop-slot-item.svelte-1jntv5e.svelte-1jntv5e{padding:8px;min-height:100px}}@media(max-width: 480px){.drag-drop-slot-item.svelte-1jntv5e.svelte-1jntv5e{padding:6px;min-height:90px}}.drag-drop-slot-item.disabled.svelte-1jntv5e.svelte-1jntv5e{opacity:0.7;background-color:#f9f9f9}.slot-prompt.svelte-1jntv5e.svelte-1jntv5e{margin-bottom:8px;min-height:40px;font-size:0.85em;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media(max-width: 768px){.slot-prompt.svelte-1jntv5e.svelte-1jntv5e{margin-bottom:6px;font-size:0.8em}}.slot-prompt.svelte-1jntv5e .prompt-text.svelte-1jntv5e{font-style:italic;color:#444}.slot-prompt.svelte-1jntv5e .image-item-display,.slot-prompt.svelte-1jntv5e .audio-item-display-enhanced{margin-bottom:5px;border:none;padding:0;box-shadow:none;max-width:100%;height:auto}.slot-prompt.svelte-1jntv5e .image-item-display img{max-width:100%;height:auto;max-height:120px;object-fit:contain;display:block;margin:0 auto}@media(max-width: 768px){.slot-prompt.svelte-1jntv5e .image-item-display img{max-height:100px}}@media(max-width: 480px){.slot-prompt.svelte-1jntv5e .image-item-display img{max-height:80px}}.slot-placeholder-num.svelte-1jntv5e.svelte-1jntv5e{color:#999;font-size:0.85em}.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e{min-height:50px;background-color:#f4f7fa;border:2px dashed #c5d5e6;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:8px;transition:all 0.2s;flex-grow:1;flex-shrink:0;position:relative}.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e:has(.draggable-option-dnd){border-style:solid;border-color:var(--color-primary, #5845d8);background-color:var(--color-primary-light, #e0d8ff)}.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e:hover{border-color:var(--color-primary, #5845d8);background-color:rgba(88, 69, 216, 0.05)}.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e:empty,.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e:has(.drop-placeholder){cursor:pointer}.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e:has(.draggable-option-dnd){cursor:default}@media(max-width: 768px){.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e{min-height:35px;padding:6px}}@media(max-width: 480px){.drop-target-area-dnd.svelte-1jntv5e.svelte-1jntv5e{min-height:30px;padding:4px}}.drag-drop-slot-item.disabled.svelte-1jntv5e .drop-target-area-dnd.svelte-1jntv5e{cursor:default}.drop-target-area-dnd.occupied.svelte-1jntv5e.svelte-1jntv5e{border-style:solid;border-color:var(--color-secondary-light, #d1d8f8);background-color:#eef2f7}.draggable-item.in-slot.svelte-1jntv5e.svelte-1jntv5e{cursor:pointer;position:relative}.clear-slot-btn.svelte-1jntv5e.svelte-1jntv5e{position:absolute;top:-8px;right:-8px;background:white;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;font-size:14px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);line-height:1;padding:0}.clear-slot-btn.svelte-1jntv5e.svelte-1jntv5e:hover{color:var(--color-danger-red);background-color:#fff0f0;border-color:var(--color-danger-red)}.drop-hint.svelte-1jntv5e.svelte-1jntv5e,.drop-placeholder-dnd.svelte-1jntv5e.svelte-1jntv5e{font-size:0.85em;color:#777;font-style:italic;text-align:center}@media(max-width: 768px){.drop-hint.svelte-1jntv5e.svelte-1jntv5e,.drop-placeholder-dnd.svelte-1jntv5e.svelte-1jntv5e{font-size:0.8em}}.drag-drop-slot-item.status-student_correct.svelte-1jntv5e .drop-target-area-dnd.svelte-1jntv5e{border-color:var(--color-mcq-correct-border) !important;background-color:var(--color-mcq-correct) !important}.drag-drop-slot-item.status-student_correct.svelte-1jntv5e .draggable-option-dnd.in-slot.svelte-1jntv5e{background-color:var(--color-mcq-correct-border) !important;border-color:var(--color-mcq-correct-border) !important;color:var(--color-mcq-correct-text) !important}.drag-drop-slot-item.status-student_incorrect.svelte-1jntv5e .drop-target-area-dnd.svelte-1jntv5e{border-color:var(--color-mcq-incorrect-border) !important;background-color:var(--color-mcq-incorrect) !important}.drag-drop-slot-item.status-student_incorrect.svelte-1jntv5e .draggable-option-dnd.in-slot.svelte-1jntv5e{background-color:var(--color-mcq-incorrect-border) !important;border-color:var(--color-mcq-incorrect-border) !important;color:var(--color-mcq-incorrect-text) !important}.drag-drop-slot-item.status-slot_empty_after_submit.svelte-1jntv5e .drop-target-area-dnd.svelte-1jntv5e,.drag-drop-slot-item.status-slot_empty.svelte-1jntv5e .drop-target-area-dnd.svelte-1jntv5e{border-color:#ffc107 !important;background-color:#fff8e1 !important}.slot-explanation.svelte-1jntv5e.svelte-1jntv5e{font-size:0.88em;color:#495057;margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #ced4da;line-height:1.6;display:none}.slot-explanation.visible.svelte-1jntv5e.svelte-1jntv5e{display:block}.drag-drop-slot-item.status-student_correct.svelte-1jntv5e .slot-explanation.visible.svelte-1jntv5e{border-left-color:var(--color-mcq-correct-border) !important;background-color:var(--color-mcq-correct) !important;color:var(--color-mcq-correct-text) !important}.drag-drop-slot-item.status-student_incorrect.svelte-1jntv5e .slot-explanation.visible.svelte-1jntv5e{border-left-color:var(--color-mcq-incorrect-border) !important;background-color:var(--color-mcq-incorrect) !important;color:var(--color-mcq-incorrect-text) !important}
.reset-test-button.svelte-pwoorm.svelte-pwoorm{position:absolute;top:-15px;right:10px;background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);z-index:10}.reset-test-button.svelte-pwoorm.svelte-pwoorm:hover{background:#f8f9fa;border-color:#5845d8;transform:scale(1.05);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.reset-test-button.svelte-pwoorm.svelte-pwoorm:active{transform:scale(0.95)}.word-order-test-area.svelte-pwoorm.svelte-pwoorm{margin-top:25px;padding-top:20px;border-top:1px solid #f0f0f0}.instruction-text.svelte-pwoorm.svelte-pwoorm{font-size:0.95em;color:var(--color-text-muted);margin-bottom:15px;line-height:1.6}.word-order-test-area.svelte-pwoorm h4.svelte-pwoorm{font-size:1.05em;font-weight:600;margin-top:20px;margin-bottom:12px;color:var(--color-secondary)}.dnd-zone.svelte-pwoorm.svelte-pwoorm{border:2px dashed var(--color-border-light, #e0e0e0);padding:10px;border-radius:var(--spacing-border-radius-small);transition:background-color 0.2s ease,
            border-color 0.2s ease;min-height:50px}.dnd-zone.svelte-pwoorm.svelte-pwoorm.svelte-dnd-droptarget-active{background-color:rgba(var(--color-primary-rgb), 0.05);border-color:var(--color-primary);border-style:solid}.draggable-options-pool-display.svelte-pwoorm.svelte-pwoorm{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;background-color:#f7f9fc}.draggable-option-dnd.svelte-pwoorm.svelte-pwoorm{padding:8px 15px;background-color:#fff;border:1px solid var(--color-primary-light, #d1c9ff);color:var(--color-primary-dark, #5845d8);border-radius:18px;cursor:grab;transition:all 0.2s ease;font-size:1.05em;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);display:inline-flex;align-items:center;user-select:none}.draggable-option-dnd.svelte-pwoorm.svelte-pwoorm:hover:not([aria-disabled="true"]){background-color:var(--color-primary-light, #e0d8ff);transform:scale(1.03);box-shadow:0 4px 8px rgba(0, 0, 0, 0.08)}.draggable-option-dnd.svelte-pwoorm.svelte-pwoorm[aria-grabbed="true"]{opacity:0.6;background-color:var(--color-secondary);color:white;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transform:rotate(-2deg)}.empty-pool-message.svelte-pwoorm.svelte-pwoorm,.empty-sequence-message.svelte-pwoorm.svelte-pwoorm{width:100%;text-align:center;font-size:0.9em;color:#888;font-style:italic;padding:10px 0;pointer-events:none;user-select:none}.word-sequence-display-area.svelte-pwoorm.svelte-pwoorm{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#fff;border:1px solid var(--color-secondary-light);border-radius:var(--spacing-border-radius-small);min-height:48px;margin-bottom:15px}.sequence-result-display.svelte-pwoorm.svelte-pwoorm{margin-top:15px;padding:12px;border-radius:var(--spacing-border-radius-small);font-size:0.95em}.sequence-result-display.correct.svelte-pwoorm.svelte-pwoorm{background-color:#e6ffed;border:1px solid #c3e6cb;color:#155724}.sequence-result-display.incorrect.svelte-pwoorm.svelte-pwoorm{background-color:#ffebee;border:1px solid #f5c6cb;color:#721c24}.sequence-result-display.svelte-pwoorm .explanation-text.svelte-pwoorm{margin-top:8px;font-size:0.9em;font-style:italic}
.free-text-test-display.svelte-1ckx1t0{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px}.question-section.svelte-1ckx1t0{margin-bottom:20px}.question-title.svelte-1ckx1t0{font-size:1.1em;font-weight:600;color:var(--color-text-dark, #333);margin-bottom:8px}.question-text.svelte-1ckx1t0{font-size:1rem;line-height:1.6;color:var(--color-text-muted, #666);background-color:#f8f9fa;padding:12px;border-radius:6px;border-left:4px solid var(--color-primary, #AFA4FF)}.question-attachment.svelte-1ckx1t0{margin-bottom:20px;border-radius:8px;overflow:hidden}.question-attachment.svelte-1ckx1t0 .image-item-display,.question-attachment.svelte-1ckx1t0 .audio-item-display-enhanced{border:none;box-shadow:none;margin-bottom:0;padding:0}.answer-section.svelte-1ckx1t0{margin-bottom:20px}.answer-label.svelte-1ckx1t0{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark, #333);margin-bottom:8px}.text-answer-input.svelte-1ckx1t0{width:100%;min-height:120px;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;line-height:1.5;font-family:inherit;resize:vertical;transition:border-color 0.2s ease, box-shadow 0.2s ease;background-color:#fff}.text-answer-input.svelte-1ckx1t0:focus{outline:none;border-color:var(--color-primary, #AFA4FF);box-shadow:0 0 0 3px rgba(175, 164, 255, 0.1)}.text-answer-input.svelte-1ckx1t0:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.character-count.svelte-1ckx1t0{font-size:0.85rem;color:#6c757d;text-align:right;margin-top:4px}.correct-answer-section.svelte-1ckx1t0,.explanation-section.svelte-1ckx1t0{margin-top:20px;padding:15px;background-color:#f8f6ff;border:1px solid #d1c9ff;border-radius:8px}.correct-answer-title.svelte-1ckx1t0,.explanation-title.svelte-1ckx1t0{font-size:1rem;font-weight:600;color:#5845d8;margin-bottom:8px}.correct-answer-text.svelte-1ckx1t0,.explanation-text.svelte-1ckx1t0{font-size:0.95rem;line-height:1.6;color:#333;background-color:#fff;padding:10px;border-radius:4px}.reset-test-button.svelte-1ckx1t0{position:absolute;top:-15px;right:10px;background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:10}.reset-test-button.svelte-1ckx1t0:hover{background:#f8f9fa;border-color:#5845d8;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.reset-test-button.svelte-1ckx1t0:active{transform:scale(0.95)}@media(max-width: 768px){.free-text-test-display.svelte-1ckx1t0{padding:15px}.text-answer-input.svelte-1ckx1t0{min-height:100px}}
.ai-container.svelte-3vbahw.svelte-3vbahw{width:100%;max-width:100%;border-radius:var(--spacing-border-radius-card);overflow:hidden;background:var(--color-bg-light);box-shadow:var(--color-shadow);position:relative;margin-bottom:var(--spacing-margin-bottom-medium)}.ai-container.svelte-3vbahw.svelte-3vbahw,.ai-container.svelte-3vbahw .svelte-3vbahw{box-sizing:border-box}.viewport-wrapper.svelte-3vbahw.svelte-3vbahw{position:relative;width:100%;height:550px;background-color:#2c2c2c;background-size:cover;background-position:center}@media(max-width: 480px){.viewport-wrapper.svelte-3vbahw.svelte-3vbahw{height:400px}.hud-wrapper.svelte-3vbahw.svelte-3vbahw{bottom:20px;gap:15px}.glass-btn.svelte-3vbahw.svelte-3vbahw{width:50px;height:50px}.glass-btn.svelte-3vbahw svg.svelte-3vbahw{width:24px;height:24px}.glass-panel.svelte-3vbahw.svelte-3vbahw{height:50px;min-width:120px;padding:4px 4px 4px 16px;gap:15px}.action-icon-btn.stop.svelte-3vbahw.svelte-3vbahw{width:42px;height:42px}.subtitles-box.svelte-3vbahw.svelte-3vbahw{max-height:200px}.subtitles-list.svelte-3vbahw.svelte-3vbahw{padding:12px 16px}.sub-item.svelte-3vbahw.svelte-3vbahw{max-width:90%;font-size:0.9rem}}@media(min-width: 481px) and (max-width: 768px){.viewport-wrapper.svelte-3vbahw.svelte-3vbahw{height:450px}.hud-wrapper.svelte-3vbahw.svelte-3vbahw{bottom:25px;gap:18px}.glass-btn.svelte-3vbahw.svelte-3vbahw{width:55px;height:55px}.glass-panel.svelte-3vbahw.svelte-3vbahw{height:55px;min-width:130px}.subtitles-box.svelte-3vbahw.svelte-3vbahw{max-height:220px}}@media(min-width: 769px) and (max-width: 1024px){.viewport-wrapper.svelte-3vbahw.svelte-3vbahw{height:500px}}@media(min-width: 1400px){.viewport-wrapper.svelte-3vbahw.svelte-3vbahw{height:650px}.glass-btn.svelte-3vbahw.svelte-3vbahw{width:70px;height:70px}.glass-btn.svelte-3vbahw svg.svelte-3vbahw{width:32px;height:32px}.glass-panel.svelte-3vbahw.svelte-3vbahw{height:70px;min-width:160px;padding:8px 8px 8px 24px;gap:24px}.action-icon-btn.stop.svelte-3vbahw.svelte-3vbahw{width:54px;height:54px}.action-icon-btn.stop.svelte-3vbahw svg.svelte-3vbahw{width:24px;height:24px}.subtitles-box.svelte-3vbahw.svelte-3vbahw{max-height:300px}.subtitles-list.svelte-3vbahw.svelte-3vbahw{padding:20px 32px}.sub-item.svelte-3vbahw.svelte-3vbahw{font-size:1rem;max-width:80%}}canvas.svelte-3vbahw.svelte-3vbahw{display:block;width:100%;height:100%}.overlay.svelte-3vbahw.svelte-3vbahw{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(5px);color:#fff}.spinner.svelte-3vbahw.svelte-3vbahw{width:40px;height:40px;border:3px solid rgba(255, 255, 255, 0.1);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-3vbahw-spin 0.8s linear infinite;will-change:transform;z-index:11}.hud-wrapper.svelte-3vbahw.svelte-3vbahw{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:20px;z-index:20;pointer-events:none}.glass-btn.svelte-3vbahw.svelte-3vbahw{pointer-events:auto;width:60px;height:60px;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.4);background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(10px);color:#fff;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
            background 0.2s}.glass-btn.svelte-3vbahw.svelte-3vbahw:hover{transform:scale(1.1);background:rgba(255, 255, 255, 0.4)}.glass-btn.svelte-3vbahw.svelte-3vbahw:active{transform:scale(0.95)}.glass-btn.svelte-3vbahw svg.svelte-3vbahw{width:28px;height:28px}.glass-btn.start.svelte-3vbahw.svelte-3vbahw{color:var(--color-primary);background:#fff}.glass-panel.svelte-3vbahw.svelte-3vbahw{pointer-events:auto;background:rgba(255, 255, 255, 0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:6px 6px 6px 20px;border-radius:50px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.6);height:60px;min-width:140px;justify-content:space-between;max-width:calc(100% - 24px)}.visualizer.svelte-3vbahw.svelte-3vbahw{height:100%;display:flex;align-items:center;justify-content:center;min-width:50px}.action-icon-btn.stop.svelte-3vbahw.svelte-3vbahw{width:48px;height:48px;border-radius:50%;background:rgba(255, 77, 77, 0.1);color:var(--color-danger-red);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.action-icon-btn.stop.svelte-3vbahw.svelte-3vbahw:hover{background:var(--color-danger-red);color:#fff}.action-icon-btn.stop.svelte-3vbahw svg.svelte-3vbahw{width:20px;height:20px}.voice-bars.svelte-3vbahw.svelte-3vbahw{display:flex;align-items:center;gap:4px;height:20px}.voice-bars.svelte-3vbahw span.svelte-3vbahw{display:block;width:4px;background:var(--color-primary);border-radius:2px;animation:svelte-3vbahw-barBounce 1s ease-in-out infinite}.voice-bars.svelte-3vbahw span.svelte-3vbahw:nth-child(1){height:8px;animation-delay:0s}.voice-bars.svelte-3vbahw span.svelte-3vbahw:nth-child(2){height:16px;animation-delay:0.1s}.voice-bars.svelte-3vbahw span.svelte-3vbahw:nth-child(3){height:12px;animation-delay:0.2s}.voice-bars.svelte-3vbahw span.svelte-3vbahw:nth-child(4){height:6px;animation-delay:0.3s}@keyframes svelte-3vbahw-barBounce{0%,100%{transform:scaleY(1)}50%{transform:scaleY(2.2)}}.recording-dot-wrapper.svelte-3vbahw.svelte-3vbahw{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.rec-dot.svelte-3vbahw.svelte-3vbahw{width:12px;height:12px;background:var(--color-danger-red);border-radius:50%;z-index:2;box-shadow:0 0 5px rgba(255, 77, 77, 0.5)}.rec-pulse.svelte-3vbahw.svelte-3vbahw{position:absolute;inset:0;border-radius:50%;background:rgba(255, 77, 77, 0.3);animation:svelte-3vbahw-recPulse 1.5s infinite}@keyframes svelte-3vbahw-recPulse{0%{transform:scale(0.8);opacity:0.8}100%{transform:scale(2);opacity:0}}.subtitles-box.svelte-3vbahw.svelte-3vbahw{background:var(--color-bg-light);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;max-height:250px}.subtitles-header.svelte-3vbahw.svelte-3vbahw{padding:10px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-bg-ultra-light)}.subtitles-header.svelte-3vbahw .title.svelte-3vbahw{font-size:0.8rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.toggle-subs.svelte-3vbahw.svelte-3vbahw{background:none;border:none;cursor:pointer;color:#ccc;font-size:0.8rem}.subtitles-list.svelte-3vbahw.svelte-3vbahw{overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.sub-item.svelte-3vbahw.svelte-3vbahw{max-width:85%;padding:10px 14px;border-radius:12px;font-size:0.95rem;line-height:1.5;position:relative}.sub-item.sensei.svelte-3vbahw.svelte-3vbahw{align-self:flex-start;background:var(--color-bg-ultra-light);color:var(--color-text-dark);border-left:3px solid var(--color-primary)}.sub-item.user.svelte-3vbahw.svelte-3vbahw{align-self:flex-end;background:#f0f4ff;color:var(--color-text-dark);border-right:3px solid var(--color-secondary);text-align:right}.sub-label.svelte-3vbahw.svelte-3vbahw{font-size:0.75rem;color:var(--color-text-muted);margin-bottom:4px;font-weight:600}.sub-item.sensei.svelte-3vbahw .sub-label.svelte-3vbahw{color:var(--color-primary)}.sub-item.user.svelte-3vbahw .sub-label.svelte-3vbahw{color:var(--color-secondary)}.empty-subs.svelte-3vbahw.svelte-3vbahw{text-align:center;font-size:0.85rem;color:#ccc;font-style:italic}.original-text.svelte-3vbahw.svelte-3vbahw{font-size:0.9rem;line-height:1.4;margin-bottom:4px}.translated-text.svelte-3vbahw.svelte-3vbahw{font-size:0.8rem;color:var(--color-text-muted);font-style:italic;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.translate-btn.svelte-3vbahw.svelte-3vbahw{margin-top:6px;padding:4px 8px;font-size:0.75rem;background:var(--color-primary);color:white;border:none;border-radius:4px;cursor:pointer;transition:opacity 0.2s}.translate-btn.svelte-3vbahw.svelte-3vbahw:hover:not(:disabled){opacity:0.8}.translate-btn.svelte-3vbahw.svelte-3vbahw:disabled{opacity:0.5;cursor:not-allowed}@keyframes svelte-3vbahw-spin{to{transform:rotate(360deg)}}
.copybook-kanji-svg.svelte-19cs2px.svelte-19cs2px{display:block;overflow:visible}.stroke-order.svelte-19cs2px text.svelte-19cs2px{paint-order:stroke;stroke:rgba(0, 0, 0, 0.25);stroke-width:0.6}.cell-loading.svelte-19cs2px.svelte-19cs2px,.cell-fallback.svelte-19cs2px.svelte-19cs2px{display:flex;align-items:center;justify-content:center;background:#fafafa}.kanji-fallback.svelte-19cs2px.svelte-19cs2px{font-size:2rem;font-family:"Yu Mincho", "MS Mincho", serif;color:#333}
.kanji-tracing-test-display.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{background-color:#fff;border-radius:8px;padding:20px;position:relative}.actions-header.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.actions-right.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:flex;align-items:center;gap:14px;flex:0 0 auto}.bg-toggle.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;color:#444;font-weight:600;font-size:0.92rem;padding:6px 10px;border-radius:10px;border:1px solid #e7e3ff;background:#fff}.bg-toggle.svelte-1naq8ca input.svelte-1naq8ca.svelte-1naq8ca{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.bg-toggle-ui.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{width:18px;height:18px;border-radius:6px;border:2px solid #bdb4ff;background:#fff;position:relative;flex:0 0 auto}.bg-toggle.svelte-1naq8ca input.svelte-1naq8ca:checked+.bg-toggle-ui.svelte-1naq8ca{background:#5845d8;border-color:#5845d8}.bg-toggle.svelte-1naq8ca input.svelte-1naq8ca:checked+.bg-toggle-ui.svelte-1naq8ca::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:10px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}.instruction.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{color:#555;font-size:0.95rem;margin:0}.btn-print.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{padding:8px 16px;background-color:var(--color-primary, #afa4ff);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color 0.2s}.btn-print.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca:hover{background-color:#9284fa}.copybook-sheets.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:flex;flex-direction:column;gap:32px;margin-bottom:25px}.copybook-sheet.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{border:1px solid #222;border-radius:0;overflow:hidden;page-break-inside:avoid;--grid-cols:10;--grid-rows:15}.copybook-sheets.with-bg.svelte-1naq8ca .copybook-sheet.svelte-1naq8ca.svelte-1naq8ca{background-size:cover;background-position:center;background-repeat:no-repeat}.copybook-sheets.with-bg.svelte-1naq8ca .practice-cell.svelte-1naq8ca.svelte-1naq8ca{background:transparent}.copybook-sheets.with-bg.svelte-1naq8ca .copybook-kanji-cell.svelte-1naq8ca.svelte-1naq8ca,.copybook-sheets.with-bg.svelte-1naq8ca .copybook-notes-cell.svelte-1naq8ca.svelte-1naq8ca{background:#fff}.copybook-header.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:flex;align-items:stretch;border-bottom:1px solid #ddd}.copybook-kanji-cell.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{flex:0 0 calc(var(--cell-size, 96px) * 2);height:calc(var(--cell-size, 96px) * 2);display:flex;align-items:center;justify-content:center;padding:12px;border-right:1px solid #ddd;background:#fafafa}.copybook-kanji-cell.svelte-1naq8ca svg.copybook-kanji-svg{width:100% !important;height:100% !important}.kanji-img.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{max-width:126px;max-height:126px;object-fit:contain}.copybook-notes-cell.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{flex:1;padding:12px 16px;display:flex;align-items:stretch;background:#fff}.notes-text.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{font-size:0.9rem;color:#444;line-height:1.5;margin:0;white-space:pre-wrap;align-self:stretch}.copybook-practice-grid.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:grid;grid-template-columns:repeat(var(--grid-cols, 10), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-rows, 15), minmax(0, 1fr));border-top:1px solid #222;border-left:1px solid #222}.practice-cell.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{width:100%;aspect-ratio:1;min-height:36px;border-right:1px solid #222;border-bottom:1px solid #222;box-sizing:border-box;background:#fff;position:relative}.practice-cell-inner.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;pointer-events:none}.practice-cell-inner.svelte-1naq8ca span.svelte-1naq8ca.svelte-1naq8ca{display:block;border-right:1px dotted rgba(150, 150, 150, 0.6);border-bottom:1px dotted rgba(150, 150, 150, 0.6)}.practice-cell-inner.svelte-1naq8ca span.svelte-1naq8ca.svelte-1naq8ca:nth-child(2n){border-right:none}.practice-cell-inner.svelte-1naq8ca span.svelte-1naq8ca.svelte-1naq8ca:nth-child(n+3){border-bottom:none}.practice-cell-content.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{position:absolute;inset:4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.practice-img.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);opacity:0.75}.practice-cell-content.svelte-1naq8ca svg{max-width:100%;max-height:100%}.upload-section.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px dashed #ccc}.upload-label.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:block;margin-bottom:10px;font-weight:500;color:#333}.upload-row.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:flex;align-items:center;gap:12px}.file-input.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.file-btn.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:10px;border:1px solid #cfc8ff;background:#ffffff;color:#5845d8;cursor:pointer;font-weight:600;user-select:none;transition:background-color 0.15s ease, border-color 0.15s ease}.file-btn.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca:hover{background:rgba(175, 164, 255, 0.12);border-color:#b2a8ff}.file-btn[aria-disabled="true"].svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{opacity:0.6;cursor:not-allowed;pointer-events:none}.file-name.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{flex:1;min-width:0;height:40px;display:flex;align-items:center;padding:0 12px;border-radius:10px;border:1px solid #e6e6e6;background:#fff;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.95rem}.file-chosen-text.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{margin-top:10px;font-size:0.85rem;color:#28a745;font-weight:500}.submitted-answer-section.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{margin-top:20px;padding:15px;background-color:#f8f6ff;border:1px solid #d1c9ff;border-radius:8px}.submitted-title.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{font-size:1rem;font-weight:600;color:#5845d8;margin-bottom:15px}.submitted-image-wrapper.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{text-align:center}.submitted-img.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{max-width:100%;max-height:400px;border-radius:4px;border:1px solid #ccc}.reset-test-button.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{position:absolute;top:10px;right:10px;background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);z-index:10}.reset-test-button.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca:hover{background:#f8f9fa;border-color:#5845d8;transform:scale(1.05);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}@media(max-width: 640px){.copybook-sheet.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{--grid-cols:5;--grid-rows:15}.copybook-header.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{flex-direction:column}.copybook-kanji-cell.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{min-height:60px;border-right:none;border-bottom:1px solid #222}.practice-cell.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{min-height:32px}}@media print{.no-print.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{display:none !important}.print-area.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{position:relative !important}.kanji-tracing-test-display.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{padding:0;box-shadow:none}.copybook-sheet.svelte-1naq8ca.svelte-1naq8ca.svelte-1naq8ca{break-inside:avoid;box-shadow:none}}
.sr-only.svelte-skgmp1.svelte-skgmp1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.test-item-display-wrapper.svelte-skgmp1.svelte-skgmp1{background-color:#fff;border:1px solid #e7eaf3;border-radius:12px;padding:clamp(15px, 3vw, 25px);margin-bottom:25px;box-shadow:0 4px 12px
            rgba(var(--color-primary-rgb, 175, 164, 255), 0.07)}.test-title.svelte-skgmp1.svelte-skgmp1{font-size:clamp(1.25em, 3vw, 1.6em);font-weight:700;color:var(--color-text-dark);margin-top:0;margin-bottom:10px}.test-description.svelte-skgmp1.svelte-skgmp1{font-size:clamp(0.9em, 2.2vw, 1em);color:var(--color-text-muted);margin-bottom:20px;line-height:1.7}.test-attachment.svelte-skgmp1.svelte-skgmp1{margin-bottom:20px;border-radius:8px;overflow:hidden}.test-attachment.svelte-skgmp1 .image-item-display,.test-attachment.svelte-skgmp1 .audio-item-display-enhanced{border:none;box-shadow:none;margin-bottom:0;padding:0}.test-form-display.svelte-skgmp1.svelte-skgmp1{margin-top:15px}.test-actions-display.svelte-skgmp1.svelte-skgmp1{margin-top:25px;text-align:right}.btn-submit-test-display.svelte-skgmp1.svelte-skgmp1{background-color:var(--color-primary, #afa4ff);color:white;padding:10px 22px;border:none;border-radius:25px;font-weight:500;cursor:pointer;transition:background-color 0.2s ease,
            transform 0.1s ease;font-size:0.95rem}.btn-submit-test-display.svelte-skgmp1.svelte-skgmp1:hover:not(:disabled){background-color:var(--color-primary-dark, #8679f0)}.btn-submit-test-display.svelte-skgmp1.svelte-skgmp1:active:not(:disabled){transform:translateY(1px)}.btn-submit-test-display.svelte-skgmp1.svelte-skgmp1:disabled{background-color:#ccc;cursor:not-allowed;opacity:0.8}.btn-start-conversation.svelte-skgmp1.svelte-skgmp1{background:linear-gradient(135deg, #4ade80 0%, #22c55e 100%);color:white;width:56px;height:56px;border:none;border-radius:50%;font-weight:500;cursor:pointer;transition:all 0.3s ease;font-size:0.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(74, 222, 128, 0.3)}.btn-start-conversation.svelte-skgmp1.svelte-skgmp1:hover:not(:disabled){background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(74, 222, 128, 0.4)}.btn-start-conversation.svelte-skgmp1.svelte-skgmp1:active:not(:disabled){transform:translateY(0)}.btn-start-conversation.svelte-skgmp1.svelte-skgmp1:disabled{background:#ccc;cursor:not-allowed;opacity:0.6;box-shadow:none}.submission-result-display.svelte-skgmp1.svelte-skgmp1{margin-top:25px;padding:25px;background-color:var(--color-bg-light, #fff);border:1px solid var(--color-border-light, #e7eaf3);border-radius:var(--spacing-border-radius-block, 16px);box-shadow:var(--color-block-shadow, 0 4px 15px rgba(0, 0, 0, 0.05))}.submission-result-display.svelte-skgmp1 h4.svelte-skgmp1{margin-top:0;margin-bottom:20px;color:var(--color-primary, #afa4ff);font-size:1.35em;font-weight:700;letter-spacing:-0.01em}.ai-results-container.svelte-skgmp1.svelte-skgmp1{display:flex;flex-direction:column;gap:24px}.ai-score-overview.svelte-skgmp1.svelte-skgmp1{display:flex;align-items:center;gap:30px;padding:20px;background:white;border-radius:12px;border:1px solid var(--color-border-light, #f0f0f0);flex-wrap:wrap;box-shadow:0 2px 10px rgba(0, 0, 0, 0.02)}.overall-circle.svelte-skgmp1.svelte-skgmp1{width:100px;height:100px;aspect-ratio:1 / 1;flex:0 0 auto;border-radius:50%;background:linear-gradient(
            135deg,
            var(--color-primary, #6366f1) 0%,
            var(--color-secondary, #a855f7) 100%
        );display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 4px 15px rgba(var(--color-primary-rgb, 99, 102, 241), 0.25),
            inset 0 0 10px rgba(255, 255, 255, 0.2);text-align:center;border:2px solid rgba(255, 255, 255, 0.1)}.overall-circle.svelte-skgmp1 .score-value.svelte-skgmp1{font-size:2.2rem;font-weight:800;line-height:0.9;margin-bottom:4px}.overall-circle.svelte-skgmp1 .score-label.svelte-skgmp1{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.95;line-height:1.2;max-width:80%}.pass-status-badge.svelte-skgmp1.svelte-skgmp1{padding:8px 16px;border-radius:20px;font-weight:600;font-size:1.1rem;flex:1 1 160px;min-width:0}.pass-status-badge.auto_passed.svelte-skgmp1.svelte-skgmp1{background-color:#dcfce7;color:#166534}.pass-status-badge.auto_failed.svelte-skgmp1.svelte-skgmp1{background-color:#fee2e2;color:#991b1b}.ai-scores-grid.svelte-skgmp1.svelte-skgmp1{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:12px}.ai-score-item.svelte-skgmp1.svelte-skgmp1{background:white;padding:12px 16px;border-radius:12px;border:1px solid var(--color-border-light, #f0eeff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.03)}.score-info.svelte-skgmp1.svelte-skgmp1{display:flex;justify-content:space-between;margin-bottom:8px;font-size:0.9rem}.score-info.svelte-skgmp1 .label.svelte-skgmp1{color:#4b5563;font-weight:500}.score-info.svelte-skgmp1 .value.svelte-skgmp1{color:var(--color-primary, #5845d8);font-weight:700}.progress-bar-bg.svelte-skgmp1.svelte-skgmp1{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-bar-fill.svelte-skgmp1.svelte-skgmp1{height:100%;background:linear-gradient(
            90deg,
            var(--color-primary, #6366f1),
            var(--color-secondary, #8b5cf6)
        );border-radius:3px;transition:width 1s ease-out}.ai-feedback-section.svelte-skgmp1 h5.svelte-skgmp1,.insight-card.svelte-skgmp1 h5.svelte-skgmp1{margin-top:0;margin-bottom:12px;color:#1f2937;font-size:1rem;font-weight:700}.feedback-bubble.svelte-skgmp1.svelte-skgmp1{background:#fff;padding:16px;border-radius:12px;border-left:4px solid var(--color-primary, #5845d8);color:#374151;line-height:1.6;font-size:0.95rem;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.ai-insights-grid.svelte-skgmp1.svelte-skgmp1{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 640px){.submission-result-display.svelte-skgmp1.svelte-skgmp1{padding:16px;margin-top:15px}.ai-score-overview.svelte-skgmp1.svelte-skgmp1{gap:12px;padding:12px;justify-content:center}.overall-circle.svelte-skgmp1.svelte-skgmp1{width:80px;height:80px}.overall-circle.svelte-skgmp1 .score-value.svelte-skgmp1{font-size:1.6rem}.overall-circle.svelte-skgmp1 .score-label.svelte-skgmp1{font-size:0.55rem}.pass-status-badge.svelte-skgmp1.svelte-skgmp1{font-size:0.95rem;padding:6px 12px;flex-basis:100%;text-align:center}.ai-scores-grid.svelte-skgmp1.svelte-skgmp1{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:8px}.ai-score-item.svelte-skgmp1.svelte-skgmp1{padding:10px}.ai-insights-grid.svelte-skgmp1.svelte-skgmp1{grid-template-columns:1fr;gap:12px}.feedback-bubble.svelte-skgmp1.svelte-skgmp1{padding:12px;font-size:0.9rem}.recommendations.svelte-skgmp1.svelte-skgmp1{padding:15px}}.insight-card.svelte-skgmp1.svelte-skgmp1{background:white;padding:16px;border-radius:12px;border:1px solid var(--color-border-light, #f0f0f0)}.insight-card.svelte-skgmp1 ul.svelte-skgmp1,.recommendations.svelte-skgmp1 ul.svelte-skgmp1{margin:0;padding-left:20px;color:#4b5563;font-size:0.9rem}.insight-card.svelte-skgmp1 li.svelte-skgmp1,.recommendations.svelte-skgmp1 li.svelte-skgmp1{margin-bottom:8px}.strengths.svelte-skgmp1 h5.svelte-skgmp1{color:#166534}.strengths.svelte-skgmp1.svelte-skgmp1{border-top:3px solid #4ade80}.weaknesses.svelte-skgmp1 h5.svelte-skgmp1{color:#991b1b}.weaknesses.svelte-skgmp1.svelte-skgmp1{border-top:3px solid #f87171}.recommendations.svelte-skgmp1.svelte-skgmp1{background:#eff6ff;padding:20px;border-radius:12px;border:1px solid #bfdbfe}.recommendations.svelte-skgmp1 h5.svelte-skgmp1{color:#1e40af}.ai-transcript-section.svelte-skgmp1.svelte-skgmp1{margin-top:20px}.transcript-list.svelte-skgmp1.svelte-skgmp1{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:10px}.transcript-turn.svelte-skgmp1.svelte-skgmp1{padding:10px 14px;border-radius:12px;max-width:90%;font-size:0.85rem;line-height:1.4}.transcript-turn.assistant.svelte-skgmp1.svelte-skgmp1{align-self:flex-start;background-color:#f3f4f6;color:#1f2937;border-bottom-left-radius:2px}.transcript-turn.student.svelte-skgmp1.svelte-skgmp1{align-self:flex-end;background-color:var(--color-bg-admin-button, #e0dbff);color:var(--color-primary-dark, #5845d8);border-bottom-right-radius:2px}.transcript-turn.svelte-skgmp1 .role.svelte-skgmp1{font-weight:700;margin-right:6px;font-size:0.8rem;text-transform:uppercase;display:block;margin-bottom:2px}.turn-content.svelte-skgmp1.svelte-skgmp1{display:flex;flex-direction:column;gap:4px}.turn-content.svelte-skgmp1 .translated.svelte-skgmp1{font-size:0.85rem;opacity:0.8;font-style:italic;border-top:1px solid rgba(0, 0, 0, 0.05);padding-top:4px;margin-top:2px}.submission-result-display.svelte-skgmp1 p.svelte-skgmp1{margin-bottom:8px;font-size:0.95em}.submission-result-display.svelte-skgmp1 strong.svelte-skgmp1{font-weight:600}.submission-result-display.status-auto_passed.svelte-skgmp1 strong.svelte-skgmp1,.submission-result-display.status-graded.svelte-skgmp1 strong.svelte-skgmp1,.submission-result-display.status-auto_correct.svelte-skgmp1 strong.svelte-skgmp1{color:#27ae60}.submission-result-display.status-auto_failed.svelte-skgmp1 strong.svelte-skgmp1,.submission-result-display.status-auto_incorrect.svelte-skgmp1 strong.svelte-skgmp1{color:#e74c3c}.submission-result-display.status-grading_pending.svelte-skgmp1 strong.svelte-skgmp1,.submission-result-display.status-submitted.svelte-skgmp1 strong.svelte-skgmp1{color:var(--color-secondary, #6d7fc9)}.submission-result-display.svelte-skgmp1 .feedback-text strong.svelte-skgmp1{color:#343a40;font-weight:normal;display:block;margin-top:4px;padding:8px;background-color:#fff;border-radius:4px}.submission-result-display.admin-view.svelte-skgmp1.svelte-skgmp1{background-color:#e9ecef;border-color:#ced4da}.submission-result-display.admin-view.svelte-skgmp1 h4.svelte-skgmp1{color:#495057}.result-header.svelte-skgmp1.svelte-skgmp1{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-header.svelte-skgmp1 h4.svelte-skgmp1{margin-bottom:0}.btn-refresh-status.svelte-skgmp1.svelte-skgmp1{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary, #afa4ff);transition:background-color 0.2s ease,
            transform 0.2s ease}.btn-refresh-status.svelte-skgmp1.svelte-skgmp1:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb, 175, 164, 255), 0.1)}.btn-refresh-status.svelte-skgmp1.svelte-skgmp1:disabled{cursor:not-allowed;opacity:0.6}@keyframes svelte-skgmp1-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rotating.svelte-skgmp1.svelte-skgmp1{animation:svelte-skgmp1-spin 1s linear infinite}.test-attachment.svelte-skgmp1.svelte-skgmp1{margin-bottom:20px;text-align:center}.test-attached-image.svelte-skgmp1.svelte-skgmp1{max-width:min(70%, 500px);margin:0 auto 20px}.test-attached-image.svelte-skgmp1 img{border-radius:var(--spacing-border-radius-block, 12px)}
.modal-overlay.svelte-1cz5yf4{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:flex-start;z-index:var(--z-index-modal, 1000000);padding:0 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-scroll-wrapper.svelte-1cz5yf4{width:100%;max-width:100%;display:flex;justify-content:center;padding-top:150px;padding-bottom:300px;pointer-events:auto}.modal-content.svelte-1cz5yf4{background-color:var(--color-bg-light, #fff);border-radius:var(--spacing-border-radius-block, 16px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.25);position:relative;width:100%;max-height:none;margin-bottom:40px;display:flex;flex-direction:column;overflow:hidden}.modal-content.size-small.svelte-1cz5yf4{max-width:400px}.modal-content.size-medium.svelte-1cz5yf4{max-width:600px}.modal-content.size-large.svelte-1cz5yf4{max-width:800px}.modal-content.size-xlarge.svelte-1cz5yf4{max-width:1000px}.modal-header.svelte-1cz5yf4{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--color-border-light, #eee);flex-shrink:0}.modal-title-text.svelte-1cz5yf4{margin:0;font-size:1.4rem;font-weight:var(--font-weight-semi-bold, 600);color:var(--color-text-dark, #333);line-height:1.3}.modal-close-button.svelte-1cz5yf4{background:none;border:none;cursor:pointer;color:var(--color-text-muted, #888);padding:5px;border-radius:50%;transition:background-color 0.2s,
			color 0.2s;display:flex;align-items:center;justify-content:center}.modal-close-button.svelte-1cz5yf4:hover{background-color:var(--color-simple-button-hover-bg, #f0f0f0);color:var(--color-text-dark, #333)}.modal-body.svelte-1cz5yf4{padding:20px;overflow-y:auto;flex-grow:1}.modal-footer.svelte-1cz5yf4{padding:15px 20px;border-top:1px solid var(--color-border-light, #eee);display:flex;justify-content:flex-end;gap:10px;background-color:var(--color-bg-ultra-light, #f9f9f9);flex-shrink:0}.modal-footer.svelte-1cz5yf4 button{padding:var(--spacing-padding-button-medium, 8px 15px);border-radius:var(--spacing-border-radius-button, 20px);font-weight:var(--font-weight-semi-bold, 600);cursor:pointer;transition:all 0.2s ease;font-size:0.9rem}
.custom-context-menu.svelte-2uz6mn.svelte-2uz6mn{position:fixed;background-color:white;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.15);z-index:1000;min-width:180px;max-width:280px;border-radius:var(--spacing-border-radius-small, 6px);max-height:min(350px, 80vh);display:flex;flex-direction:column}.custom-context-menu.svelte-2uz6mn ul.svelte-2uz6mn{list-style:none;padding:5px 0;margin:0;overflow-y:auto;flex-grow:1;&::-webkit-scrollbar {
        width: 6px;
      };&::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 3px;
      };&::-webkit-scrollbar-track {
        background-color: #f1f1f1;
      }}.custom-context-menu.svelte-2uz6mn li button.svelte-2uz6mn{display:flex;align-items:center;width:100%;padding:9px 15px;text-align:left;background:none;border:none;cursor:pointer;font-size:0.9rem;gap:8px}.custom-context-menu.svelte-2uz6mn li button.svelte-2uz6mn:hover{background-color:#f0f0f0}.custom-context-menu.svelte-2uz6mn hr.svelte-2uz6mn{border:none;border-top:1px solid #eee;margin:4px 0}.menu-icon.svelte-2uz6mn.svelte-2uz6mn{opacity:0.7}.color-palette-container.svelte-2uz6mn.svelte-2uz6mn{padding:5px 12px 8px 12px}.palette-label.svelte-2uz6mn.svelte-2uz6mn{display:block;margin-bottom:6px;font-size:0.8rem;color:#777;font-weight:500}.palette-colors.svelte-2uz6mn.svelte-2uz6mn{display:flex;flex-wrap:wrap;gap:6px}.palette-color-button.svelte-2uz6mn.svelte-2uz6mn{width:22px;height:22px;border:1px solid rgba(0,0,0,0.15);padding:0;cursor:pointer;border-radius:4px;transition:transform 0.1s ease-out;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3)}.palette-color-button.svelte-2uz6mn.svelte-2uz6mn:hover{border-color:#333;transform:scale(1.15)}.palette-more-button.svelte-2uz6mn.svelte-2uz6mn{margin-top:8px;font-size:0.8rem;padding:4px 8px;background:#f7f7f7;border:1px solid #ddd;border-radius:3px;cursor:pointer;color:#333}.palette-more-button.svelte-2uz6mn.svelte-2uz6mn:hover{background:#e9e9e9;border-color:#ccc}
.item-form.svelte-14cbnes.svelte-14cbnes{display:flex;flex-direction:column;gap:15px}.form-group.svelte-14cbnes.svelte-14cbnes{display:flex;flex-direction:column}.form-group.svelte-14cbnes label.svelte-14cbnes{margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.form-group.svelte-14cbnes input[type="text"].svelte-14cbnes,.form-group.svelte-14cbnes textarea.svelte-14cbnes{padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem}.form-group.svelte-14cbnes input[type="text"].svelte-14cbnes:focus,.form-group.svelte-14cbnes textarea.svelte-14cbnes:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 175, 164, 255), 0.3);outline:none}.form-group-checkbox.svelte-14cbnes.svelte-14cbnes{flex-direction:row;align-items:center;gap:8px}.form-group-checkbox.svelte-14cbnes label.svelte-14cbnes{margin-bottom:0}.form-actions.svelte-14cbnes.svelte-14cbnes{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-save.svelte-14cbnes.svelte-14cbnes{background-color:var(--color-primary);color:white;padding:10px 15px;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-save.svelte-14cbnes.svelte-14cbnes:hover:not(:disabled){background-color:var(--color-purple-hover)}.btn-save.svelte-14cbnes.svelte-14cbnes:disabled{background-color:#ccc}.btn-cancel.svelte-14cbnes.svelte-14cbnes{background-color:#f0f0f0;color:#333;padding:10px 15px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-cancel.svelte-14cbnes.svelte-14cbnes:hover:not(:disabled){background-color:#e0e0e0}.hidden-color-picker.svelte-14cbnes.svelte-14cbnes{position:fixed;opacity:0;pointer-events:none;width:1px;height:1px;top:-10px;left:-10px}.view-switcher.svelte-14cbnes.svelte-14cbnes{display:flex;margin-bottom:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);overflow:hidden}.view-switcher.svelte-14cbnes button.svelte-14cbnes{flex:1;padding:8px 10px;background-color:#f0f0f0;border:none;border-right:1px solid #ccc;cursor:pointer;font-size:0.9rem;color:#555}.view-switcher.svelte-14cbnes button.svelte-14cbnes:last-child{border-right:none}.view-switcher.svelte-14cbnes button.active.svelte-14cbnes{background-color:var(--color-primary-light, #e0e0ff);color:var(--color-primary, #5439FF);font-weight:500}.view-switcher.svelte-14cbnes button.svelte-14cbnes:hover:not(.active):not(:disabled){background-color:#e7e7e7}.view-switcher.svelte-14cbnes button.svelte-14cbnes:disabled{opacity:0.6;cursor:not-allowed}.content-area.svelte-14cbnes label.svelte-14cbnes{margin-bottom:5px}.preview-box.svelte-14cbnes.svelte-14cbnes{min-height:150px;padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);background-color:#f9f9f9;overflow-y:auto}
.item-form.svelte-o384t7.svelte-o384t7{display:flex;flex-direction:column;gap:15px}.form-group.svelte-o384t7.svelte-o384t7{display:flex;flex-direction:column}.form-group.svelte-o384t7 label.svelte-o384t7{margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.form-group.svelte-o384t7 input[type="text"].svelte-o384t7{padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem}.form-group.svelte-o384t7 input[type="text"].svelte-o384t7:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 175, 164, 255), 0.3);outline:none}.image-upload-container.svelte-o384t7.svelte-o384t7{border:2px dashed var(--color-border-light, #ccc);border-radius:var(--spacing-border-radius-small);padding:10px}.image-upload-container.svelte-o384t7.svelte-o384t7:hover{border-color:var(--color-primary-light)}.image-upload-label-box.svelte-o384t7.svelte-o384t7{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;cursor:pointer;color:var(--color-text-muted)}.image-upload-label-box.svelte-o384t7.svelte-o384t7:hover{color:var(--color-primary)}.image-upload-label-box.svelte-o384t7 span.svelte-o384t7{margin-top:8px;font-size:0.9em}.cropper-wrapper.svelte-o384t7.svelte-o384t7{position:relative;width:100%;height:300px;background:#f0f0f0;border-radius:var(--spacing-border-radius-small);overflow:hidden}.zoom-slider-container.svelte-o384t7.svelte-o384t7{display:flex;align-items:center;gap:12px;margin-top:10px;margin-bottom:12px;padding:8px 12px;background:#f8faff;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.zoom-slider-container.svelte-o384t7 span.svelte-o384t7{font-size:0.85rem;color:var(--color-text-muted);white-space:nowrap}.zoom-slider.svelte-o384t7.svelte-o384t7{flex-grow:1;height:4px;-webkit-appearance:none;background:#e0e6ed;border-radius:2px;outline:none}.zoom-slider.svelte-o384t7.svelte-o384t7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.cropper-wrapper .reactEasyCrop_Container{border-radius:var(--spacing-border-radius-small)}.cropper-controls.svelte-o384t7.svelte-o384t7{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.change-image-label.svelte-o384t7.svelte-o384t7{padding:6px 12px;background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button);border:1px solid var(--color-border-admin-button);border-radius:var(--spacing-border-radius-button);cursor:pointer;font-size:0.85rem;transition:background-color 0.2s}.change-image-label.svelte-o384t7.svelte-o384t7:hover{background-color:var(--color-border-admin-button)}.remove-image-btn-inline.svelte-o384t7.svelte-o384t7{background:none;border:1px solid var(--color-danger-red);color:var(--color-danger-red);padding:5px 10px;border-radius:var(--spacing-border-radius-button);cursor:pointer;font-size:0.85rem;display:inline-flex;align-items:center;gap:5px;transition:background-color 0.2s,
            color 0.2s}.remove-image-btn-inline.svelte-o384t7.svelte-o384t7:hover{background-color:var(--color-danger-red);color:white}.form-actions.svelte-o384t7.svelte-o384t7{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-save.svelte-o384t7.svelte-o384t7{background-color:var(--color-primary);color:white;padding:10px 15px;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-save.svelte-o384t7.svelte-o384t7:hover:not(:disabled){background-color:var(--color-purple-hover)}.btn-save.svelte-o384t7.svelte-o384t7:disabled{background-color:#ccc;opacity:0.7;cursor:not-allowed}.btn-cancel.svelte-o384t7.svelte-o384t7{background-color:#f0f0f0;color:#333;padding:10px 15px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-cancel.svelte-o384t7.svelte-o384t7:hover:not(:disabled){background-color:#e0e0e0}.aspect-ratio-selector.svelte-o384t7.svelte-o384t7{margin-bottom:10px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}.aspect-ratio-selector.svelte-o384t7 label.svelte-o384t7{margin-bottom:0;margin-right:5px}.aspect-ratio-selector.svelte-o384t7 button.svelte-o384t7{padding:4px 10px;font-size:0.85em;border:1px solid var(--color-border-light, #ccc);background:var(--color-bg-light, #fff);border-radius:var(--spacing-border-radius-small, 6px);cursor:pointer;transition:background-color 0.2s,
            border-color 0.2s,
            color 0.2s}.aspect-ratio-selector.svelte-o384t7 button.svelte-o384t7:hover{border-color:var(--color-secondary, #6d7fc9);color:var(--color-secondary, #6d7fc9)}.aspect-ratio-selector.svelte-o384t7 button.active.svelte-o384t7{background-color:var(--color-primary, #afa4ff);color:white;border-color:var(--color-primary, #afa4ff)}
.item-form.svelte-z9ylm6.svelte-z9ylm6{display:flex;flex-direction:column;gap:15px}.form-group.svelte-z9ylm6.svelte-z9ylm6{display:flex;flex-direction:column}.form-group.svelte-z9ylm6 label.svelte-z9ylm6{margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.form-group.svelte-z9ylm6 input[type="text"].svelte-z9ylm6,.form-group.svelte-z9ylm6 input[type="file"].svelte-z9ylm6,.form-group.svelte-z9ylm6 textarea.svelte-z9ylm6{padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem}.form-group.svelte-z9ylm6 input[type="text"].svelte-z9ylm6:focus,.form-group.svelte-z9ylm6 textarea.svelte-z9ylm6:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 175, 164, 255), 0.3);outline:none}.audio-preview-container.svelte-z9ylm6.svelte-z9ylm6{margin-top:10px}.form-actions.svelte-z9ylm6.svelte-z9ylm6{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-save.svelte-z9ylm6.svelte-z9ylm6{background-color:var(--color-primary);color:white;padding:10px 15px;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-save.svelte-z9ylm6.svelte-z9ylm6:hover:not(:disabled){background-color:var(--color-purple-hover)}.btn-save.svelte-z9ylm6.svelte-z9ylm6:disabled{background-color:#ccc}.btn-cancel.svelte-z9ylm6.svelte-z9ylm6{background-color:#f0f0f0;color:#333;padding:10px 15px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-cancel.svelte-z9ylm6.svelte-z9ylm6:hover:not(:disabled){background-color:#e0e0e0}
.item-form.svelte-ydy6e3.svelte-ydy6e3{display:flex;flex-direction:column;gap:15px}.form-group.svelte-ydy6e3.svelte-ydy6e3{display:flex;flex-direction:column}.form-group.svelte-ydy6e3 label.svelte-ydy6e3{margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.form-group.svelte-ydy6e3 input[type="text"].svelte-ydy6e3,.form-group.svelte-ydy6e3 input[type="url"].svelte-ydy6e3,.form-group.svelte-ydy6e3 input[type="file"].svelte-ydy6e3,.form-group.svelte-ydy6e3 textarea.svelte-ydy6e3{padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem}.form-group.svelte-ydy6e3 input[type="text"].svelte-ydy6e3:focus,.form-group.svelte-ydy6e3 input[type="url"].svelte-ydy6e3:focus,.form-group.svelte-ydy6e3 textarea.svelte-ydy6e3:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 175, 164, 255), 0.3);outline:none}.radio-group.svelte-ydy6e3.svelte-ydy6e3{display:flex;flex-direction:column;gap:5px}.radio-group.svelte-ydy6e3 label.svelte-ydy6e3{display:flex;align-items:center;gap:5px;font-weight:normal}.video-preview-container.svelte-ydy6e3.svelte-ydy6e3{margin-top:10px}.form-actions.svelte-ydy6e3.svelte-ydy6e3{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-save.svelte-ydy6e3.svelte-ydy6e3{background-color:var(--color-primary);color:white;padding:10px 15px;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-save.svelte-ydy6e3.svelte-ydy6e3:hover:not(:disabled){background-color:var(--color-purple-hover)}.btn-save.svelte-ydy6e3.svelte-ydy6e3:disabled{background-color:#ccc}.btn-cancel.svelte-ydy6e3.svelte-ydy6e3{background-color:#f0f0f0;color:#333;padding:10px 15px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-cancel.svelte-ydy6e3.svelte-ydy6e3:hover:not(:disabled){background-color:#e0e0e0}
.item-form.svelte-noxk8v.svelte-noxk8v{display:flex;flex-direction:column;gap:15px}.form-group.svelte-noxk8v.svelte-noxk8v{display:flex;flex-direction:column}.form-group.svelte-noxk8v label.svelte-noxk8v{margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.form-group.svelte-noxk8v input[type="text"].svelte-noxk8v,.form-group.svelte-noxk8v input[type="file"].svelte-noxk8v{padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem}.form-group.svelte-noxk8v input[type="text"].svelte-noxk8v:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 175, 164, 255), 0.3);outline:none}.file-name-preview.svelte-noxk8v.svelte-noxk8v{font-size:0.9em;color:#555;margin-top:5px;font-style:italic}.form-actions.svelte-noxk8v.svelte-noxk8v{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-save.svelte-noxk8v.svelte-noxk8v{background-color:var(--color-primary);color:white;padding:10px 15px;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-save.svelte-noxk8v.svelte-noxk8v:hover:not(:disabled){background-color:var(--color-purple-hover)}.btn-save.svelte-noxk8v.svelte-noxk8v:disabled{background-color:#ccc}.btn-cancel.svelte-noxk8v.svelte-noxk8v{background-color:#f0f0f0;color:#333;padding:10px 15px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-cancel.svelte-noxk8v.svelte-noxk8v:hover:not(:disabled){background-color:#e0e0e0}
.item-form.svelte-14p2fel.svelte-14p2fel{display:flex;flex-direction:column;gap:20px}.form-group.svelte-14p2fel.svelte-14p2fel{display:flex;flex-direction:column}.form-group.svelte-14p2fel label.svelte-14p2fel:not(.custom-checkbox-label):not(.file-upload-label):not(
            .option-correct-toggle-label
        ){margin-bottom:7px;font-weight:500;color:var(--color-text-muted);font-size:0.9rem;display:block}.form-group.svelte-14p2fel input[type="text"].svelte-14p2fel,.form-group.svelte-14p2fel textarea.svelte-14p2fel{padding:10px 14px;border:1px solid var(--color-border-light, #d8dce6);border-radius:var(--spacing-border-radius-small, 8px);font-size:0.95rem;transition:border-color 0.2s,
            box-shadow 0.2s;background-color:var(--color-bg-light, #fff)}.form-group.svelte-14p2fel input.svelte-14p2fel:focus,.form-group.svelte-14p2fel textarea.svelte-14p2fel:focus{border-color:var(--color-primary, #afa4ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 175, 164, 255), 0.2);outline:none}.form-group.svelte-14p2fel textarea.svelte-14p2fel{line-height:1.5}.form-loading-placeholder.svelte-14p2fel.svelte-14p2fel{display:flex;align-items:center;justify-content:center;padding:30px;color:var(--color-text-muted)}.spinner.svelte-14p2fel.svelte-14p2fel{border:3px solid rgba(var(--color-primary-rgb), 0.2);border-left-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:svelte-14p2fel-form-spin 1s linear infinite;margin-right:10px}@keyframes svelte-14p2fel-form-spin{to{transform:rotate(360deg)}}.form-group-custom-checkbox.svelte-14p2fel.svelte-14p2fel{display:flex;align-items:center;margin:5px 0}.custom-checkbox-input.svelte-14p2fel.svelte-14p2fel{opacity:0;position:absolute;width:0;height:0}.custom-checkbox-label.svelte-14p2fel.svelte-14p2fel{display:inline-flex;align-items:center;cursor:pointer;font-size:0.95rem;color:var(--color-text-dark);user-select:none}.checkbox-visual.svelte-14p2fel.svelte-14p2fel{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:10px;border:2px solid var(--color-border-admin-button, #c5bfff);border-radius:var(--spacing-border-radius-small, 6px);transition:background-color 0.2s,
            border-color 0.2s;color:var(--color-primary, #afa4ff)}.custom-checkbox-input:checked+.custom-checkbox-label.svelte-14p2fel .checkbox-visual.svelte-14p2fel,.custom-checkbox-input.svelte-14p2fel:checked~.checkbox-visual.svelte-14p2fel{background-color:var(--color-primary, #afa4ff);border-color:var(--color-primary, #afa4ff);color:white}.custom-checkbox-input:focus+.custom-checkbox-label.svelte-14p2fel .checkbox-visual.svelte-14p2fel,.custom-checkbox-input.svelte-14p2fel:focus~.checkbox-visual.svelte-14p2fel{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 175, 164, 255), 0.3)}.custom-checkbox-input.svelte-14p2fel:disabled+.custom-checkbox-label.svelte-14p2fel,.custom-checkbox-input.svelte-14p2fel:disabled~.checkbox-visual.svelte-14p2fel{opacity:0.6;cursor:not-allowed}.attachments-section.svelte-14p2fel.svelte-14p2fel{margin-top:15px;padding-top:15px;border-top:1px solid var(--color-border-light, #eee)}.attachments-header.svelte-14p2fel.svelte-14p2fel{margin-top:0;margin-bottom:15px;font-size:1.1em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark)}.form-row.svelte-14p2fel.svelte-14p2fel{display:flex;gap:20px;margin-bottom:10px}.form-row.svelte-14p2fel>.form-group.svelte-14p2fel{flex:1}.attachment-control.svelte-14p2fel>label.svelte-14p2fel:first-child{font-size:0.95rem;margin-bottom:8px}.file-upload-label.svelte-14p2fel.svelte-14p2fel{display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px dashed var(--color-border-admin-button, #d1c9ff);border-radius:var(--spacing-border-radius-small);cursor:pointer;color:var(--color-secondary, #6d7fc9);transition:background-color 0.2s,
            border-color 0.2s}.file-upload-label.hidden.svelte-14p2fel.svelte-14p2fel{display:none}.file-upload-label.svelte-14p2fel.svelte-14p2fel:hover{background-color:rgba(var(--color-primary-rgb, 175, 164, 255), 0.05);border-color:var(--color-primary, #afa4ff)}.file-upload-label.svelte-14p2fel span.svelte-14p2fel{font-size:0.9em;flex-grow:1;text-align:center}.visually-hidden.svelte-14p2fel.svelte-14p2fel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.cropper-wrapper-test.svelte-14p2fel.svelte-14p2fel{position:relative;width:100%;height:200px;background:#eef2f7;border-radius:var(--spacing-border-radius-small);overflow:hidden;margin-bottom:20px;border:1px solid var(--color-border-light);contain:content;transform:translateZ(0)}.attachment-actions.svelte-14p2fel.svelte-14p2fel{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.aspect-ratio-controls.svelte-14p2fel.svelte-14p2fel{display:flex;gap:5px;align-items:center;color:var(--color-text-muted)}.aspect-ratio-controls.svelte-14p2fel>span.svelte-14p2fel{margin-right:5px}.aspect-btn.svelte-14p2fel.svelte-14p2fel{font-size:0.75em;padding:3px 6px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;cursor:pointer}.aspect-btn.active.svelte-14p2fel.svelte-14p2fel{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.file-upload-label.small.svelte-14p2fel.svelte-14p2fel{padding:6px 10px;font-size:0.85em;border-style:solid}.remove-attachment-btn.svelte-14p2fel.svelte-14p2fel{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;padding:0}.remove-attachment-btn.svelte-14p2fel.svelte-14p2fel:hover{background-color:rgba(var(--color-danger-red-rgb), 0.1);color:var(--color-danger-red);border-color:rgba(var(--color-danger-red-rgb), 0.3)}.audio-filename-display.svelte-14p2fel.svelte-14p2fel{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f7f9fc;border-radius:var(--spacing-border-radius-small);margin-bottom:10px;border:1px solid var(--color-border-light)}.cropper-wrapper-test.svelte-14p2fel.svelte-14p2fel{position:relative;width:100%;height:250px;background:#f0f0f0;margin-bottom:12px;border-radius:var(--spacing-border-radius-small);overflow:hidden;border:1px solid var(--color-border-light);contain:content;transform:translateZ(0)}.zoom-slider-container.svelte-14p2fel.svelte-14p2fel{display:flex;align-items:center;gap:12px;margin-top:10px;margin-bottom:12px;padding:8px 12px;background:#f8faff;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.zoom-slider-container.svelte-14p2fel span.svelte-14p2fel{font-size:0.85rem;color:var(--color-text-muted);white-space:nowrap}.zoom-slider.svelte-14p2fel.svelte-14p2fel{flex-grow:1;height:4px;-webkit-appearance:none;background:#e0e6ed;border-radius:2px;outline:none}.zoom-slider.svelte-14p2fel.svelte-14p2fel::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.audio-filename-display.svelte-14p2fel span.svelte-14p2fel{font-size:0.9em;color:var(--color-text-dark);word-break:break-all}.form-hint.svelte-14p2fel.svelte-14p2fel{font-size:0.8em;color:var(--color-text-muted);margin-top:5px}.form-hint.removed-hint.svelte-14p2fel.svelte-14p2fel{color:var(--color-danger-red)}.options-header.svelte-14p2fel.svelte-14p2fel{margin-top:20px;margin-bottom:12px;font-size:1.1em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);border-bottom:1px solid #eee;padding-bottom:8px}.mcq-option-item.svelte-14p2fel.svelte-14p2fel{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--color-border-light, #e0e0e0);border-radius:var(--spacing-border-radius-block, 10px);margin-bottom:12px;background-color:#fff;transition:box-shadow 0.2s,
            border-color 0.2s}.mcq-option-item.svelte-14p2fel.svelte-14p2fel:focus-within,.mcq-option-item.svelte-14p2fel.svelte-14p2fel:hover{border-color:var(--color-primary-light, #d1c9ff);box-shadow:0 3px 8px
            rgba(var(--color-primary-rgb, 175, 164, 255), 0.12)}.option-correct-toggle-label.svelte-14p2fel.svelte-14p2fel{margin-top:28px;display:inline-flex;align-items:center;cursor:pointer}.option-correct-toggle-label.svelte-14p2fel .checkbox-visual.large.svelte-14p2fel{width:24px;height:24px}.option-correct-toggle-label.svelte-14p2fel .checkbox-visual.large.svelte-14p2fel svg{width:20px;height:20px}.option-inputs.svelte-14p2fel.svelte-14p2fel{flex-grow:1;display:flex;flex-direction:column;gap:10px}.option-text-group.svelte-14p2fel.svelte-14p2fel,.option-explanation-group.svelte-14p2fel.svelte-14p2fel{margin-bottom:0}.option-delete-btn.svelte-14p2fel.svelte-14p2fel{background:none;border:none;cursor:pointer;padding:5px;color:var(--color-text-muted);margin-left:auto;align-self:center;transition:color 0.2s}.option-delete-btn.svelte-14p2fel.svelte-14p2fel:hover:not(:disabled){color:var(--color-danger-red)}.option-delete-btn.svelte-14p2fel.svelte-14p2fel:disabled{color:#ccc;cursor:not-allowed}.add-option-btn.svelte-14p2fel.svelte-14p2fel{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:0.9rem;color:var(--color-primary, #afa4ff);background-color:transparent;border:1px dashed var(--color-primary, #afa4ff);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s,
            color 0.2s,
            border-style 0.2s;margin-top:8px}.add-option-btn.svelte-14p2fel.svelte-14p2fel:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb, 175, 164, 255), 0.1);border-style:solid}.form-actions.svelte-14p2fel.svelte-14p2fel{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border-light, #eee)}.btn-save.svelte-14p2fel.svelte-14p2fel,.btn-cancel.svelte-14p2fel.svelte-14p2fel{font-size:0.95rem;padding:10px 20px;font-weight:500}.btn-save.svelte-14p2fel.svelte-14p2fel{background-color:var(--color-primary);color:white;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-save.svelte-14p2fel.svelte-14p2fel:hover:not(:disabled){background-color:var(--color-primary-dark, #8679f0)}.btn-save.svelte-14p2fel.svelte-14p2fel:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel.svelte-14p2fel.svelte-14p2fel{background-color:var(--color-bg-ultra-light, #f8f9fa);color:var(--color-text-muted, #555);padding:10px 20px;border:1px solid var(--color-border-light, #ddd);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-cancel.svelte-14p2fel.svelte-14p2fel:hover:not(:disabled){background-color:#e9ecef}@media(max-width: 600px){.form-row.svelte-14p2fel.svelte-14p2fel{flex-direction:column;gap:15px}.mcq-option-item.svelte-14p2fel.svelte-14p2fel{flex-wrap:wrap}.option-delete-btn.svelte-14p2fel.svelte-14p2fel{align-self:flex-end;margin-top:5px}.option-correct-toggle-label.svelte-14p2fel.svelte-14p2fel{margin-top:0;margin-bottom:10px}.mcq-option-item.svelte-14p2fel.svelte-14p2fel{flex-direction:column;align-items:stretch}.option-inputs.svelte-14p2fel.svelte-14p2fel{width:100%}}
.item-form.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;flex-direction:column;gap:20px}.form-group.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;flex-direction:column}.form-group.svelte-1uyo6qa label.svelte-1uyo6qa{margin-bottom:7px;font-weight:500;color:var(--color-text-muted);font-size:0.9rem;display:block}.form-group.svelte-1uyo6qa input[type="text"].svelte-1uyo6qa,.form-group.svelte-1uyo6qa textarea.svelte-1uyo6qa{padding:10px 14px;border:1px solid var(--color-border-light, #d8dce6);border-radius:var(--spacing-border-radius-small, 8px);font-size:0.95rem;transition:border-color 0.2s,
            box-shadow 0.2s;background-color:var(--color-bg-light, #fff);width:100%;box-sizing:border-box}.form-group.svelte-1uyo6qa input.svelte-1uyo6qa:focus,.form-group.svelte-1uyo6qa textarea.svelte-1uyo6qa:focus{border-color:var(--color-primary, #afa4ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 175, 164, 255), 0.2);outline:none}.form-group.svelte-1uyo6qa textarea.svelte-1uyo6qa{line-height:1.5;min-height:60px}.form-loading-placeholder.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;align-items:center;justify-content:center;padding:30px;color:var(--color-text-muted)}.spinner.svelte-1uyo6qa.svelte-1uyo6qa{border:3px solid rgba(var(--color-primary-rgb), 0.2);border-left-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:svelte-1uyo6qa-form-spin 1s linear infinite;margin-right:10px}@keyframes svelte-1uyo6qa-form-spin{to{transform:rotate(360deg)}}.form-actions.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border-light, #eee)}.btn-save.svelte-1uyo6qa.svelte-1uyo6qa,.btn-cancel.svelte-1uyo6qa.svelte-1uyo6qa{font-size:0.95rem;padding:10px 20px;font-weight:500}.btn-save.svelte-1uyo6qa.svelte-1uyo6qa{background-color:var(--color-primary);color:white;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-save.svelte-1uyo6qa.svelte-1uyo6qa:hover:not(:disabled){background-color:var(--color-primary-dark, #8679f0)}.btn-save.svelte-1uyo6qa.svelte-1uyo6qa:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel.svelte-1uyo6qa.svelte-1uyo6qa{background-color:var(--color-bg-ultra-light, #f8f9fa);color:var(--color-text-muted, #555);padding:10px 20px;border:1px solid var(--color-border-light, #ddd);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-cancel.svelte-1uyo6qa.svelte-1uyo6qa:hover:not(:disabled){background-color:#e9ecef}.attachments-section.svelte-1uyo6qa.svelte-1uyo6qa{margin-top:15px;padding-top:15px;border-top:1px solid var(--color-border-light, #eee)}.attachments-header.svelte-1uyo6qa.svelte-1uyo6qa{margin-top:0;margin-bottom:15px;font-size:1.1em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark)}.form-row.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;gap:20px;margin-bottom:10px}.form-row.svelte-1uyo6qa>.form-group.svelte-1uyo6qa{flex:1}.attachment-control.svelte-1uyo6qa>label.svelte-1uyo6qa:first-child{font-size:0.95rem;margin-bottom:8px;color:var(--color-text-dark)}.file-upload-label.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px dashed var(--color-border-admin-button, #d1c9ff);border-radius:var(--spacing-border-radius-small);cursor:pointer;color:var(--color-secondary, #6d7fc9);transition:background-color 0.2s,
            border-color 0.2s}.file-upload-label.hidden.svelte-1uyo6qa.svelte-1uyo6qa{display:none}.file-upload-label.svelte-1uyo6qa.svelte-1uyo6qa:hover{background-color:rgba(var(--color-primary-rgb, 175, 164, 255), 0.05);border-color:var(--color-primary, #afa4ff)}.file-upload-label.svelte-1uyo6qa span.svelte-1uyo6qa{font-size:0.9em;flex-grow:1;text-align:center}.visually-hidden.svelte-1uyo6qa.svelte-1uyo6qa{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.cropper-wrapper-test.general-test-cropper.svelte-1uyo6qa.svelte-1uyo6qa{position:relative;width:100%;height:200px;background:#eef2f7;border-radius:var(--spacing-border-radius-small);overflow:hidden;margin-bottom:10px;border:1px solid var(--color-border-light);contain:content;transform:translateZ(0)}.attachment-actions.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px;flex-wrap:wrap}.aspect-ratio-controls.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;gap:5px;align-items:center;color:var(--color-text-muted)}.aspect-ratio-controls.svelte-1uyo6qa>span.svelte-1uyo6qa{margin-right:5px;display:inline-flex;align-items:center}.aspect-btn.svelte-1uyo6qa.svelte-1uyo6qa{font-size:0.75em;padding:4px 8px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;cursor:pointer;line-height:1.2}.aspect-btn.active.svelte-1uyo6qa.svelte-1uyo6qa{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.file-upload-label.small.svelte-1uyo6qa.svelte-1uyo6qa{padding:6px 10px;font-size:0.85em;border-style:solid}.remove-attachment-btn.svelte-1uyo6qa.svelte-1uyo6qa{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;padding:0}.remove-attachment-btn.small.svelte-1uyo6qa.svelte-1uyo6qa{width:26px;height:26px}.remove-attachment-btn.svelte-1uyo6qa.svelte-1uyo6qa:hover{background-color:rgba(var(--color-danger-red-rgb, 255, 77, 77), 0.1);color:var(--color-danger-red);border-color:rgba(var(--color-danger-red-rgb, 255, 77, 77), 0.3)}.audio-filename-display.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f7f9fc;border-radius:var(--spacing-border-radius-small);margin-bottom:10px;border:1px solid var(--color-border-light)}.cropper-wrapper-test.svelte-1uyo6qa.svelte-1uyo6qa{position:relative;width:100%;height:250px;background:#f0f0f0;margin-bottom:12px;border-radius:var(--spacing-border-radius-small);overflow:hidden;border:1px solid var(--color-border-light);contain:content;transform:translateZ(0)}.zoom-slider-container.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;align-items:center;gap:12px;margin-top:10px;margin-bottom:12px;padding:8px 12px;background:#f8faff;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.zoom-slider-container.svelte-1uyo6qa span.svelte-1uyo6qa{font-size:0.85rem;color:var(--color-text-muted);white-space:nowrap}.zoom-slider.svelte-1uyo6qa.svelte-1uyo6qa{flex-grow:1;height:4px;-webkit-appearance:none;background:#e0e6ed;border-radius:2px;outline:none}.zoom-slider.svelte-1uyo6qa.svelte-1uyo6qa::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.audio-filename-display.svelte-1uyo6qa span.svelte-1uyo6qa{font-size:0.9em;color:var(--color-text-dark);word-break:break-all;margin-right:10px}.form-hint.svelte-1uyo6qa.svelte-1uyo6qa{font-size:0.8em;color:var(--color-text-muted);margin-top:5px}.form-hint.removed-hint.svelte-1uyo6qa.svelte-1uyo6qa{color:var(--color-danger-red);font-weight:500}.word-order-test-form.svelte-1uyo6qa .form-section.svelte-1uyo6qa{margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border-light, #f0f0f0)}.word-order-test-form.svelte-1uyo6qa .section-header.svelte-1uyo6qa{font-size:1.1em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);margin-bottom:15px}.option-pool-controls.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;gap:10px;margin-bottom:10px;align-items:center}.option-pool-controls.svelte-1uyo6qa input[type="text"].svelte-1uyo6qa{flex-grow:1;margin-bottom:0}.btn-add-small.svelte-1uyo6qa.svelte-1uyo6qa{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:0.85rem;color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary-light);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:all 0.2s;flex-shrink:0}.btn-add-small.svelte-1uyo6qa.svelte-1uyo6qa:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.btn-add-small.svelte-1uyo6qa.svelte-1uyo6qa:disabled{opacity:0.6;cursor:not-allowed}.options-pool-list.word-order-pool.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--spacing-border-radius-small);min-height:40px}.pool-option-item.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;align-items:center;gap:6px;background-color:var(--color-purple-light);color:var(--color-primary-dark);padding:6px 8px;border-radius:6px;font-size:0.9em;border:1px solid transparent}.pool-option-input.svelte-1uyo6qa.svelte-1uyo6qa{background:transparent;border:none;outline:none;padding:2px 4px;color:inherit;font-size:inherit;width:auto;min-width:50px;border-radius:3px}.pool-option-input.svelte-1uyo6qa.svelte-1uyo6qa:focus{background-color:rgba(255, 255, 255, 0.8);box-shadow:0 0 0 2px var(--color-secondary)}.pool-item-actions.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;gap:4px;margin-left:5px}.btn-action-small.svelte-1uyo6qa.svelte-1uyo6qa{background:none;border:none;padding:2px;cursor:pointer;color:inherit;opacity:0.7;display:inline-flex}.btn-action-small.svelte-1uyo6qa.svelte-1uyo6qa:hover:not(:disabled){opacity:1;color:var(--color-primary)}.btn-delete-small.svelte-1uyo6qa.svelte-1uyo6qa{background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:inline-flex;opacity:0.7}.btn-delete-small.svelte-1uyo6qa.svelte-1uyo6qa:hover:not(:disabled){opacity:1;color:var(--color-danger-red)}.empty-list-message.svelte-1uyo6qa.svelte-1uyo6qa{width:100%;text-align:center;font-size:0.9em;color:#999;font-style:italic;padding:10px 0}.correct-sequence-list.svelte-1uyo6qa.svelte-1uyo6qa{border:1px solid var(--color-secondary-light, #d1d8f8);border-radius:var(--spacing-border-radius-small);padding:10px;min-height:50px;background-color:var(--color-bg-light);display:flex;flex-direction:column;gap:8px}.sequence-item.svelte-1uyo6qa.svelte-1uyo6qa{display:flex;align-items:center;background-color:#e9ecef;padding:8px 12px;border-radius:var(--spacing-border-radius-small);font-size:0.95em;color:var(--color-text-dark)}.sequence-item.svelte-1uyo6qa>span.svelte-1uyo6qa:first-child{margin-right:8px;color:var(--color-text-muted);font-weight:500}.sequence-word-text.svelte-1uyo6qa.svelte-1uyo6qa{flex-grow:1;word-break:break-word}.sequence-item-controls.svelte-1uyo6qa.svelte-1uyo6qa{margin-left:auto;display:flex;gap:6px}.sequence-item-controls.svelte-1uyo6qa .btn-action-small.svelte-1uyo6qa:hover:not(:disabled),.sequence-item-controls.svelte-1uyo6qa .btn-delete-small.svelte-1uyo6qa:hover:not(:disabled){background-color:rgba(var(--color-text-muted-rgb, 85, 85, 85), 0.1);border-radius:50%}
.item-form.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;flex-direction:column;gap:20px}.form-group.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;flex-direction:column}.form-group.svelte-eu2wce label.svelte-eu2wce.svelte-eu2wce:not(.custom-checkbox-label):not(.file-upload-label){margin-bottom:7px;font-weight:500;color:var(--color-text-muted);font-size:0.9rem;display:block}.form-group.svelte-eu2wce input[type="text"].svelte-eu2wce.svelte-eu2wce,.form-group.svelte-eu2wce textarea.svelte-eu2wce.svelte-eu2wce,.form-group.svelte-eu2wce select.svelte-eu2wce.svelte-eu2wce{padding:10px 14px;border:1px solid var(--color-border-light, #d8dce6);border-radius:var(--spacing-border-radius-small, 8px);font-size:0.95rem;transition:border-color 0.2s,
            box-shadow 0.2s;background-color:var(--color-bg-light, #fff);width:100%;box-sizing:border-box}.form-group.svelte-eu2wce input.svelte-eu2wce.svelte-eu2wce:focus,.form-group.svelte-eu2wce textarea.svelte-eu2wce.svelte-eu2wce:focus,.form-group.svelte-eu2wce select.svelte-eu2wce.svelte-eu2wce:focus{border-color:var(--color-primary, #afa4ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 175, 164, 255), 0.2);outline:none}.form-group.svelte-eu2wce textarea.svelte-eu2wce.svelte-eu2wce{line-height:1.5;min-height:80px}.form-loading-placeholder.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;align-items:center;justify-content:center;padding:30px;color:var(--color-text-muted)}.spinner.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{border:3px solid rgba(var(--color-primary-rgb), 0.2);border-left-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:svelte-eu2wce-form-spin 1s linear infinite;margin-right:10px}@keyframes svelte-eu2wce-form-spin{to{transform:rotate(360deg)}}.form-actions.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border-light, #eee)}.btn-save.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce,.btn-cancel.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{font-size:0.95rem;padding:10px 20px;font-weight:500}.btn-save.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{background-color:var(--color-primary);color:white;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-save.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover:not(:disabled){background-color:var(--color-primary-dark, #8679f0)}.btn-save.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{background-color:var(--color-bg-ultra-light, #f8f9fa);color:var(--color-text-muted, #555);padding:10px 20px;border:1px solid var(--color-border-light, #ddd);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-cancel.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover:not(:disabled){background-color:#e9ecef}.form-hint.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{font-size:0.8em;color:var(--color-text-muted);margin-top:5px}.form-hint.error.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{color:var(--color-danger-red)}.form-row.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;gap:20px;margin-bottom:10px}.form-row.svelte-eu2wce>.form-group.svelte-eu2wce.svelte-eu2wce{flex:1}.visually-hidden.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.drag-drop-test-form.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{min-height:auto;overflow:visible}.drag-drop-test-form.svelte-eu2wce .form-section.svelte-eu2wce.svelte-eu2wce{margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border-light, #f0f0f0);clear:both}.drag-drop-test-form.svelte-eu2wce .section-header.svelte-eu2wce.svelte-eu2wce,.drag-drop-test-form.svelte-eu2wce .attachments-header.svelte-eu2wce.svelte-eu2wce{font-size:1.1em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);margin-bottom:15px}.attachments-section.svelte-eu2wce .attachment-control.svelte-eu2wce>label.svelte-eu2wce:first-child{font-size:0.95rem;margin-bottom:8px;color:var(--color-text-dark)}.file-upload-label.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px dashed var(--color-border-admin-button, #d1c9ff);border-radius:var(--spacing-border-radius-small);cursor:pointer;color:var(--color-secondary, #6d7fc9);transition:background-color 0.2s,
            border-color 0.2s}.file-upload-label.hidden.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:none}.file-upload-label.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover{background-color:rgba(var(--color-primary-rgb, 175, 164, 255), 0.05);border-color:var(--color-primary, #afa4ff)}.file-upload-label.svelte-eu2wce span.svelte-eu2wce.svelte-eu2wce{font-size:0.9em;flex-grow:1;text-align:center}.cropper-wrapper-test.general-test-cropper.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce,.cropper-wrapper-test.slot-cropper.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{position:relative;width:100%;height:200px;max-height:200px;background:#eef2f7;border-radius:var(--spacing-border-radius-small);overflow:hidden;margin-bottom:10px;border:1px solid var(--color-border-light);min-height:150px;transform:translateZ(0);z-index:1}.attachment-actions.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px;flex-wrap:wrap}.aspect-ratio-controls.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;gap:5px;align-items:center;color:var(--color-text-muted)}.aspect-ratio-controls.svelte-eu2wce>span.svelte-eu2wce.svelte-eu2wce{margin-right:5px;display:inline-flex;align-items:center}.aspect-btn.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{font-size:0.75em;padding:4px 8px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;cursor:pointer;line-height:1.2}.aspect-btn.active.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.file-upload-label.small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{padding:6px 10px;font-size:0.85em;border-style:solid}.remove-attachment-btn.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;padding:0}.remove-attachment-btn.small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{width:26px;height:26px}.remove-attachment-btn.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover{background-color:rgba(var(--color-danger-red-rgb, 255, 77, 77), 0.1);color:var(--color-danger-red);border-color:rgba(var(--color-danger-red-rgb, 255, 77, 77), 0.3)}.cropper-wrapper-test.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{position:relative;width:100%;height:250px;background:#f0f0f0;margin-bottom:12px;border-radius:var(--spacing-border-radius-small);overflow:hidden;border:1px solid var(--color-border-light);transform:translateZ(0);z-index:1}.zoom-slider-container.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;align-items:center;gap:12px;margin-top:10px;margin-bottom:12px;padding:8px 12px;background:#f8faff;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.zoom-slider-container.svelte-eu2wce span.svelte-eu2wce.svelte-eu2wce{font-size:0.85rem;color:var(--color-text-muted);white-space:nowrap}.zoom-slider.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{flex-grow:1;height:4px;-webkit-appearance:none;background:#e0e6ed;border-radius:2px;outline:none}.zoom-slider.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.audio-filename-display.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f7f9fc;border-radius:var(--spacing-border-radius-small);margin-bottom:10px;border:1px solid var(--color-border-light)}.audio-filename-display.svelte-eu2wce span.svelte-eu2wce.svelte-eu2wce{font-size:0.9em;color:var(--color-text-dark);word-break:break-all;margin-right:10px}.form-hint.removed-hint.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{color:var(--color-danger-red);font-weight:500}.option-pool-controls.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;gap:10px;margin-bottom:10px;align-items:center}.option-pool-controls.svelte-eu2wce input[type="text"].svelte-eu2wce.svelte-eu2wce{flex-grow:1;margin-bottom:0}.btn-add-small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:0.85rem;color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary-light);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:all 0.2s;flex-shrink:0}.btn-add-small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.btn-add-small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:disabled{opacity:0.6;cursor:not-allowed}.options-pool-list.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--spacing-border-radius-small);min-height:40px}.pool-option-item.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;align-items:center;gap:6px;background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:6px 8px 6px 12px;border-radius:15px;font-size:0.9em;border:1px solid transparent}.pool-option-input.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{background:transparent;border:none;outline:none;padding:2px 4px;color:inherit;font-size:inherit;width:auto;min-width:50px;border-radius:3px}.pool-option-input.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:focus{background-color:rgba(255, 255, 255, 0.8);box-shadow:0 0 0 2px var(--color-primary)}.btn-delete-small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:inline-flex;opacity:0.7}.btn-delete-small.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover{opacity:1;color:var(--color-danger-red)}.empty-list-message.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{width:100%;text-align:center;font-size:0.9em;color:#999;font-style:italic;padding:10px 0}.slots-list.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:15px;margin-top:10px}.slot-item.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{border:1px solid var(--color-border-admin-button);border-radius:var(--spacing-border-radius-block);padding:15px;background-color:var(--color-bg-light);display:flex;flex-direction:column;gap:12px}.slot-header.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.slot-header.svelte-eu2wce h5.svelte-eu2wce.svelte-eu2wce{margin:0;font-size:1em;font-weight:600;color:var(--color-secondary)}.slot-item.svelte-eu2wce .form-group.svelte-eu2wce.svelte-eu2wce{margin-bottom:5px}.slot-item.svelte-eu2wce .form-group.svelte-eu2wce label.svelte-eu2wce{font-size:0.85em}.add-slot-btn.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:0.9rem;color:var(--color-secondary);background-color:transparent;border:1px dashed var(--color-secondary);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:all 0.2s;margin-top:15px}.add-slot-btn.svelte-eu2wce.svelte-eu2wce.svelte-eu2wce:hover:not(:disabled){background-color:rgba(var(--color-secondary-rgb), 0.1);border-style:solid}
.item-form.svelte-gd2xtv.svelte-gd2xtv{padding:20px;background-color:var(--color-bg-light, #fff);border-radius:var(--spacing-border-radius-block, 12px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.section-header.svelte-gd2xtv.svelte-gd2xtv{margin-top:25px;margin-bottom:15px;font-size:1.2em;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);border-bottom:2px solid var(--color-primary-light, #d1c9ff);padding-bottom:8px}.form-group.svelte-gd2xtv.svelte-gd2xtv{margin-bottom:20px}.form-group.svelte-gd2xtv label.svelte-gd2xtv{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-dark);font-size:0.95rem}.form-group.svelte-gd2xtv input[type="text"].svelte-gd2xtv,.form-group.svelte-gd2xtv textarea.svelte-gd2xtv{padding:10px 14px;border:1px solid var(--color-border-light, #d8dce6);border-radius:var(--spacing-border-radius-small, 8px);font-size:0.95rem;transition:border-color 0.2s,
            box-shadow 0.2s;background-color:var(--color-bg-light, #fff);width:100%;box-sizing:border-box}.form-group.svelte-gd2xtv input.svelte-gd2xtv:focus,.form-group.svelte-gd2xtv textarea.svelte-gd2xtv:focus{border-color:var(--color-primary, #afa4ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 175, 164, 255), 0.2);outline:none}.form-group.svelte-gd2xtv textarea.svelte-gd2xtv{line-height:1.5;resize:vertical;min-height:80px}.form-loading-placeholder.svelte-gd2xtv.svelte-gd2xtv{display:flex;align-items:center;justify-content:center;padding:30px;color:var(--color-text-muted)}.spinner.svelte-gd2xtv.svelte-gd2xtv{border:3px solid rgba(var(--color-primary-rgb), 0.2);border-left-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:svelte-gd2xtv-form-spin 1s linear infinite;margin-right:10px}@keyframes svelte-gd2xtv-form-spin{to{transform:rotate(360deg)}}.attachment-control.svelte-gd2xtv>label.svelte-gd2xtv:first-child{font-size:0.95rem;margin-bottom:8px}.file-upload-label.svelte-gd2xtv.svelte-gd2xtv{display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px dashed var(--color-border-admin-button, #d1c9ff);border-radius:var(--spacing-border-radius-small);cursor:pointer;color:var(--color-secondary, #6d7fc9);transition:background-color 0.2s,
            border-color 0.2s}.file-upload-label.svelte-gd2xtv.svelte-gd2xtv:hover{background-color:rgba(var(--color-primary-rgb, 175, 164, 255), 0.05);border-color:var(--color-primary, #afa4ff)}.file-upload-label.svelte-gd2xtv span.svelte-gd2xtv{font-size:0.9em;flex-grow:1;text-align:center}.visually-hidden.svelte-gd2xtv.svelte-gd2xtv{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.cropper-wrapper-test.svelte-gd2xtv.svelte-gd2xtv{position:relative;width:100%;height:220px;background:#eef2f7;border-radius:var(--spacing-border-radius-small);overflow:hidden;margin-bottom:10px;border:1px solid var(--color-border-light);contain:content;transform:translateZ(0)}.zoom-slider-container.svelte-gd2xtv.svelte-gd2xtv{display:flex;align-items:center;gap:12px;margin-top:10px;margin-bottom:12px;padding:8px 12px;background:#f8faff;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.zoom-slider-container.svelte-gd2xtv span.svelte-gd2xtv{font-size:0.85rem;color:var(--color-text-muted);white-space:nowrap}.zoom-slider.svelte-gd2xtv.svelte-gd2xtv{flex-grow:1;height:4px;-webkit-appearance:none;background:#e0e6ed;border-radius:2px;outline:none}.zoom-slider.svelte-gd2xtv.svelte-gd2xtv::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.attachment-actions.svelte-gd2xtv.svelte-gd2xtv{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.aspect-ratio-controls.svelte-gd2xtv.svelte-gd2xtv{display:flex;gap:5px;align-items:center;color:var(--color-text-muted)}.aspect-ratio-controls.svelte-gd2xtv>span.svelte-gd2xtv{margin-right:5px}.aspect-btn.svelte-gd2xtv.svelte-gd2xtv{font-size:0.75em;padding:3px 6px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;cursor:pointer}.aspect-btn.active.svelte-gd2xtv.svelte-gd2xtv{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.remove-attachment-btn.svelte-gd2xtv.svelte-gd2xtv{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;padding:0}.remove-attachment-btn.svelte-gd2xtv.svelte-gd2xtv:hover{background-color:rgba(var(--color-danger-red-rgb), 0.1);color:var(--color-danger-red);border-color:rgba(var(--color-danger-red-rgb), 0.3)}.audio-filename-display.svelte-gd2xtv.svelte-gd2xtv{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f7f9fc;border-radius:var(--spacing-border-radius-small);margin-bottom:10px;border:1px solid var(--color-border-light)}.audio-filename-display.svelte-gd2xtv span.svelte-gd2xtv{font-size:0.9em;color:var(--color-text-dark);word-break:break-all}.form-actions.svelte-gd2xtv.svelte-gd2xtv{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid var(--color-border-light, #eee)}.btn-save.svelte-gd2xtv.svelte-gd2xtv,.btn-cancel.svelte-gd2xtv.svelte-gd2xtv{font-size:0.95rem;padding:10px 20px;font-weight:500}.btn-save.svelte-gd2xtv.svelte-gd2xtv{background-color:var(--color-primary);color:white;border:none;border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-save.svelte-gd2xtv.svelte-gd2xtv:hover:not(:disabled){background-color:var(--color-primary-dark, #8679f0)}.btn-save.svelte-gd2xtv.svelte-gd2xtv:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel.svelte-gd2xtv.svelte-gd2xtv{background-color:var(--color-bg-ultra-light, #f8f9fa);color:var(--color-text-muted, #555);padding:10px 20px;border:1px solid var(--color-border-light, #ddd);border-radius:var(--spacing-border-radius-button);cursor:pointer;transition:background-color 0.2s}.btn-cancel.svelte-gd2xtv.svelte-gd2xtv:hover:not(:disabled){background-color:#e9ecef}@media(max-width: 600px){.item-form.svelte-gd2xtv.svelte-gd2xtv{padding:15px}.form-actions.svelte-gd2xtv.svelte-gd2xtv{flex-direction:column}.btn-save.svelte-gd2xtv.svelte-gd2xtv,.btn-cancel.svelte-gd2xtv.svelte-gd2xtv{width:100%}}
.cropper-wrapper-test.svelte-12mlev.svelte-12mlev{position:relative;width:100%;height:300px;background:#333;margin-bottom:10px;border-radius:var(--spacing-border-radius-small);overflow:hidden;contain:content;transform:translateZ(0)}.aspect-ratio-controls.svelte-12mlev.svelte-12mlev{display:flex;gap:5px;align-items:center;color:var(--color-text-muted);margin-right:15px}.aspect-btn.svelte-12mlev.svelte-12mlev{font-size:0.75em;padding:3px 6px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;cursor:pointer}.aspect-btn.active.svelte-12mlev.svelte-12mlev{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.attachment-actions.svelte-12mlev.svelte-12mlev{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:10px;border-radius:var(--spacing-border-radius-small);margin-bottom:15px;border:1px solid var(--color-border-light)}.control-group-inline.svelte-12mlev.svelte-12mlev{display:flex;align-items:center;gap:10px;flex:1}.control-group-inline.svelte-12mlev label.svelte-12mlev{font-size:0.8rem;margin-bottom:0;white-space:nowrap}.action-buttons.svelte-12mlev.svelte-12mlev{display:flex;gap:8px}.btn-action-small.svelte-12mlev.svelte-12mlev{padding:5px 12px;font-size:0.85rem;font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;gap:5px}.zoom-slider.svelte-12mlev.svelte-12mlev{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;outline:none}.zoom-slider.svelte-12mlev.svelte-12mlev::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer}.item-form.svelte-12mlev.svelte-12mlev{display:flex;flex-direction:column;gap:20px}.form-group.svelte-12mlev.svelte-12mlev{display:flex;flex-direction:column;margin-bottom:15px}.form-group.svelte-12mlev label.svelte-12mlev{font-weight:500;margin-bottom:5px;color:var(--color-text-dark)}.form-row.svelte-12mlev.svelte-12mlev{display:flex;gap:15px}.form-group.half.svelte-12mlev.svelte-12mlev{flex:1}.form-group.svelte-12mlev input[type="text"].svelte-12mlev,.form-group.svelte-12mlev textarea.svelte-12mlev,.form-group.svelte-12mlev select.svelte-12mlev{padding:10px;border:1px solid var(--color-border-light);border-radius:var(--spacing-border-radius-small);font-family:inherit}.dictionaries-select.svelte-12mlev.svelte-12mlev{min-height:120px;padding:8px}.dictionaries-select.svelte-12mlev option.svelte-12mlev{padding:6px 8px}.form-section.svelte-12mlev.svelte-12mlev{background:var(--color-bg-ultra-light);padding:15px;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.form-section.svelte-12mlev h4.svelte-12mlev{margin-top:0;margin-bottom:15px;color:var(--color-primary)}.required.svelte-12mlev.svelte-12mlev{color:var(--color-danger-red)}.hint.svelte-12mlev.svelte-12mlev{font-size:0.85em;color:var(--color-text-muted);margin-top:4px}.file-upload-label.svelte-12mlev.svelte-12mlev{display:flex;align-items:center;gap:10px;padding:10px;border:2px dashed var(--color-border-admin-button);border-radius:var(--spacing-border-radius-small);cursor:pointer;color:var(--color-secondary);text-align:center;justify-content:center;transition:all 0.2s}.file-upload-label.svelte-12mlev.svelte-12mlev:hover{background:rgba(var(--color-primary-rgb), 0.05);border-color:var(--color-primary)}.visually-hidden.svelte-12mlev.svelte-12mlev{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.image-preview-wrapper.svelte-12mlev.svelte-12mlev{position:relative;margin-bottom:10px;max-width:300px}.attached-image-preview.svelte-12mlev.svelte-12mlev{width:100%;border-radius:var(--spacing-border-radius-small);border:1px solid var(--color-border-light)}.remove-attachment-btn.svelte-12mlev.svelte-12mlev{position:absolute;top:5px;right:5px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;cursor:pointer;color:var(--color-danger-red);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.form-actions.svelte-12mlev.svelte-12mlev{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-save.svelte-12mlev.svelte-12mlev{background:var(--color-primary);color:white;border:none;padding:10px 20px;border-radius:var(--spacing-border-radius-button);cursor:pointer}.btn-save.svelte-12mlev.svelte-12mlev:hover:not(:disabled){background:var(--color-primary-dark)}.btn-cancel.svelte-12mlev.svelte-12mlev{background:#f8f9fa;border:1px solid #ddd;padding:10px 20px;border-radius:var(--spacing-border-radius-button);cursor:pointer}
.item-form.svelte-1saeeoi.svelte-1saeeoi{padding:20px;background-color:var(--color-bg-light, #fff);border-radius:var(--spacing-border-radius-block, 12px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.form-group.svelte-1saeeoi.svelte-1saeeoi{margin-bottom:20px}.form-group.svelte-1saeeoi label.svelte-1saeeoi{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-dark);font-size:0.95rem}.form-group.svelte-1saeeoi input.svelte-1saeeoi,.form-group.svelte-1saeeoi textarea.svelte-1saeeoi{width:100%;padding:10px;border:1px solid var(--color-border-light, #d8dce6);border-radius:var(--spacing-border-radius-small, 8px);font-size:0.95rem}.kanji-preview-section.svelte-1saeeoi.svelte-1saeeoi{overflow:visible;min-width:min-content}.kanji-preview-section.svelte-1saeeoi .copybook-sheet{min-width:fit-content}.section-header.svelte-1saeeoi.svelte-1saeeoi{margin-top:25px;margin-bottom:15px;font-size:1.2em;font-weight:600;color:var(--color-text-dark);border-bottom:2px solid var(--color-primary-light, #d1c9ff);padding-bottom:8px}.kanji-item-box.svelte-1saeeoi.svelte-1saeeoi{background-color:#f8faff;border:1px solid #d8dce6;border-radius:8px;padding:15px;margin-bottom:15px}.kanji-item-header.svelte-1saeeoi.svelte-1saeeoi{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.custom-image-preview.svelte-1saeeoi.svelte-1saeeoi{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.custom-image-preview.svelte-1saeeoi img.svelte-1saeeoi{max-height:50px;object-fit:contain}.btn-remove-preview.svelte-1saeeoi.svelte-1saeeoi{font-size:0.8rem;color:#ff4d4f;background:transparent;border:none;cursor:pointer;padding:0}.btn-remove-preview.svelte-1saeeoi.svelte-1saeeoi:hover{text-decoration:underline}.notes-input.centered-placeholder.svelte-1saeeoi.svelte-1saeeoi{text-align:center}.notes-input.centered-placeholder.svelte-1saeeoi.svelte-1saeeoi::placeholder{text-align:center}.notes-input.svelte-1saeeoi.svelte-1saeeoi{resize:vertical}.btn-remove-item.svelte-1saeeoi.svelte-1saeeoi{background:transparent;color:#ff4d4f;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.btn-remove-item.svelte-1saeeoi.svelte-1saeeoi:hover{background:#fff1f0}.btn-add-item.svelte-1saeeoi.svelte-1saeeoi{display:flex;align-items:center;gap:6px;background:transparent;color:var(--color-primary, #afa4ff);border:1px dashed var(--color-primary, #afa4ff);padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color 0.2s;width:100%;justify-content:center}.btn-add-item.svelte-1saeeoi.svelte-1saeeoi:hover{background:rgba(175, 164, 255, 0.1)}.form-actions.svelte-1saeeoi.svelte-1saeeoi{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.btn-save.svelte-1saeeoi.svelte-1saeeoi,.btn-cancel.svelte-1saeeoi.svelte-1saeeoi{padding:10px 20px;font-weight:500;border-radius:8px;cursor:pointer;border:none}.btn-save.svelte-1saeeoi.svelte-1saeeoi{background-color:var(--color-primary);color:white}.btn-save.svelte-1saeeoi.svelte-1saeeoi:hover{background-color:#9284fa}.btn-cancel.svelte-1saeeoi.svelte-1saeeoi{background-color:#f1f3f5;color:#495057}.btn-cancel.svelte-1saeeoi.svelte-1saeeoi:hover{background-color:#e9ecef}.file-upload-row.svelte-1saeeoi.svelte-1saeeoi{display:flex;align-items:center;gap:12px}.file-input.svelte-1saeeoi.svelte-1saeeoi{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.file-btn.svelte-1saeeoi.svelte-1saeeoi{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:10px;border:1px solid #cfc8ff;background:#ffffff;color:#5845d8;cursor:pointer;font-weight:600;user-select:none;transition:background-color 0.15s ease, border-color 0.15s ease}.file-btn.svelte-1saeeoi.svelte-1saeeoi:hover{background:rgba(175, 164, 255, 0.12);border-color:#b2a8ff}.file-btn[aria-disabled="true"].svelte-1saeeoi.svelte-1saeeoi{opacity:0.6;cursor:not-allowed;pointer-events:none}.file-hint.svelte-1saeeoi.svelte-1saeeoi{color:var(--color-text-muted, #777);font-size:0.9rem}
.test-item-form-container.svelte-c0oizs.svelte-c0oizs{padding-top:10px}.test-type-selector-internal.svelte-c0oizs.svelte-c0oizs{margin-bottom:20px}.test-type-selector-internal.svelte-c0oizs label.svelte-c0oizs{display:block;margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.test-type-selector-internal.svelte-c0oizs select.svelte-c0oizs{width:100%;padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem;background-color:white}.no-test-form-message.svelte-c0oizs.svelte-c0oizs{text-align:center;color:var(--color-text-muted);padding:20px;background-color:var(--color-bg-ultra-light);border-radius:var(--spacing-border-radius-small)}.test-item-form-container .item-form{border-top:1px solid #eee;margin-top:15px;padding-top:15px}
.item-form-modal-content.svelte-1xohwcq.svelte-1xohwcq{padding:10px}.item-type-selector.svelte-1xohwcq.svelte-1xohwcq{margin-bottom:20px}.item-type-selector.svelte-1xohwcq label.svelte-1xohwcq{margin-bottom:5px;font-weight:500;color:var(--color-text-muted)}.item-type-selector.svelte-1xohwcq select.svelte-1xohwcq{width:100%;padding:10px;border:1px solid #ccc;border-radius:var(--spacing-border-radius-small);font-size:1rem;background-color:white}.item-form-modal-content .item-form{padding-top:10px}
.simple-modal-backdrop.svelte-1eqtyli.svelte-1eqtyli{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.65);display:flex;justify-content:center;align-items:center;z-index:1100;padding:15px}.simple-modal-content.svelte-1eqtyli.svelte-1eqtyli{background:white;padding:25px 30px;border-radius:8px;width:100%;max-width:450px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.25);position:relative}.close-button.svelte-1eqtyli.svelte-1eqtyli{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:5px;color:#888;line-height:1}.close-button.svelte-1eqtyli.svelte-1eqtyli:hover{color:#333}h3.svelte-1eqtyli.svelte-1eqtyli{margin-top:0;margin-bottom:15px;color:#333;font-size:1.2rem}label.svelte-1eqtyli.svelte-1eqtyli{display:block;margin-bottom:8px;font-weight:600;font-size:0.9em;color:#444}input.svelte-1eqtyli.svelte-1eqtyli{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:0.95em;box-sizing:border-box;margin-bottom:20px}.modal-actions.svelte-1eqtyli.svelte-1eqtyli{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}.modal-actions.svelte-1eqtyli button.svelte-1eqtyli{padding:9px 16px;border-radius:5px;border:none;cursor:pointer;font-weight:600;transition:background-color 0.2s;font-size:0.9rem}.cancel-btn.svelte-1eqtyli.svelte-1eqtyli{background-color:#f0f0f0;color:#333}.cancel-btn.svelte-1eqtyli.svelte-1eqtyli:hover{background-color:#e0e0e0}.save-btn.svelte-1eqtyli.svelte-1eqtyli{background-color:var(--color-primary);color:white;min-width:100px}.save-btn.svelte-1eqtyli.svelte-1eqtyli:hover{background-color:var(--color-primary-dark, #9d92f7)}.save-btn.svelte-1eqtyli.svelte-1eqtyli:disabled{background-color:#cccccc;cursor:not-allowed}.spinner.svelte-1eqtyli.svelte-1eqtyli{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:#fff;animation:svelte-1eqtyli-spin 1s ease-in-out infinite;vertical-align:middle;margin-right:5px}@keyframes svelte-1eqtyli-spin{to{transform:rotate(360deg)}}
.lesson-page-container.svelte-1lzrmu0.svelte-1lzrmu0{padding:clamp(40px, 6vw, 60px) var(--spacing-padding-page);max-width:var(--max-width-page);margin:0 auto;min-height:calc(var(--min-height-page) + 50px);opacity:0;animation:svelte-1lzrmu0-pageFadeIn 0.4s ease-out forwards}.lesson-dictionary-fab.svelte-1lzrmu0.svelte-1lzrmu0{position:fixed;left:clamp(14px, 2.2vw, 28px);bottom:clamp(14px, 2.2vw, 28px);width:clamp(46px, 7vw, 62px);height:clamp(46px, 7vw, 62px);border-radius:999px;border:1px solid rgba(255, 255, 255, 0.45);background:linear-gradient(
            135deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:120;box-shadow:0 14px 26px rgba(77, 68, 181, 0.35),
            0 3px 0 rgba(255, 255, 255, 0.22) inset,
            0 -6px 12px rgba(0, 0, 0, 0.18) inset;transition:transform 0.18s ease,
            box-shadow 0.18s ease,
            filter 0.18s ease}.lesson-dictionary-fab.svelte-1lzrmu0.svelte-1lzrmu0:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 34px rgba(77, 68, 181, 0.45),
            0 3px 0 rgba(255, 255, 255, 0.24) inset,
            0 -6px 12px rgba(0, 0, 0, 0.16) inset}.lesson-dictionary-fab.svelte-1lzrmu0.svelte-1lzrmu0:active{transform:translateY(0);filter:brightness(0.98);box-shadow:0 10px 20px rgba(77, 68, 181, 0.35),
            0 2px 0 rgba(255, 255, 255, 0.18) inset,
            0 -4px 10px rgba(0, 0, 0, 0.22) inset}@keyframes svelte-1lzrmu0-pageFadeIn{to{opacity:1}}.lesson-header.svelte-1lzrmu0.svelte-1lzrmu0{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-gap-medium);margin-bottom:var(--spacing-margin-bottom-large);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-padding-medium)}.lesson-title.svelte-1lzrmu0.svelte-1lzrmu0{font-family:var(--font-family-primary);font-size:clamp(1.7rem, 4.5vw, 2.5rem);color:var(--color-text-dark);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.course-link.svelte-1lzrmu0.svelte-1lzrmu0{color:var(--color-secondary);text-decoration:none;transition:color 0.2s}.course-link.svelte-1lzrmu0.svelte-1lzrmu0:hover{color:var(--color-primary);text-decoration:underline}.separator.svelte-1lzrmu0.svelte-1lzrmu0{margin:0 0.5em;color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.lesson-name.svelte-1lzrmu0.svelte-1lzrmu0{color:var(--color-text-dark)}.admin-controls-header.svelte-1lzrmu0 .admin-button.svelte-1lzrmu0{font-size:0.8rem;padding:6px 12px;background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button);border-color:var(--color-border-admin-button)}.admin-controls-header.svelte-1lzrmu0 .admin-button.svelte-1lzrmu0:hover{background-color:var(--color-border-admin-button)}.admin-controls-header.svelte-1lzrmu0 .admin-button span.svelte-1lzrmu0{margin-left:5px}.lesson-content-layout.svelte-1lzrmu0.svelte-1lzrmu0{display:grid;gap:var(--spacing-gap-large)}@media(min-width: 992px){.lesson-content-layout.svelte-1lzrmu0.svelte-1lzrmu0{grid-template-columns:minmax(0, 1fr) 280px}.lesson-sidebar.svelte-1lzrmu0.svelte-1lzrmu0{grid-column:2 / 3;position:sticky;top:calc(var(--spacing-header-height, 80px) + 20px);height:calc(100vh - var(--spacing-header-height, 80px) - 40px);overflow-y:auto}.lesson-main-content.svelte-1lzrmu0.svelte-1lzrmu0{grid-column:1 / 2;margin-right:clamp(25px, 3vw, 40px)}.sidebar-toggle-button.svelte-1lzrmu0.svelte-1lzrmu0{display:none}}.lesson-sidebar.svelte-1lzrmu0.svelte-1lzrmu0{border-radius:var(--spacing-border-radius-block);background-color:var(--color-bg-light);padding:var(--spacing-padding-block);box-shadow:var(--color-shadow);transition:transform 0.3s ease-in-out,
            box-shadow 0.3s ease-in-out}.sidebar-header.svelte-1lzrmu0.svelte-1lzrmu0{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-margin-bottom-small);padding-bottom:var(--spacing-padding-small);border-bottom:1px solid var(--color-border-light)}.sidebar-title.svelte-1lzrmu0.svelte-1lzrmu0{font-family:var(--font-family-primary);font-size:clamp(1.1rem, 2.5vw, 1.3rem);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin:0}.create-section-btn.svelte-1lzrmu0.svelte-1lzrmu0{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:3px;display:flex;align-items:center;border-radius:50%;padding:var(--spacing-padding-button)}.create-section-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover{background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button)}.sidebar-nav.svelte-1lzrmu0 ul.svelte-1lzrmu0{list-style:none;padding:0;margin:0}.section-list-item.svelte-1lzrmu0.svelte-1lzrmu0{position:relative}.section-list-item.completed.svelte-1lzrmu0>.section-link-content.svelte-1lzrmu0{background:linear-gradient(
            90deg,
            var(--color-success-bg, rgba(46, 204, 113, 0.12)) 0%,
            rgba(46, 204, 113, 0.06) 60%,
            transparent 100%
        )}.section-list-item.completed.svelte-1lzrmu0 .section-link.svelte-1lzrmu0{color:var(--color-success, #2ecc71)}.section-list-item.completed.svelte-1lzrmu0 .section-icon-wrapper.svelte-1lzrmu0{background-color:rgba(46, 204, 113, 0.2);color:var(--color-success, #2ecc71)}.section-link-content.svelte-1lzrmu0.svelte-1lzrmu0{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-light);transition:background-color 0.15s ease-out}.sidebar-nav.svelte-1lzrmu0 li:first-child .section-link-content.svelte-1lzrmu0{border-top:none}.section-list-item.svelte-1lzrmu0:hover>.section-link-content.svelte-1lzrmu0{background-color:#f8f6ff}.section-link.svelte-1lzrmu0.svelte-1lzrmu0{flex-grow:1;display:flex;align-items:center;padding:10px 6px;text-decoration:none;color:var(--color-text-muted);font-size:0.9rem;border-radius:var(--spacing-border-radius-small);transition:color 0.2s,
            font-weight 0.2s,
            background-color 0.2s;cursor:pointer;background:none;border:none;text-align:left;width:100%}.section-list-item.active.svelte-1lzrmu0>.section-link-content.svelte-1lzrmu0{background-color:#edeafe}.section-list-item.active.svelte-1lzrmu0 .section-link.svelte-1lzrmu0{color:var(--color-primary);font-weight:var(--font-weight-bold)}.section-icon-wrapper.svelte-1lzrmu0.svelte-1lzrmu0{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#dfdbff;color:var(--color-primary-dark, #5845d8);margin-right:10px;transition:transform 0.2s ease,
            background-color 0.2s,
            color 0.2s}.section-link-content.svelte-1lzrmu0:hover .section-icon-wrapper.svelte-1lzrmu0{transform:scale(1.03)}.section-list-item.active.svelte-1lzrmu0 .section-icon-wrapper.svelte-1lzrmu0{background-color:var(--color-primary);color:white;transform:scale(1.05)}.section-title-text.svelte-1lzrmu0.svelte-1lzrmu0{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.section-admin-controls.svelte-1lzrmu0.svelte-1lzrmu0{display:flex;opacity:0;transition:opacity 0.2s;margin-left:auto}.section-list-item.svelte-1lzrmu0:hover .section-admin-controls.svelte-1lzrmu0,.section-list-item.active.svelte-1lzrmu0 .section-admin-controls.svelte-1lzrmu0{opacity:1}.section-admin-btn.svelte-1lzrmu0.svelte-1lzrmu0{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted)}.section-admin-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover{color:var(--color-text-dark)}.section-admin-btn.svelte-1lzrmu0.svelte-1lzrmu0:disabled{color:#bbb;cursor:not-allowed}.section-admin-btn.edit-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){color:var(--color-blue, blue)}.section-admin-btn.delete-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){color:var(--color-danger-red)}.section-admin-btn.move-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){color:var(--color-secondary)}.lesson-main-content.svelte-1lzrmu0.svelte-1lzrmu0{background-color:var(--color-bg-light);padding:clamp(25px, 3vw, 40px);border-radius:var(--spacing-border-radius-block);box-shadow:var(--color-shadow);min-height:450px;position:relative}.content-loader.svelte-1lzrmu0.svelte-1lzrmu0{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;z-index:10}.current-section-title.svelte-1lzrmu0.svelte-1lzrmu0{font-family:var(--font-family-primary);font-size:clamp(1.4rem, 3.5vw, 2rem);color:var(--color-text-dark);font-weight:var(--font-weight-semi-bold);margin-top:0;margin-bottom:var(--spacing-margin-bottom-medium);padding-bottom:var(--spacing-padding-small);border-bottom:2px solid var(--color-primary-light)}.current-section-title.completed.svelte-1lzrmu0.svelte-1lzrmu0{border-bottom-color:var(--color-success, #2ecc71)}.section-items-list.svelte-1lzrmu0.svelte-1lzrmu0{display:flex;flex-direction:column;gap:clamp(20px, 3vw, 30px)}.section-item-wrapper.svelte-1lzrmu0.svelte-1lzrmu0{position:relative;animation:svelte-1lzrmu0-itemFadeIn 0.4s ease-out}@keyframes svelte-1lzrmu0-itemFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.material-complete-badge.svelte-1lzrmu0.svelte-1lzrmu0{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-success, #2ecc71);color:#fff;font-size:0.8rem;font-weight:var(--font-weight-bold);box-shadow:0 2px 6px rgba(46, 204, 113, 0.35);z-index:4}.no-content-message.svelte-1lzrmu0.svelte-1lzrmu0{text-align:center;font-size:1rem;color:var(--color-text-muted);padding:30px 15px;background-color:var(--color-bg-ultra-light);border-radius:var(--spacing-border-radius-small);border:1px dashed var(--color-border-light)}.no-content-message.sidebar.svelte-1lzrmu0.svelte-1lzrmu0{font-size:0.9em;padding:15px 10px}.no-content-message.main.svelte-1lzrmu0.svelte-1lzrmu0{margin-top:20px}.create-section-btn-empty.svelte-1lzrmu0.svelte-1lzrmu0{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 10px);margin:15px 5px;padding:10px;background-color:var(--color-primary-light);color:var(--color-primary-dark);border:none;border-radius:var(--spacing-border-radius-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color 0.2s}.create-section-btn-empty.svelte-1lzrmu0.svelte-1lzrmu0:hover{background-color:var(--color-primary);color:white}.admin-button.svelte-1lzrmu0.svelte-1lzrmu0{background-color:var(--color-bg-admin-button);color:var(--color-text-admin-button);border:1px solid var(--color-border-admin-button);border-radius:var(--spacing-border-radius-button);padding:var(--spacing-padding-button);font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:all var(--animation-duration-transition) ease;display:inline-flex;align-items:center;gap:var(--spacing-gap-small);font-size:0.9rem}.admin-button.svelte-1lzrmu0.svelte-1lzrmu0:hover{background-color:var(--color-border-admin-button);box-shadow:0 2px 8px rgba(77, 68, 181, 0.1)}.admin-button.svelte-1lzrmu0.svelte-1lzrmu0:disabled{opacity:0.6;cursor:not-allowed}.add-item-container.svelte-1lzrmu0.svelte-1lzrmu0{margin-top:var(--spacing-margin-bottom-large);text-align:center;border-top:1px dashed var(--color-border-light);padding-top:var(--spacing-padding-medium)}.add-item-button.svelte-1lzrmu0.svelte-1lzrmu0{background-color:var(--color-bg-admin-button-create);color:var(--color-text-admin-button-create);border-color:var(--color-bg-admin-button-create);padding:var(--spacing-padding-button)}.add-item-button.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){background-color:var(--color-bg-admin-button-create-hover)}.item-admin-controls.svelte-1lzrmu0.svelte-1lzrmu0{position:absolute;top:5px;right:5px;z-index:5;display:flex;gap:4px;background-color:rgba(255, 255, 255, 0.8);padding:2px 5px;border-radius:var(--spacing-border-radius-small);opacity:0;transform:translateY(-10px);transition:opacity 0.2s ease,
            transform 0.2s ease}.section-item-wrapper.svelte-1lzrmu0:hover .item-admin-controls.svelte-1lzrmu0{opacity:1;transform:translateY(0)}.item-admin-btn.svelte-1lzrmu0.svelte-1lzrmu0{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted)}.item-admin-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover{color:var(--color-text-dark)}.item-admin-btn.svelte-1lzrmu0.svelte-1lzrmu0:disabled{color:#bbb;cursor:not-allowed}.item-admin-btn.edit-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){color:var(--color-blue, blue)}.item-admin-btn.delete-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){color:var(--color-danger-red)}.item-admin-btn.move-btn.svelte-1lzrmu0.svelte-1lzrmu0:hover:not(:disabled){color:var(--color-secondary)}.sidebar-toggle-button.svelte-1lzrmu0.svelte-1lzrmu0{display:none;width:auto;padding:8px 15px;margin-bottom:var(--spacing-margin-bottom-medium);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--spacing-border-radius-button);text-align:left;font-weight:var(--font-weight-semi-bold);cursor:pointer;color:var(--color-primary);align-items:center;gap:8px;box-shadow:var(--color-shadow);position:sticky;top:calc(var(--spacing-header-height, 80px) + 10px);z-index:990;transition:background-color 0.2s ease}.sidebar-toggle-button.svelte-1lzrmu0.svelte-1lzrmu0:hover{background-color:var(--color-bg-ultra-light)}@media(max-width: 991px){.lesson-content-layout.svelte-1lzrmu0.svelte-1lzrmu0{grid-template-columns:1fr}.lesson-sidebar.svelte-1lzrmu0.svelte-1lzrmu0{position:fixed;top:0;left:0;width:clamp(280px, 75vw, 320px);height:100vh;background-color:var(--color-bg-light);z-index:1005;transform:translateX(-105%);transition:transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:3px 0 15px rgba(0, 0, 0, 0.15);overflow-y:auto;padding-top:calc(var(--spacing-header-height, 80px) + 20px);padding-left:20px;padding-right:20px;padding-bottom:20px;box-sizing:border-box;border-radius:0}.lesson-sidebar.mobile-open.svelte-1lzrmu0.svelte-1lzrmu0{transform:translateX(0)}.sidebar-toggle-button.svelte-1lzrmu0.svelte-1lzrmu0{display:inline-flex}.lesson-page-container.svelte-1lzrmu0.svelte-1lzrmu0{padding:clamp(30px, 8vw, 50px) var(--spacing-padding-page)}}@media(max-width: 768px){.lesson-page-container.svelte-1lzrmu0.svelte-1lzrmu0{padding:clamp(30px, 8vw, 50px) var(--spacing-padding-page)}.lesson-header.svelte-1lzrmu0.svelte-1lzrmu0{margin-bottom:var(--spacing-margin-bottom-medium)}.lesson-main-content.svelte-1lzrmu0.svelte-1lzrmu0{padding:clamp(20px, 4vw, 30px)}}@media(max-width: 480px){.lesson-title.svelte-1lzrmu0.svelte-1lzrmu0{font-size:1.4rem}.admin-controls-header.svelte-1lzrmu0 .admin-button span.svelte-1lzrmu0{display:none}.admin-controls-header.svelte-1lzrmu0 .admin-button.svelte-1lzrmu0{padding:8px}.item-admin-controls.svelte-1lzrmu0.svelte-1lzrmu0{opacity:0.9;transform:translateY(0);top:2px;right:2px;background:rgba(240, 240, 255, 0.95);padding:3px;gap:5px}.section-title-text.svelte-1lzrmu0.svelte-1lzrmu0{max-width:100px}.lesson-sidebar.svelte-1lzrmu0.svelte-1lzrmu0{width:clamp(250px, 80vw, 300px);padding-top:calc(var(--spacing-header-height, 70px) + 70px);padding-left:15px;padding-right:15px;padding-bottom:15px}.sidebar-toggle-button.svelte-1lzrmu0.svelte-1lzrmu0{top:calc(var(--spacing-header-height, 70px) + 5px);padding:6px 10px}}.error-message.svelte-1lzrmu0.svelte-1lzrmu0{color:var(--color-danger-red);background-color:rgba(255, 77, 77, 0.1);border:1px solid var(--color-danger-red);padding:0.5rem;border-radius:var(--spacing-border-radius-small);margin:0.5rem 0}
.card-scene.svelte-81iae3.svelte-81iae3{position:relative;width:100%;max-width:550px;margin:0 auto 3rem auto}.card-container.svelte-81iae3.svelte-81iae3{perspective:1200px;width:100%;height:350px;cursor:pointer;transition:transform 1s ease}.card-container.svelte-81iae3.svelte-81iae3:hover{transform:scale(1.02)}.card-inner.svelte-81iae3.svelte-81iae3{position:relative;width:100%;height:100%;transition:transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d;border-radius:var(--spacing-border-radius-card, 20px);transform-origin:50% 50%;left:0;top:0}.card-inner.flipped.svelte-81iae3.svelte-81iae3{transform:rotateY(180deg)}.card-face.svelte-81iae3.svelte-81iae3{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--spacing-border-radius-card, 20px);transition:all 0.3s ease;transform-origin:center center;transform-style:preserve-3d}.card-front.svelte-81iae3.svelte-81iae3{background:rgba(255, 255, 255, 0.98);backdrop-filter:blur(15px);border:2px solid rgba(194, 182, 252, 0.2);left:0;top:0}.card-back.svelte-81iae3.svelte-81iae3{transform:rotateY(180deg);background:rgba(139, 131, 224);backdrop-filter:blur(15px);border:2px solid rgba(139, 131, 224, 0.6);left:0;top:0}.card-face.svelte-81iae3.svelte-81iae3:hover{border-color:rgba(194, 182, 252, 0.4)}.main-content.svelte-81iae3.svelte-81iae3{text-align:center;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;position:relative;z-index:1;padding-left:60px;padding-right:60px}.term.svelte-81iae3.svelte-81iae3{font-size:clamp(2.8rem, 8vw, 4.5rem);font-weight:var(--font-weight-bold);background:linear-gradient(
            45deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);line-height:1.2;margin:0;transition:transform 0.3s ease;word-break:break-word;hyphens:auto;position:relative;z-index:10}.card-face.svelte-81iae3:hover .term.svelte-81iae3{transform:scale(1.05)}.reading-section.svelte-81iae3.svelte-81iae3{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255, 255, 255, 0.7);animation:svelte-81iae3-slideInUp 0.6s ease-out;width:100%;position:relative;z-index:10}.reading.svelte-81iae3.svelte-81iae3{font-size:clamp(1.8rem, 4vw, 2.5rem);color:rgba(255, 255, 255, 1);font-weight:var(--font-weight-semi-bold);margin:0;line-height:1.3;word-break:break-word;hyphens:auto;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);position:relative;z-index:10}.translation-section.svelte-81iae3.svelte-81iae3{margin-top:1rem;animation:svelte-81iae3-slideInUp 0.8s ease-out;width:100%;position:relative;z-index:10}.translation.svelte-81iae3.svelte-81iae3{font-size:clamp(1.3rem, 3vw, 1.8rem);color:rgba(255, 255, 255, 0.95);font-weight:var(--font-weight-medium);margin:0;line-height:1.4;word-break:break-word;hyphens:auto;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);position:relative;z-index:10}.learned-action.svelte-81iae3.svelte-81iae3{position:absolute;top:20px;left:20px;z-index:30;pointer-events:auto}.learned-button.svelte-81iae3.svelte-81iae3{position:relative;z-index:40;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-purple-light);background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(10px);color:var(--color-purple-active);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;animation:svelte-81iae3-bounceIn 0.6s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.learned-button.svelte-81iae3.svelte-81iae3:hover{transform:scale(1.1);background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.2),
            rgba(235, 199, 242, 0.2)
        )}.learned-button.learned.svelte-81iae3.svelte-81iae3{background:linear-gradient(135deg, #4caf50, #45a049);color:white;border-color:#4caf50;animation:svelte-81iae3-successPulse 0.6s ease-out}.learned-button.learned.svelte-81iae3.svelte-81iae3:hover{background:linear-gradient(135deg, #45a049, #3d8b40);border-color:#45a049}.learned-button.svelte-81iae3 svg{width:16px;height:16px}.learned-button.svelte-81iae3.svelte-81iae3::before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1}.audio-button.svelte-81iae3.svelte-81iae3{position:absolute;top:20px;right:20px;background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(10px);border:2px solid var(--color-purple-light);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-purple-active);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:30;animation:svelte-81iae3-bounceIn 0.8s ease-out}.audio-button.svelte-81iae3.svelte-81iae3:hover{background:linear-gradient(
            135deg,
            var(--color-purple-light),
            var(--color-pink-light)
        );color:var(--color-text-light);transform:scale(1.1)}.audio-button.playing.svelte-81iae3.svelte-81iae3{background:linear-gradient(
            135deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );color:var(--color-text-light);animation:svelte-81iae3-pulse 1.5s infinite}.audio-ripple.svelte-81iae3.svelte-81iae3{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--color-purple-light);border-radius:50%;opacity:0;transform:scale(1);transition:all 0.3s ease}.audio-ripple.active.svelte-81iae3.svelte-81iae3{opacity:0.6;transform:scale(1.2);animation:svelte-81iae3-ripple 1.5s infinite}.admin-actions.svelte-81iae3.svelte-81iae3{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:10}.icon-button.svelte-81iae3.svelte-81iae3{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(10px);border:2px solid var(--color-border-light);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);animation:svelte-81iae3-bounceIn 0.6s ease-out}.icon-button.svelte-81iae3.svelte-81iae3:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.15)}.icon-button.edit-button.svelte-81iae3.svelte-81iae3:hover{background:linear-gradient(
            135deg,
            var(--color-purple-light),
            var(--color-pink-light)
        );color:var(--color-text-light);border-color:var(--color-purple-light)}.icon-button.danger-button.svelte-81iae3.svelte-81iae3:hover{background:linear-gradient(135deg, #ff6b6b, #ff5252);color:var(--color-text-light);border-color:#ff6b6b}@keyframes svelte-81iae3-bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}@keyframes svelte-81iae3-slideInUp{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes svelte-81iae3-successPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes svelte-81iae3-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes svelte-81iae3-ripple{0%{transform:scale(1);opacity:0.6}100%{transform:scale(1.4);opacity:0}}.card-container.svelte-81iae3.svelte-81iae3:focus{outline:none}.card-container.svelte-81iae3.svelte-81iae3:focus-visible{outline:2px solid var(--color-purple-active);outline-offset:2px}@media(max-width: 768px){.card-container.svelte-81iae3.svelte-81iae3{height:320px}.term.svelte-81iae3.svelte-81iae3{font-size:clamp(2.2rem, 6vw, 3.5rem)}.reading.svelte-81iae3.svelte-81iae3{font-size:clamp(1.5rem, 3vw, 2rem)}.translation.svelte-81iae3.svelte-81iae3{font-size:clamp(1.1rem, 2.5vw, 1.5rem)}.audio-button.svelte-81iae3.svelte-81iae3{width:45px;height:45px;top:15px;right:15px}.main-content.svelte-81iae3.svelte-81iae3{padding-left:55px;padding-right:55px}.learned-button.svelte-81iae3.svelte-81iae3{width:35px;height:35px;top:15px;left:15px}.admin-actions.svelte-81iae3.svelte-81iae3{top:10px;right:10px;gap:8px}.icon-button.svelte-81iae3.svelte-81iae3{width:36px;height:36px}}@media(max-width: 480px){.card-scene.svelte-81iae3.svelte-81iae3{max-width:100%;margin:0 auto 1.5rem auto;width:100%}.card-container.svelte-81iae3.svelte-81iae3{height:300px;min-width:0;width:100%}.card-face.svelte-81iae3.svelte-81iae3{min-width:0;width:100%}.main-content.svelte-81iae3.svelte-81iae3{width:100%;min-width:0;overflow-wrap:break-word;padding-left:40px;padding-right:40px}.term.svelte-81iae3.svelte-81iae3{font-size:clamp(2rem, 5vw, 3rem);line-height:1.1;max-width:100%}.reading.svelte-81iae3.svelte-81iae3{font-size:clamp(1.3rem, 2.5vw, 1.8rem);line-height:1.2;max-width:100%}.translation.svelte-81iae3.svelte-81iae3{font-size:clamp(1rem, 2vw, 1.3rem);line-height:1.3;max-width:100%}.audio-button.svelte-81iae3.svelte-81iae3{width:40px;height:40px;top:12px;right:12px}.learned-button.svelte-81iae3.svelte-81iae3{width:32px;height:32px;top:12px;left:12px}.admin-actions.svelte-81iae3.svelte-81iae3{top:8px;right:8px;gap:6px}.icon-button.svelte-81iae3.svelte-81iae3{width:32px;height:32px}.reading-section.svelte-81iae3.svelte-81iae3{margin-bottom:1rem;padding-bottom:0.8rem}}
.table-container.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(15px);border-radius:var(--spacing-border-radius-large, 16px);border:2px solid rgba(194, 182, 252, 0.2);box-shadow:0 8px 32px rgba(194, 182, 252, 0.2);overflow:hidden;transition:all 0.3s ease}.table-container.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui:hover{box-shadow:0 12px 40px rgba(194, 182, 252, 0.3);border-color:rgba(194, 182, 252, 0.3)}.table-wrapper.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{overflow-x:auto}table.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:100%;border-collapse:collapse;text-align:left;font-size:1rem;position:relative}th.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,td.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{padding:1rem 1.5rem;border-bottom:1px solid rgba(194, 182, 252, 0.15);vertical-align:middle}thead.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{position:sticky;top:0;z-index:10}thead.svelte-1uc7zui th.svelte-1uc7zui.svelte-1uc7zui{background:linear-gradient(135deg, var(--color-purple-light), var(--color-pink-light));color:var(--color-text-light);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:0.85rem;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px rgba(194, 182, 252, 0.3)}tbody.svelte-1uc7zui tr:last-child td.svelte-1uc7zui.svelte-1uc7zui{border-bottom:none}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);animation:svelte-1uc7zui-fadeIn 0.5s ease-out;animation-fill-mode:both}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:hover{background:linear-gradient(135deg, rgba(194, 182, 252, 0.05), rgba(235, 199, 242, 0.05))}tr.learned-row.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{color:var(--color-text-muted);background:rgba(0, 0, 0, 0.02)}tr.learned-row.svelte-1uc7zui .col-term.svelte-1uc7zui.svelte-1uc7zui,tr.learned-row.svelte-1uc7zui .col-reading.svelte-1uc7zui.svelte-1uc7zui,tr.learned-row.svelte-1uc7zui .col-translation.svelte-1uc7zui.svelte-1uc7zui{text-decoration:line-through;opacity:0.6}.col-check.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:100px;text-align:center;padding:1rem 0.5rem}.col-lesson.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:20%;min-width:140px;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.col-term.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{font-weight:var(--font-weight-bold);color:var(--color-purple-active);font-size:1.1rem;min-width:120px}td.col-term.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{background:#fff}.col-reading.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{color:var(--color-purple-active);font-weight:var(--font-weight-semi-bold);min-width:120px}.col-translation.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{color:var(--color-purple-active);min-width:150px}.col-actions.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:120px;text-align:center;padding:1rem 0.5rem}.icon-button.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(5px);border:2px solid transparent;cursor:pointer;padding:8px;margin:0 4px;border-radius:50%;color:var(--color-text-muted);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.icon-button.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.15)}.icon-button.edit-button.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui:hover{background:linear-gradient(135deg, var(--color-purple-light), var(--color-pink-light));color:var(--color-text-light);border-color:var(--color-purple-light)}.icon-button.danger-button.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui:hover{background:linear-gradient(135deg, #ff6b6b, #ff5252);color:var(--color-text-light);border-color:#ff6b6b}.checkbox-container.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{display:inline-block;position:relative;cursor:pointer;width:24px;height:24px}.checkbox-container.svelte-1uc7zui input.svelte-1uc7zui.svelte-1uc7zui{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{position:absolute;top:0;left:0;height:24px;width:24px;background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(5px);border:2px solid rgba(194, 182, 252, 0.3);border-radius:6px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(194, 182, 252, 0.2)}.checkbox-container.svelte-1uc7zui:hover .checkmark.svelte-1uc7zui.svelte-1uc7zui{background:rgba(194, 182, 252, 0.1);border-color:var(--color-purple-light);transform:scale(1.05)}.checkbox-container.svelte-1uc7zui input.svelte-1uc7zui:checked~.checkmark.svelte-1uc7zui{background:linear-gradient(135deg, var(--color-purple-active), var(--color-pink-active));border-color:var(--color-purple-active);box-shadow:0 4px 15px rgba(194, 182, 252, 0.4)}.checkmark.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui:after{content:"";position:absolute;display:none}.checkbox-container.svelte-1uc7zui input.svelte-1uc7zui:checked~.checkmark.svelte-1uc7zui:after{display:block}.checkbox-container.svelte-1uc7zui .checkmark.svelte-1uc7zui.svelte-1uc7zui:after{left:8px;top:4px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}@media(max-width: 768px){th.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,td.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{padding:0.8rem 1rem;font-size:0.9rem}.col-check.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,.col-actions.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:80px;padding:0.8rem 0.5rem}.col-term.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{font-size:1rem;min-width:100px}.col-reading.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,.col-translation.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{min-width:100px}.col-lesson.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{min-width:120px}.icon-button.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{padding:6px;margin:0 2px}.checkbox-container.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,.checkmark.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:20px;height:20px}.checkbox-container.svelte-1uc7zui .checkmark.svelte-1uc7zui.svelte-1uc7zui:after{left:7px;top:3px;width:5px;height:10px}}@media(max-width: 480px){.table-wrapper.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{max-height:60vh}th.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,td.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{padding:0.6rem 0.8rem;font-size:0.85rem}thead.svelte-1uc7zui th.svelte-1uc7zui.svelte-1uc7zui{font-size:0.75rem}.col-check.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,.col-actions.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:70px;padding:0.6rem 0.4rem}.col-term.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{font-size:0.95rem;min-width:90px}.col-reading.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,.col-translation.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{min-width:90px}.icon-button.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{padding:4px;margin:0 1px}.checkbox-container.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui,.checkmark.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui{width:18px;height:18px}.checkbox-container.svelte-1uc7zui .checkmark.svelte-1uc7zui.svelte-1uc7zui:after{left:6px;top:2px;width:4px;height:8px;border-width:0 2px 2px 0}}.table-wrapper.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui::-webkit-scrollbar{width:8px;height:8px}.table-wrapper.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui::-webkit-scrollbar-track{background:rgba(194, 182, 252, 0.1);border-radius:4px}.table-wrapper.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--color-purple-light), var(--color-pink-light));border-radius:4px}.table-wrapper.svelte-1uc7zui.svelte-1uc7zui.svelte-1uc7zui::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--color-purple-active), var(--color-pink-active))}@keyframes svelte-1uc7zui-fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(1){animation-delay:0.1s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(2){animation-delay:0.15s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(3){animation-delay:0.2s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(4){animation-delay:0.25s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(5){animation-delay:0.3s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(6){animation-delay:0.35s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(7){animation-delay:0.4s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(8){animation-delay:0.45s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(9){animation-delay:0.5s}tbody.svelte-1uc7zui tr.svelte-1uc7zui.svelte-1uc7zui:nth-child(10){animation-delay:0.55s}
.entry-form.svelte-13lvpof.svelte-13lvpof{padding:10px}.form-group.svelte-13lvpof.svelte-13lvpof{margin-bottom:1.5rem}label.svelte-13lvpof.svelte-13lvpof{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--color-text-muted)}input[type="text"].svelte-13lvpof.svelte-13lvpof,input[type="file"].svelte-13lvpof.svelte-13lvpof{width:100%;padding:12px;border:1px solid #ced4da;border-radius:var(--spacing-border-radius-small);font-size:1rem;transition:border-color 0.2s, box-shadow 0.2s;background-color:var(--color-bg-light);color:var(--color-text-dark)}select.svelte-13lvpof.svelte-13lvpof{width:100%;padding:12px;border:1px solid #ced4da;border-radius:var(--spacing-border-radius-small);font-size:1rem;transition:border-color 0.2s, box-shadow 0.2s;background-color:var(--color-bg-light);color:var(--color-text-dark)}select.svelte-13lvpof.svelte-13lvpof:focus{outline:none;border-color:var(--color-purple-active);box-shadow:0 0 0 3px rgba(142, 139, 224, 0.25)}input[type="file"].svelte-13lvpof.svelte-13lvpof{padding:9px}input[type="text"].svelte-13lvpof.svelte-13lvpof:focus{outline:none;border-color:var(--color-purple-active);box-shadow:0 0 0 3px rgba(142, 139, 224, 0.25)}.current-audio.svelte-13lvpof.svelte-13lvpof{font-size:0.9rem;margin-top:0.75rem;color:var(--color-text-muted)}.current-audio.svelte-13lvpof a.svelte-13lvpof{color:var(--color-purple-active);text-decoration:none}.current-audio.svelte-13lvpof a.svelte-13lvpof:hover{text-decoration:underline}.form-actions.svelte-13lvpof.svelte-13lvpof{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;border-top:1px solid var(--color-border-light);padding-top:1.5rem}.control-button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;border-radius:var(--spacing-border-radius-button);border:1px solid var(--color-border-light);background-color:var(--color-bg-light);color:var(--color-text-muted);font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:all 0.2s ease}.control-button:disabled{opacity:0.6;cursor:not-allowed}.control-button:not(:disabled):hover{background-color:var(--color-bg-very-light);border-color:var(--color-border-medium);color:var(--color-text-dark)}.control-button.primary{background-color:var(--color-purple-active);color:var(--color-text-light);border-color:var(--color-purple-active)}.control-button.primary:not(:disabled):hover{background-color:var(--color-purple-hover);border-color:var(--color-purple-hover)}
.tree-item.svelte-1kxcvua{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.node-content.svelte-1kxcvua{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 2px 5px rgba(0, 0, 0, 0.03);font-weight:500;position:relative}.node-content.clickable.svelte-1kxcvua{cursor:pointer;transition:all 0.2s}.node-content.clickable.svelte-1kxcvua:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0, 0, 0, 0.1)}.char.svelte-1kxcvua{font-size:1.2rem;color:var(--color-text-dark)}.children.svelte-1kxcvua{display:flex;gap:12px;margin-top:8px;position:relative}.children.svelte-1kxcvua::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:1px;height:8px;background:var(--color-primary)}.children.svelte-1kxcvua:not(:only-child)::after{content:"";position:absolute;top:-8px;left:10px;right:10px;height:1px;background:var(--color-primary);z-index:-1}
.modal-backdrop.svelte-jowbch.svelte-jowbch{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem}.modal-content.svelte-jowbch.svelte-jowbch{background:rgba(255, 255, 255, 0.95);width:100%;max-width:700px;max-height:90vh;border-radius:24px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.2);position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.5)}.close-button.svelte-jowbch.svelte-jowbch{position:absolute;top:1rem;right:1rem;background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;z-index:10;color:var(--color-text-muted)}.close-button.svelte-jowbch.svelte-jowbch:hover{background:rgba(0, 0, 0, 0.1);color:var(--color-text-dark);transform:rotate(90deg)}.modal-body.svelte-jowbch.svelte-jowbch{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.animation-section.svelte-jowbch.svelte-jowbch{background:radial-gradient(circle at center, #fdfbf7 0%, #f3f0e8 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-right:1px solid rgba(0, 0, 0, 0.05);position:relative;min-height:400px}.canvas-container.svelte-jowbch.svelte-jowbch{width:260px;height:260px;position:relative;background:#fff;border-radius:20px;box-shadow:inset 0 2px 10px rgba(0, 0, 0, 0.05);border:1px solid rgba(0, 0, 0, 0.05);display:flex;justify-content:center;align-items:center}.kanji-anim-canvas.svelte-jowbch.svelte-jowbch{width:100%;height:100%}.controls.svelte-jowbch.svelte-jowbch{margin-top:1.5rem;display:flex;align-items:center;gap:1rem}.icon-btn.svelte-jowbch.svelte-jowbch{background:none;border:none;cursor:pointer;color:var(--color-primary);transition:transform 0.2s;padding:0;display:flex}.icon-btn.svelte-jowbch.svelte-jowbch:hover{transform:scale(1.1);color:var(--color-primary-dark)}.download-btn.svelte-jowbch.svelte-jowbch{margin-left:auto;color:var(--color-text-muted);opacity:0.7;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.download-btn.svelte-jowbch.svelte-jowbch:hover{color:var(--color-primary);opacity:1}.download-btn.loading.svelte-jowbch.svelte-jowbch{pointer-events:none;transform:scale(1.2)}.progress-ring.svelte-jowbch.svelte-jowbch{width:32px;height:32px;transform:rotate(-90deg)}.ring-bg.svelte-jowbch.svelte-jowbch{stroke:#eee;stroke-width:3}.ring-fg.svelte-jowbch.svelte-jowbch{stroke:var(--color-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 0.3s ease}.stroke-count.svelte-jowbch.svelte-jowbch{font-weight:700;font-feature-settings:"tnum";color:var(--color-text-muted);font-size:1.1rem}.replay-overlay.svelte-jowbch.svelte-jowbch{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.4);display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:20px;color:var(--color-primary)}.info-section.svelte-jowbch.svelte-jowbch{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.1) transparent}.info-section.svelte-jowbch.svelte-jowbch::-webkit-scrollbar{width:6px}.info-section.svelte-jowbch.svelte-jowbch::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:10px}.kanji-header-large.svelte-jowbch.svelte-jowbch{display:flex;align-items:baseline;gap:1rem;border-bottom:2px solid #eee;padding-bottom:1rem}.main-char.svelte-jowbch.svelte-jowbch{font-size:4rem;font-weight:800;line-height:1;background:linear-gradient(
            45deg,
            var(--color-primary),
            var(--color-secondary)
        );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.decomposition.svelte-jowbch h3.svelte-jowbch{font-size:1rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);margin-bottom:1rem;font-weight:700}.tree-root.svelte-jowbch.svelte-jowbch{font-size:1.1rem;overflow-x:auto;width:100%;padding:10px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.parent-tags.svelte-jowbch.svelte-jowbch{display:flex;flex-wrap:wrap;gap:0.5rem}.parent-tag.svelte-jowbch.svelte-jowbch{background:#f5f5f5;border:1px solid rgba(0, 0, 0, 0.05);padding:4px 12px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all 0.2s;color:var(--color-text-dark);display:flex;align-items:center;justify-content:center;min-width:32px}.parent-tag.svelte-jowbch.svelte-jowbch:hover{background:var(--color-primary);color:white;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0, 0, 0, 0.1)}@media(max-width: 650px){.modal-body.svelte-jowbch.svelte-jowbch{grid-template-columns:1fr;overflow-y:auto}.info-section.svelte-jowbch.svelte-jowbch{overflow-y:visible}.animation-section.svelte-jowbch.svelte-jowbch{border-right:none;border-bottom:1px solid rgba(0, 0, 0, 0.05);padding:1.5rem;min-height:350px;flex-shrink:0}.canvas-container.svelte-jowbch.svelte-jowbch{width:200px;height:200px}}
.kanji-panel.svelte-1ou56a7.svelte-1ou56a7{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);border-radius:var(--spacing-border-radius-large, 16px);border:1px solid rgba(194, 182, 252, 0.2);padding:1.5rem;max-width:980px;margin:0 auto}.kanji-header.svelte-1ou56a7.svelte-1ou56a7{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.kanji-title.svelte-1ou56a7.svelte-1ou56a7{font-weight:var(--font-weight-extra-bold, 800);font-size:1.2rem;color:var(--color-text-dark);background:linear-gradient(
            45deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kanji-controls.svelte-1ou56a7.svelte-1ou56a7{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}.control-button.svelte-1ou56a7.svelte-1ou56a7{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.5rem;border-radius:var(--spacing-border-radius-button);border:1px solid var(--color-purple-light);background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.1),
            rgba(235, 199, 242, 0.1)
        );color:var(--color-purple-active);font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(5px)}.control-button.svelte-1ou56a7.svelte-1ou56a7:hover{background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.2),
            rgba(235, 199, 242, 0.2)
        );transform:translateY(-2px);box-shadow:0 8px 25px rgba(194, 182, 252, 0.3)}.control-button.svelte-1ou56a7.svelte-1ou56a7:disabled{opacity:0.6;cursor:not-allowed;transform:none}.kanji-body.svelte-1ou56a7.svelte-1ou56a7{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.attribution-section.svelte-1ou56a7.svelte-1ou56a7{text-align:center;font-size:0.8rem;color:var(--color-text-muted);margin-top:1rem;opacity:0.7}.attribution-section.svelte-1ou56a7 a.svelte-1ou56a7{color:var(--color-primary);text-decoration:none}.attribution-section.svelte-1ou56a7 a.svelte-1ou56a7:hover{text-decoration:underline}.canvas-wrap.svelte-1ou56a7.svelte-1ou56a7{position:relative;border-radius:18px;border:2px solid rgba(194, 182, 252, 0.35);background:rgba(255, 255, 255, 0.85);overflow:hidden;max-width:fit-content}.kanji-canvas.svelte-1ou56a7.svelte-1ou56a7{display:block;touch-action:none;background:radial-gradient(
            circle at 20% 20%,
            rgba(194, 182, 252, 0.1),
            rgba(255, 255, 255, 0.9)
        );cursor:crosshair}.hint.svelte-1ou56a7.svelte-1ou56a7{position:absolute;bottom:10px;left:10px;padding:6px 10px;border-radius:999px;background:rgba(255, 255, 255, 0.85);border:1px solid rgba(194, 182, 252, 0.35);font-size:0.85rem;color:var(--color-text-muted);pointer-events:none}.results.svelte-1ou56a7.svelte-1ou56a7{border-radius:18px;border:1px solid rgba(194, 182, 252, 0.35);background:rgba(255, 255, 255, 0.85);padding:1rem;height:100%;max-height:400px;overflow-y:auto}.results-header.svelte-1ou56a7.svelte-1ou56a7{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0.75rem}.results-title.svelte-1ou56a7.svelte-1ou56a7{font-weight:700;color:var(--color-text-dark)}.topn.svelte-1ou56a7.svelte-1ou56a7{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:0.9rem}.topn.svelte-1ou56a7 input.svelte-1ou56a7{width:60px;margin:0;border-radius:12px;border:1px solid rgba(194, 182, 252, 0.55);background:rgba(245, 245, 245, 0.9);padding:6px 8px}.results-empty.svelte-1ou56a7.svelte-1ou56a7{padding:1rem 0;color:var(--color-text-muted);text-align:center}.results-list.svelte-1ou56a7.svelte-1ou56a7{display:flex;flex-direction:column;gap:10px}.result-row.svelte-1ou56a7.svelte-1ou56a7{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 12px;border-radius:14px;border:1px solid rgba(194, 182, 252, 0.25);background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.1),
            rgba(235, 199, 242, 0.1)
        )}.char.svelte-1ou56a7.svelte-1ou56a7{font-size:1.8rem;font-weight:800;color:var(--color-text-dark);width:3rem;text-align:center}.meta.svelte-1ou56a7.svelte-1ou56a7{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--color-text-muted);font-size:0.85rem}@media(max-width: 900px){.kanji-body.svelte-1ou56a7.svelte-1ou56a7{grid-template-columns:1fr}.canvas-wrap.svelte-1ou56a7.svelte-1ou56a7{max-width:100%;width:100%;margin:0 auto}.kanji-canvas.svelte-1ou56a7.svelte-1ou56a7{width:100%}.results.svelte-1ou56a7.svelte-1ou56a7{max-height:300px}}
.page-container.svelte-h3rq4w.svelte-h3rq4w{max-width:var(--max-width-page, 1400px);margin:0 auto;padding:var(--spacing-padding-page, 20px);background:linear-gradient(
            135deg,
            var(--color-bg-ultra-light) 0%,
            rgba(194, 182, 252, 0.05) 100%
        );min-height:100vh}.page-header.svelte-h3rq4w.svelte-h3rq4w{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:1.5rem;border-radius:var(--spacing-border-radius-large, 16px);border:1px solid rgba(194, 182, 252, 0.2)}.page-header.svelte-h3rq4w h1.svelte-h3rq4w{font-size:var(--font-size-h1);font-weight:var(--font-weight-extra-bold);color:var(--color-text-dark);background:linear-gradient(
            45deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-controls.svelte-h3rq4w.svelte-h3rq4w{display:flex;gap:1rem;align-items:center}.control-button.svelte-h3rq4w.svelte-h3rq4w{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.5rem;border-radius:var(--spacing-border-radius-button);border:1px solid var(--color-purple-light);background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.1),
            rgba(235, 199, 242, 0.1)
        );color:var(--color-purple-active);font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(5px)}.control-button.svelte-h3rq4w.svelte-h3rq4w:hover{background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.2),
            rgba(235, 199, 242, 0.2)
        );transform:translateY(-2px);box-shadow:0 8px 25px rgba(194, 182, 252, 0.3)}.control-button.primary.svelte-h3rq4w.svelte-h3rq4w{background:linear-gradient(
            135deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );color:var(--color-text-light);border-color:transparent}.control-button.primary.svelte-h3rq4w.svelte-h3rq4w:hover{background:linear-gradient(
            135deg,
            var(--color-purple-hover),
            var(--color-pink-hover)
        );box-shadow:0 8px 25px rgba(194, 182, 252, 0.4)}.view-mode-toggle.svelte-h3rq4w.svelte-h3rq4w{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px);border-radius:var(--spacing-border-radius-large, 16px);padding:6px;border:1px solid rgba(194, 182, 252, 0.3);width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 4px 20px rgba(194, 182, 252, 0.15)}.view-mode-toggle.svelte-h3rq4w button.svelte-h3rq4w{padding:0.8rem 2rem;border:none;background-color:transparent;cursor:pointer;font-size:1rem;font-weight:600;border-radius:var(--spacing-border-radius-button);display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;color:var(--color-text-muted);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);line-height:1;margin:0}.view-mode-toggle.svelte-h3rq4w button.svelte-h3rq4w svg{flex:0 0 auto}.view-mode-toggle.svelte-h3rq4w button.active.svelte-h3rq4w{background:linear-gradient(
            135deg,
            var(--color-purple-light),
            var(--color-pink-light)
        );color:var(--color-text-light);box-shadow:0 4px 15px rgba(194, 182, 252, 0.4);transform:translateY(-1px)}.content-area.svelte-h3rq4w.svelte-h3rq4w{padding-top:1rem}.carousel-container.svelte-h3rq4w.svelte-h3rq4w{max-width:900px;margin:0 auto;position:relative;animation:svelte-h3rq4w-slideInUp 0.6s ease-out;overflow:visible;padding:2rem 0 4rem 0}.carousel-wrapper.svelte-h3rq4w.svelte-h3rq4w{display:flex;align-items:center;gap:1.5rem;position:relative}.carousel-track.svelte-h3rq4w.svelte-h3rq4w{flex:1;display:flex;justify-content:center;min-height:480px;overflow:hidden;position:relative;touch-action:pan-y;border-radius:20px}@media(max-width: 420px){.view-mode-toggle.svelte-h3rq4w.svelte-h3rq4w{width:100%}.view-mode-toggle.svelte-h3rq4w button.svelte-h3rq4w{padding:0.55rem 0.6rem;font-size:0.85rem;gap:0.35rem;flex-direction:column;line-height:1.1}.view-mode-toggle.svelte-h3rq4w button.svelte-h3rq4w svg{width:18px;height:18px}}.carousel-slide.svelte-h3rq4w.svelte-h3rq4w{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.carousel-arrow.svelte-h3rq4w.svelte-h3rq4w{background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(15px);border:3px solid var(--color-purple-light);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-purple-active);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;animation:svelte-h3rq4w-bounceIn 0.6s ease-out}.carousel-arrow.svelte-h3rq4w.svelte-h3rq4w:hover:not(:disabled){background:linear-gradient(
            135deg,
            var(--color-purple-light),
            var(--color-pink-light)
        );color:var(--color-text-light);transform:scale(1.15);border-color:transparent}.carousel-arrow.svelte-h3rq4w.svelte-h3rq4w:disabled{opacity:0.3;cursor:not-allowed;transform:none;background:rgba(200, 200, 200, 0.5);border-color:rgba(200, 200, 200, 0.3)}.carousel-smart-indicators.svelte-h3rq4w.svelte-h3rq4w{margin-top:2rem;animation:svelte-h3rq4w-slideInUp 0.8s ease-out}.carousel-indicators.svelte-h3rq4w.svelte-h3rq4w{display:flex;justify-content:center;gap:12px}.carousel-dot.svelte-h3rq4w.svelte-h3rq4w{width:14px;height:14px;border-radius:50%;border:none;background:rgba(194, 182, 252, 0.4);cursor:pointer;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.carousel-dot.svelte-h3rq4w.svelte-h3rq4w:hover{background:rgba(194, 182, 252, 0.6);transform:scale(1.2)}.carousel-dot.active.svelte-h3rq4w.svelte-h3rq4w{background:linear-gradient(
            135deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );transform:scale(1.4)}.progress-bar-container.svelte-h3rq4w.svelte-h3rq4w{max-width:400px;margin:0 auto}.progress-bar.svelte-h3rq4w.svelte-h3rq4w{width:100%;height:8px;background:rgba(194, 182, 252, 0.2);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(194, 182, 252, 0.1)}.progress-fill.svelte-h3rq4w.svelte-h3rq4w{height:100%;background:linear-gradient(
            90deg,
            var(--color-purple-active),
            var(--color-pink-active)
        );border-radius:10px;transition:width 0.3s ease-out;box-shadow:0 0 10px rgba(194, 182, 252, 0.4)}.progress-labels.svelte-h3rq4w.svelte-h3rq4w{display:flex;justify-content:space-between;margin-top:0.5rem;font-size:0.85rem;color:var(--color-text-muted);font-weight:600}.carousel-counter.svelte-h3rq4w.svelte-h3rq4w{text-align:center;margin-top:1.5rem;font-size:1rem;color:var(--color-text-muted);font-weight:600;animation:svelte-h3rq4w-slideInUp 1s ease-out}.empty-state.svelte-h3rq4w.svelte-h3rq4w{text-align:center;padding:4rem 2rem;background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px);border-radius:var(--spacing-border-radius-large);color:var(--color-text-muted);border:1px solid rgba(194, 182, 252, 0.2);box-shadow:0 4px 20px rgba(194, 182, 252, 0.1)}.empty-state.learned-all.svelte-h3rq4w.svelte-h3rq4w{background:linear-gradient(
            135deg,
            rgba(194, 182, 252, 0.1),
            rgba(235, 199, 242, 0.1)
        )}.table-view.svelte-h3rq4w.svelte-h3rq4w{margin-top:1rem}@keyframes svelte-h3rq4w-slideInUp{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes svelte-h3rq4w-fadeInScale{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes svelte-h3rq4w-bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}@media(max-width: 576px){.page-container.svelte-h3rq4w.svelte-h3rq4w{padding:1rem}.page-header.svelte-h3rq4w.svelte-h3rq4w{flex-direction:column;text-align:center;padding:1rem}.header-controls.svelte-h3rq4w.svelte-h3rq4w{flex-direction:column;width:100%}.control-button.svelte-h3rq4w.svelte-h3rq4w{width:100%;justify-content:center}.view-mode-toggle.svelte-h3rq4w.svelte-h3rq4w{width:100%;margin-bottom:1.5rem}.view-mode-toggle.svelte-h3rq4w button.active.svelte-h3rq4w::after{opacity:1;width:40%}.search-bar-row.svelte-h3rq4w.svelte-h3rq4w{display:flex;justify-content:center;margin:0 auto 1.5rem;max-width:600px;width:100%}.view-mode-toggle.svelte-h3rq4w button.svelte-h3rq4w{flex:1;padding:0.6rem 1rem}.carousel-container.svelte-h3rq4w.svelte-h3rq4w{max-width:100%}.carousel-wrapper.svelte-h3rq4w.svelte-h3rq4w{gap:1rem}.carousel-arrow.svelte-h3rq4w.svelte-h3rq4w{width:50px;height:50px;border-width:2px}.carousel-track.svelte-h3rq4w.svelte-h3rq4w{min-height:420px}.carousel-indicators.svelte-h3rq4w.svelte-h3rq4w{margin-top:1.5rem;gap:10px}.carousel-dot.svelte-h3rq4w.svelte-h3rq4w{width:12px;height:12px}}@media(max-width: 480px){.carousel-container.svelte-h3rq4w.svelte-h3rq4w{max-width:100%;padding:0 0.5rem}.carousel-wrapper.svelte-h3rq4w.svelte-h3rq4w{flex-direction:column;gap:1.5rem;align-items:center}.carousel-arrow.svelte-h3rq4w.svelte-h3rq4w{position:static;width:200px;height:50px;border-radius:var(--spacing-border-radius-button);display:flex;align-items:center;justify-content:center;margin:0}.carousel-arrow-prev.svelte-h3rq4w.svelte-h3rq4w{order:-1}.carousel-arrow-next.svelte-h3rq4w.svelte-h3rq4w{order:1}.carousel-track.svelte-h3rq4w.svelte-h3rq4w{order:0;min-height:380px;width:100%}.carousel-indicators.svelte-h3rq4w.svelte-h3rq4w{margin-top:1rem;gap:8px}.carousel-dot.svelte-h3rq4w.svelte-h3rq4w{width:10px;height:10px}.carousel-counter.svelte-h3rq4w.svelte-h3rq4w{margin-top:1rem;font-size:0.9rem}}
.mini-profile-card.svelte-tzy4xv{background:white;border-radius:var(--spacing-border-radius-card);padding:var(--spacing-padding-block);box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);margin-bottom:2rem;position:relative;overflow:visible;font-family:"Play", sans-serif}.profile-header.svelte-tzy4xv{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.avatar-container.svelte-tzy4xv{position:relative;width:80px;height:80px;flex-shrink:0}.avatar-wrapper.svelte-tzy4xv{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid var(--color-primary);box-shadow:0 4px 10px rgba(175, 164, 255, 0.3)}.avatar-wrapper.framed.svelte-tzy4xv{border-color:transparent;overflow:visible}.avatar-img.svelte-tzy4xv{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-frame-overlay.svelte-tzy4xv{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none;z-index:1}.user-details.svelte-tzy4xv{display:flex;flex-direction:column;gap:0.5rem;min-width:0}.username.svelte-tzy4xv{margin:0;font-size:1.5rem;color:var(--color-text-dark);font-weight:700}.stats-badges.svelte-tzy4xv{display:flex;gap:0.8rem;flex-wrap:wrap}.badge.svelte-tzy4xv{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:0.9rem;font-weight:600;max-width:100%}.coin-badge.svelte-tzy4xv{background-color:#fff8e7;color:#b8860b;border:1px solid #ffe4b5}.xp-badge.svelte-tzy4xv{background-color:#f0f4ff;color:var(--color-secondary);border:1px solid #e0e7ff}.icon-coin.svelte-tzy4xv{width:20px;height:20px}.level-progress-section.svelte-tzy4xv{margin-top:1rem;padding:0 0.5rem}.progress-bar-container.svelte-tzy4xv{position:relative;height:12px;margin-bottom:0.5rem;display:flex;align-items:center}.progress-track.svelte-tzy4xv{width:100%;height:100%;background-color:#e0e7ff;border-radius:10px;overflow:hidden}.progress-fill.svelte-tzy4xv{height:100%;background:linear-gradient(
            90deg,
            var(--color-primary) 0%,
            var(--color-secondary) 100%
        );border-radius:10px;transition:width 0.5s ease-out}.level-figure.svelte-tzy4xv{position:absolute;top:50%;transform:translate(-50%, -50%);width:40px;height:40px;z-index:2;transition:left 0.5s ease-out;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.xp-details.svelte-tzy4xv{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--color-text-muted);margin-top:10px}@media(max-width: 420px){.profile-header.svelte-tzy4xv{align-items:flex-start;gap:1rem}.avatar-container.svelte-tzy4xv{width:72px;height:72px}.username.svelte-tzy4xv{font-size:1.25rem}.xp-details.svelte-tzy4xv{flex-direction:column;gap:4px}}.lesson-shortcut.svelte-tzy4xv{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.lesson-info.svelte-tzy4xv{display:flex;flex-direction:column;gap:0.5rem}.shortcut-label.svelte-tzy4xv{font-size:0.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.5px}.lesson-link.svelte-tzy4xv{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:var(--color-bg-ultra-light);border-radius:12px;color:var(--color-text-dark);font-weight:600;text-decoration:none;transition:all 0.2s ease;border:1px solid transparent}.lesson-link.svelte-tzy4xv:hover{background-color:white;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(175, 164, 255, 0.15);transform:translateY(-2px);text-decoration:none}.arrow-icon.svelte-tzy4xv{width:20px;height:20px;color:var(--color-primary)}
.icon-btn.svelte-15jyo1k{display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-border-light);background:white;cursor:pointer;transition:transform var(--animation-duration-transition), box-shadow var(--animation-duration-transition), background var(--animation-duration-transition);overflow:hidden}.icon-btn.svelte-15jyo1k:hover{transform:translateY(-1px);box-shadow:0 4px 10px var(--color-shadow-hover)}.icon-btn--primary.svelte-15jyo1k{background:#4D44B5;color:white;border-color:#443ca3}.icon-btn--secondary.svelte-15jyo1k{background:#f5f5f8}.icon-slot.svelte-15jyo1k{display:flex;align-items:center;justify-content:center;line-height:1;font-size:14px}
.modal-backdrop.svelte-eep6ny{position:fixed;inset:0;background:rgba(0, 0, 0, 0.35);display:flex;align-items:center;justify-content:center;z-index:200000;animation:svelte-eep6ny-fadeIn var(--animation-duration-transition) ease;overflow:hidden;padding:20px}.modal.svelte-eep6ny{background:var(--color-block-bg);border:1px solid var(--color-block-border);border-radius:12px;padding:18px;box-shadow:0 10px 30px var(--color-shadow);animation:svelte-eep6ny-zoomIn var(--animation-duration-transition) ease;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);display:flex;flex-direction:column;margin:auto;overflow:hidden}.modal-title.svelte-eep6ny{margin:0 0 10px 0;color:var(--color-block-title);flex-shrink:0}.modal-body.svelte-eep6ny{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:4px}.modal-body.svelte-eep6ny::-webkit-scrollbar{width:8px}.modal-body.svelte-eep6ny::-webkit-scrollbar-track{background:var(--color-input-bg);border-radius:4px}.modal-body.svelte-eep6ny::-webkit-scrollbar-thumb{background:var(--color-input-border);border-radius:4px}.modal-body.svelte-eep6ny::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-actions.svelte-eep6ny{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;flex-shrink:0;padding-top:12px;border-top:1px solid var(--color-border-light)}@keyframes svelte-eep6ny-fadeIn{from{opacity:0}to{opacity:1}}@keyframes svelte-eep6ny-zoomIn{from{transform:scale(0.98);opacity:0.9}to{transform:scale(1);opacity:1}}
.svelte-flow__zoom.svelte-4xkw84{width:100%;height:100%;position:absolute;top:0;left:0;z-index:4}
.svelte-flow__pane.svelte-1esy7hx{position:absolute;top:0;left:0;width:100%;height:100%}
.svelte-flow__viewport.svelte-1floaup{width:100%;height:100%;position:absolute;top:0;left:0}
.svelte-flow__nodes.svelte-tf4uy4{width:100%;height:100%;position:absolute;left:0;top:0}
.svelte-flow__selection.svelte-1iugwpu{position:absolute;top:0;left:0}
.selection-wrapper.svelte-5pxri{position:absolute;top:0;left:0;z-index:7;pointer-events:all}
.svelte-flow.svelte-18e9ir1{width:100%;height:100%;overflow:hidden;position:relative;z-index:0;background-color:var(--background-color, var(--background-color-default))}:root{--background-color-default:#fff;--background-pattern-color-default:#ddd;--minimap-mask-color-default:rgba(240, 240, 240, 0.6);--minimap-mask-stroke-color-default:none;--minimap-mask-stroke-width-default:1;--controls-button-background-color-default:#fefefe;--controls-button-background-color-hover-default:#f4f4f4;--controls-button-color-default:inherit;--controls-button-color-hover-default:inherit;--controls-button-border-color-default:#eee}
.svelte-flow__background.svelte-1r7pe8d{position:absolute;width:100%;height:100%;top:0;left:0}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.svelte-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.svelte-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.svelte-flow__background {
  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.svelte-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.svelte-flow__pane {
  z-index: 1;
}
.svelte-flow__pane.draggable {
    cursor: grab;
  }
.svelte-flow__pane.dragging {
    cursor: grabbing;
  }
.svelte-flow__pane.selection {
    cursor: pointer;
  }
.svelte-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.svelte-flow__renderer {
  z-index: 4;
}
.svelte-flow__selection {
  z-index: 6;
}
.svelte-flow__nodesselection-rect:focus,
.svelte-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.svelte-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.svelte-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.svelte-flow .svelte-flow__edges {
  position: absolute;
}
.svelte-flow .svelte-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.svelte-flow__edge {
  pointer-events: visibleStroke;
}
.svelte-flow__edge.selectable {
    cursor: pointer;
  }
.svelte-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.svelte-flow__edge.animated path.svelte-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.svelte-flow__edge.inactive {
    pointer-events: none;
  }
.svelte-flow__edge.selected,
  .svelte-flow__edge:focus,
  .svelte-flow__edge:focus-visible {
    outline: none;
  }
.svelte-flow__edge.selected .svelte-flow__edge-path,
  .svelte-flow__edge.selectable:focus .svelte-flow__edge-path,
  .svelte-flow__edge.selectable:focus-visible .svelte-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.svelte-flow__edge-textwrapper {
    pointer-events: all;
  }
.svelte-flow__edge .svelte-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.svelte-flow__connection {
  pointer-events: none;
}
.svelte-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.svelte-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.svelte-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.svelte-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.svelte-flow__node.selectable {
    cursor: pointer;
  }
.svelte-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.svelte-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.svelte-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.svelte-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.svelte-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.svelte-flow__handle.connectingfrom {
    pointer-events: all;
  }
.svelte-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.svelte-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.svelte-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.svelte-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.svelte-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.svelte-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.svelte-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.svelte-flow__panel.top {
    top: 0;
  }
.svelte-flow__panel.bottom {
    bottom: 0;
  }
.svelte-flow__panel.top.center, .svelte-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.svelte-flow__panel.left {
    left: 0;
  }
.svelte-flow__panel.right {
    right: 0;
  }
.svelte-flow__panel.left.center, .svelte-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.svelte-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.svelte-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.svelte-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.svelte-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.svelte-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.svelte-flow__minimap-svg {
    display: block;
  }
.svelte-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.svelte-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.svelte-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.svelte-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.svelte-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.svelte-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.svelte-flow__controls.horizontal {
    flex-direction: row;
  }
.svelte-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.svelte-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.svelte-flow__edge.updating .svelte-flow__edge-path {
      stroke: #777;
    }
.svelte-flow__edge-text {
    font-size: 10px;
  }
.svelte-flow__node.selectable:focus,
  .svelte-flow__node.selectable:focus-visible {
    outline: none;
  }
.svelte-flow__node-input,
.svelte-flow__node-default,
.svelte-flow__node-output,
.svelte-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.svelte-flow__node-input.selectable:hover, .svelte-flow__node-default.selectable:hover, .svelte-flow__node-output.selectable:hover, .svelte-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.svelte-flow__node-input.selectable.selected,
    .svelte-flow__node-input.selectable:focus,
    .svelte-flow__node-input.selectable:focus-visible,
    .svelte-flow__node-default.selectable.selected,
    .svelte-flow__node-default.selectable:focus,
    .svelte-flow__node-default.selectable:focus-visible,
    .svelte-flow__node-output.selectable.selected,
    .svelte-flow__node-output.selectable:focus,
    .svelte-flow__node-output.selectable:focus-visible,
    .svelte-flow__node-group.selectable.selected,
    .svelte-flow__node-group.selectable:focus,
    .svelte-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.svelte-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.svelte-flow__nodesselection-rect,
.svelte-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.svelte-flow__nodesselection-rect:focus,
  .svelte-flow__nodesselection-rect:focus-visible,
  .svelte-flow__selection:focus,
  .svelte-flow__selection:focus-visible {
    outline: none;
  }
.svelte-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.svelte-flow__controls-button:disabled {
      pointer-events: none;
    }
.svelte-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.svelte-flow__controls-button:last-child {
    border-bottom: none;
  }
.svelte-flow__controls.horizontal .svelte-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.svelte-flow__controls.horizontal .svelte-flow__controls-button:last-child {
    border-right: none;
  }
.svelte-flow__resize-control {
  position: absolute;
}
.svelte-flow__resize-control.left,
.svelte-flow__resize-control.right {
  cursor: ew-resize;
}
.svelte-flow__resize-control.top,
.svelte-flow__resize-control.bottom {
  cursor: ns-resize;
}
.svelte-flow__resize-control.top.left,
.svelte-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.svelte-flow__resize-control.bottom.left,
.svelte-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.svelte-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  transform: translate(-50%, -50%);
}
.svelte-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.svelte-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.svelte-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.svelte-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.svelte-flow__resize-control.handle.top.left {
  left: 0;
}
.svelte-flow__resize-control.handle.bottom.left {
  left: 0;
}
.svelte-flow__resize-control.handle.top.right {
  left: 100%;
}
.svelte-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.svelte-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.svelte-flow__resize-control.line.left,
.svelte-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.svelte-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.svelte-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.svelte-flow__resize-control.line.top,
.svelte-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.svelte-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.svelte-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.svelte-flow__edge-label {
  text-align: center;
  position: absolute;
  padding: 2px;
  font-size: 10px;
  cursor: pointer;
  color: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
  background: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.svelte-flow__nodes {
  z-index: 0;
}
.svelte-flow__edgelabel-renderer {
  z-index: 0;
}

.node.svelte-pp79ey{background:var(--color-bg-light);border:1px solid var(--color-block-border);border-radius:var(--spacing-border-radius-block);min-width:260px;box-shadow:0 4px 6px var(--color-block-shadow);transition:var(--block-shadow-transition);overflow:hidden}.node.svelte-pp79ey:hover{box-shadow:0 6px 12px var(--color-block-shadow-hover)}.node--trigger.svelte-pp79ey{border-top:4px solid var(--color-primary)}.node__header.svelte-pp79ey{background:var(--color-bg-ultra-light);padding:10px 15px;border-bottom:1px solid var(--color-block-border)}.node__title.svelte-pp79ey{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);color:var(--color-text-dark);font-size:1rem}.node__content.svelte-pp79ey{padding:15px}.node__field.svelte-pp79ey{margin-bottom:12px}.node__field.svelte-pp79ey:last-child{margin-bottom:0}.node__label.svelte-pp79ey{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:4px;display:block}.node__select.svelte-pp79ey{width:100%;padding:8px 10px;border:1px solid var(--color-input-border);border-radius:var(--spacing-input-border-radius);background:var(--color-input-bg);color:var(--color-text-dark);font-family:var(--font-family-secondary);outline:none;transition:var(--input-transition)}.node__select.svelte-pp79ey:focus{border-color:var(--color-input-focus-border);box-shadow:0 0 0 3px var(--color-input-focus-shadow)}.loading.svelte-pp79ey{font-size:0.85rem;color:var(--color-text-muted);font-style:italic;padding:5px 0}.error.svelte-pp79ey{font-size:0.85rem;color:var(--color-error);padding:5px 0}.node__handle{width:10px !important;height:10px !important;background:var(--color-primary) !important}
.node.svelte-sxh3ha{background:var(--color-bg-light);border:1px solid var(--color-block-border);border-radius:var(--spacing-border-radius-block);min-width:150px;box-shadow:0 4px 6px var(--color-block-shadow);overflow:hidden}.node--logic.svelte-sxh3ha{border-top:4px solid #9c27b0}.node__header.svelte-sxh3ha{background:var(--color-bg-ultra-light);padding:8px 12px;border-bottom:1px solid var(--color-block-border)}.node__title.svelte-sxh3ha{font-family:var(--font-family-primary);font-weight:bold;font-size:0.9rem}.node__content.svelte-sxh3ha{padding:10px}.node__select.svelte-sxh3ha{width:100%;padding:6px;border:1px solid var(--color-input-border);border-radius:4px}.node__handle{width:10px !important;height:10px !important;background:#9c27b0 !important}
.node.svelte-1na0f0h{background:var(--color-bg-light);border:1px solid var(--color-block-border);border-radius:var(--spacing-border-radius-block);min-width:220px;box-shadow:0 4px 6px var(--color-block-shadow);overflow:hidden}.node--time.svelte-1na0f0h{border-top:4px solid #ff9800}.node__header.svelte-1na0f0h{background:var(--color-bg-ultra-light);padding:8px 12px;border-bottom:1px solid var(--color-block-border)}.node__title.svelte-1na0f0h{font-family:var(--font-family-primary);font-weight:bold;font-size:0.9rem}.node__content.svelte-1na0f0h{padding:10px}.node__field.svelte-1na0f0h{margin-bottom:10px}.node__label.svelte-1na0f0h{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:4px;display:block}.time-inputs.svelte-1na0f0h{display:flex;align-items:center;gap:5px}.node__input.svelte-1na0f0h{padding:4px;border:1px solid var(--color-input-border);border-radius:4px;font-size:0.9rem}.days-grid.svelte-1na0f0h{display:flex;gap:4px;flex-wrap:wrap}.day-btn.svelte-1na0f0h{padding:4px 6px;font-size:0.75rem;border:1px solid var(--color-border-light);background:var(--color-bg-very-light);border-radius:4px;cursor:pointer}.day-btn.active.svelte-1na0f0h{background:var(--color-primary);color:white;border-color:var(--color-primary)}.node__handle{width:10px !important;height:10px !important;background:#ff9800 !important}
.node.svelte-161tz53{background:var(--color-bg-light);border:1px solid var(--color-block-border);border-radius:var(--spacing-border-radius-block);min-width:240px;box-shadow:0 4px 6px var(--color-block-shadow);overflow:hidden}.node--range.svelte-161tz53{border-top:4px solid #00bcd4}.node__header.svelte-161tz53{background:var(--color-bg-ultra-light);padding:8px 12px;border-bottom:1px solid var(--color-block-border)}.node__title.svelte-161tz53{font-family:var(--font-family-primary);font-weight:bold;font-size:0.9rem}.node__content.svelte-161tz53{padding:10px}.node__field.svelte-161tz53{margin-bottom:10px}.node__label.svelte-161tz53{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:4px;display:block}.node__select.svelte-161tz53{width:100%;padding:6px;border:1px solid var(--color-input-border);border-radius:4px}.range-inputs.svelte-161tz53{display:flex;align-items:center;gap:5px}.node__input.svelte-161tz53{width:100%;padding:6px;border:1px solid var(--color-input-border);border-radius:4px}.node__handle{width:10px !important;height:10px !important;background:#00bcd4 !important}
.node.svelte-15bqur6{background:var(--color-bg-light);border:1px solid var(--color-block-border);border-radius:var(--spacing-border-radius-block);min-width:240px;box-shadow:0 4px 6px var(--color-block-shadow);overflow:hidden}.node--achievement.svelte-15bqur6{border-top:4px solid #e91e63}.node__header.svelte-15bqur6{background:var(--color-bg-ultra-light);padding:8px 12px;border-bottom:1px solid var(--color-block-border)}.node__title.svelte-15bqur6{font-family:var(--font-family-primary);font-weight:bold;font-size:0.9rem}.node__content.svelte-15bqur6{padding:10px}.node__field.svelte-15bqur6{margin-bottom:10px}.node__label.svelte-15bqur6{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:4px;display:block}.node__select.svelte-15bqur6{width:100%;padding:6px;border:1px solid var(--color-input-border);border-radius:4px}.loading-text.svelte-15bqur6{font-size:0.8rem;color:var(--color-text-muted);font-style:italic}.node__handle{width:10px !important;height:10px !important;background:#e91e63 !important}
.achievement-editor.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;flex-direction:column;height:80vh;box-sizing:border-box;background:var(--color-bg-light)}.editor-content.svelte-1w3kzf0.svelte-1w3kzf0{flex-grow:1;overflow-y:auto;padding:0 4px;display:flex;flex-direction:column}.editor-meta.svelte-1w3kzf0.svelte-1w3kzf0{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-gap-medium);margin-bottom:var(--spacing-margin-bottom-small)}.form-group.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;flex-direction:column;margin-bottom:1rem}.form-group.full-width.svelte-1w3kzf0.svelte-1w3kzf0{width:100%;margin-bottom:var(--spacing-margin-bottom-medium)}label.svelte-1w3kzf0.svelte-1w3kzf0{font-family:var(--font-family-primary);font-size:0.9rem;color:var(--color-text-muted);margin-bottom:8px;font-weight:500}input.svelte-1w3kzf0.svelte-1w3kzf0,textarea.svelte-1w3kzf0.svelte-1w3kzf0{padding:12px 16px;border:1px solid var(--color-border-light);border-radius:var(--spacing-border-radius-input);background:var(--color-bg-very-light);font-family:var(--font-family-secondary);font-size:1rem;color:var(--color-text-dark);transition:all 0.2s ease}input.svelte-1w3kzf0.svelte-1w3kzf0:focus,textarea.svelte-1w3kzf0.svelte-1w3kzf0:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-transparent);outline:none;background:#fff}.flow-header.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.flow-header.svelte-1w3kzf0 h3.svelte-1w3kzf0{margin:0;font-size:1.1rem;color:var(--color-text-dark);font-weight:600}.btn-icon-text.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:6px 12px;border-radius:20px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.2s ease}.btn-icon-text.svelte-1w3kzf0.svelte-1w3kzf0:hover{background:var(--color-primary-light)}.flow-container.svelte-1w3kzf0.svelte-1w3kzf0{flex-grow:1;background:#fff;border-radius:var(--spacing-border-radius-block);border:1px solid var(--color-border-light);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05);overflow:hidden;min-height:300px;margin-bottom:1rem}.editor-actions.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;justify-content:flex-end;gap:12px;padding-top:1rem;border-top:1px solid var(--color-border-light);margin-top:auto}.btn.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--spacing-border-radius-button);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all 0.3s ease;font-size:0.95rem}.btn--primary.svelte-1w3kzf0.svelte-1w3kzf0{background:linear-gradient(
            90deg,
            var(--color-auth-button-gradient-start),
            var(--color-auth-button-gradient-end)
        );color:var(--color-auth-button-text);box-shadow:0 4px 10px rgba(var(--color-primary-rgb), 0.3)}.btn--primary.svelte-1w3kzf0.svelte-1w3kzf0:hover{background:linear-gradient(
            90deg,
            var(--color-auth-button-gradient-hover-start),
            var(--color-auth-button-gradient-hover-end)
        );transform:translateY(-2px);box-shadow:0 6px 15px rgba(var(--color-primary-rgb), 0.4)}.btn--secondary.svelte-1w3kzf0.svelte-1w3kzf0{background:var(--color-bg-light);color:var(--color-text-muted);border:1px solid var(--color-border-light)}.btn--secondary.svelte-1w3kzf0.svelte-1w3kzf0:hover{background:var(--color-bg-very-light);color:var(--color-text-dark);border-color:var(--color-border-dark)}.image-upload-container.svelte-1w3kzf0.svelte-1w3kzf0{border:2px dashed var(--color-border-light);border-radius:var(--spacing-border-radius-block);padding:1rem;display:flex;justify-content:center;background:var(--color-bg-very-light)}.upload-placeholder.svelte-1w3kzf0.svelte-1w3kzf0{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-muted)}.upload-placeholder.svelte-1w3kzf0.svelte-1w3kzf0:hover{color:var(--color-primary)}.cropper-wrapper.svelte-1w3kzf0.svelte-1w3kzf0{position:relative;width:100%;height:300px;background:#333}.cropper-controls.svelte-1w3kzf0.svelte-1w3kzf0{margin-top:10px;display:flex;justify-content:flex-end}.image-preview.svelte-1w3kzf0.svelte-1w3kzf0{position:relative;width:100px;height:100px}.image-preview.svelte-1w3kzf0 img.svelte-1w3kzf0{width:100%;height:100%;object-fit:cover;border-radius:8px}.btn-icon-remove.svelte-1w3kzf0.svelte-1w3kzf0{position:absolute;top:-8px;right:-8px;background:var(--color-danger-red, #ff4d4f);color:white;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-sm.svelte-1w3kzf0.svelte-1w3kzf0{padding:6px 12px;font-size:0.85rem}
.achievements-wrapper.svelte-1yvfy26.svelte-1yvfy26{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.header.svelte-1yvfy26.svelte-1yvfy26{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title.svelte-1yvfy26.svelte-1yvfy26{font-family:"Play", sans-serif;font-size:1.5rem;font-weight:400;color:var(--color-text-dark);margin:0}.btn-add.svelte-1yvfy26.svelte-1yvfy26{background:linear-gradient(
      to right,
      var(--color-auth-button-gradient-start),
      var(--color-auth-button-gradient-end)
    );color:white;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1)}.btn-add.svelte-1yvfy26.svelte-1yvfy26:hover{transform:scale(1.1)}.state-container.svelte-1yvfy26.svelte-1yvfy26{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--color-text-muted);text-align:center;flex-grow:1}.spinner.svelte-1yvfy26.svelte-1yvfy26{width:30px;height:30px;border:3px solid var(--color-bg-ultra-light);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-1yvfy26-spin 1s linear infinite}@keyframes svelte-1yvfy26-spin{to{transform:rotate(360deg)}}.empty-icon.svelte-1yvfy26.svelte-1yvfy26{font-size:2.5rem;color:var(--color-border-light);margin-bottom:1rem}.achievements-list.svelte-1yvfy26.svelte-1yvfy26{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;min-height:0;padding-right:4px}.achievements-list.svelte-1yvfy26.svelte-1yvfy26::-webkit-scrollbar{width:4px}.achievements-list.svelte-1yvfy26.svelte-1yvfy26::-webkit-scrollbar-track{background:transparent}.achievements-list.svelte-1yvfy26.svelte-1yvfy26::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}.achievement-item.svelte-1yvfy26.svelte-1yvfy26{display:flex;gap:1rem;padding:1rem;background:var(--color-bg-ultra-light);border-radius:var(--spacing-border-radius-block);border:1px solid transparent;transition:all 0.2s ease;position:relative;flex-shrink:0}.achievement-item.unlocked.svelte-1yvfy26.svelte-1yvfy26{background:white;border-color:var(--color-primary-light, #e0e7ff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.03)}.achievement-item.locked.svelte-1yvfy26.svelte-1yvfy26{opacity:0.7;filter:grayscale(0.8)}.achievement-item.svelte-1yvfy26.svelte-1yvfy26:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);z-index:1}.icon-container.svelte-1yvfy26.svelte-1yvfy26{width:48px;height:48px;flex-shrink:0;background:white;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;font-size:1.2rem;color:var(--color-text-muted);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.achievement-item.unlocked.svelte-1yvfy26 .icon-container.svelte-1yvfy26{color:var(--color-primary);background:var(--color-bg-ultra-light)}.icon-container.svelte-1yvfy26 img.svelte-1yvfy26{width:100%;height:100%;object-fit:cover;border-radius:12px}.lock-overlay.svelte-1yvfy26.svelte-1yvfy26{position:absolute;inset:0;background:rgba(255, 255, 255, 0.6);display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1rem;color:var(--color-text-muted)}.content-container.svelte-1yvfy26.svelte-1yvfy26{flex-grow:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.title-row.svelte-1yvfy26.svelte-1yvfy26{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.25rem}.achievement-title.svelte-1yvfy26.svelte-1yvfy26{font-family:var(--font-family-primary);font-size:1rem;font-weight:600;color:var(--color-text-dark);margin:0;line-height:1.2;overflow-wrap:anywhere}.achievement-desc.svelte-1yvfy26.svelte-1yvfy26{font-family:var(--font-family-secondary);font-size:0.85rem;color:var(--color-text-muted);margin:0 0 0.5rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 576px){.header.svelte-1yvfy26.svelte-1yvfy26{margin-bottom:1rem}.achievement-item.svelte-1yvfy26.svelte-1yvfy26{padding:0.875rem;gap:0.75rem}.icon-container.svelte-1yvfy26.svelte-1yvfy26{width:44px;height:44px;border-radius:10px}.meta-row.svelte-1yvfy26.svelte-1yvfy26{flex-wrap:wrap;gap:0.5rem}.achievement-desc.svelte-1yvfy26.svelte-1yvfy26{-webkit-line-clamp:3;line-clamp:3}}.meta-row.svelte-1yvfy26.svelte-1yvfy26{display:flex;align-items:center;gap:0.75rem;font-size:0.75rem}.xp-badge.svelte-1yvfy26.svelte-1yvfy26{font-weight:600;color:var(--color-primary);background:var(--color-bg-admin-button);padding:2px 8px;border-radius:10px}.date-text.svelte-1yvfy26.svelte-1yvfy26{color:var(--color-text-muted)}.admin-actions.svelte-1yvfy26.svelte-1yvfy26{display:flex;flex-direction:column;gap:0.25rem;opacity:0;transition:opacity 0.2s}.achievement-item.svelte-1yvfy26:hover .admin-actions.svelte-1yvfy26{opacity:1}.icon-btn.svelte-1yvfy26.svelte-1yvfy26{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all 0.2s}.icon-btn.svelte-1yvfy26.svelte-1yvfy26:hover{background:var(--color-bg-ultra-light);color:var(--color-primary)}.icon-btn.delete.svelte-1yvfy26.svelte-1yvfy26:hover{color:var(--color-danger-red)}.btn-primary.svelte-1yvfy26.svelte-1yvfy26,.btn-retry.svelte-1yvfy26.svelte-1yvfy26{background:linear-gradient(
      to right,
      var(--color-auth-button-gradient-start),
      var(--color-auth-button-gradient-end)
    );color:white;border:none;padding:8px 16px;border-radius:var(--spacing-border-radius-button);font-family:var(--font-family-primary);font-weight:600;cursor:pointer;margin-top:1rem}@media(max-width: 768px){.admin-actions.svelte-1yvfy26.svelte-1yvfy26{opacity:1;flex-direction:row;position:absolute;top:0.5rem;right:0.5rem}}
.chart-container.svelte-1f964vw{position:relative;width:100%;max-width:360px;aspect-ratio:1 / 1;margin:auto}canvas.svelte-1f964vw{max-width:100%;max-height:100%}@media(max-width: 768px){.chart-container.svelte-1f964vw{max-width:300px}}@media(max-width: 576px){.chart-container.svelte-1f964vw{max-width:240px}}
.modal-backdrop.svelte-77gxmw.svelte-77gxmw{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(30, 30, 40, 0.6);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-77gxmw.svelte-77gxmw{background:var(--color-bg-light);padding:var(--spacing-padding-section);border-radius:var(--spacing-border-radius-card);min-width:400px;max-width:500px;width:90%;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.1)}h2.svelte-77gxmw.svelte-77gxmw{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--spacing-margin-bottom-medium)}.course-list.svelte-77gxmw.svelte-77gxmw{margin:var(--spacing-margin-bottom-medium) 0;display:flex;flex-direction:column;gap:var(--spacing-gap-medium)}.course-list.svelte-77gxmw label.svelte-77gxmw{display:flex;align-items:center;cursor:pointer;padding:10px;border-radius:var(--spacing-border-radius-block);transition:background-color 0.2s}.course-list.svelte-77gxmw label.svelte-77gxmw:hover{background-color:var(--color-bg-ultra-light)}.course-list.svelte-77gxmw input[type="checkbox"].svelte-77gxmw{margin-right:15px;transform:scale(1.2);accent-color:var(--color-primary)}.buttons.svelte-77gxmw.svelte-77gxmw{display:flex;justify-content:flex-end;gap:var(--spacing-gap-medium);margin-top:var(--spacing-margin-bottom-medium)}.apply-btn.svelte-77gxmw.svelte-77gxmw,.cancel-btn.svelte-77gxmw.svelte-77gxmw{border:none;padding:var(--spacing-padding-button-medium);border-radius:var(--spacing-border-radius-button);font-weight:var(--font-weight-bold);cursor:pointer;transition:all 0.2s}.apply-btn.svelte-77gxmw.svelte-77gxmw{background:linear-gradient(to right, var(--color-auth-button-gradient-start), var(--color-auth-button-gradient-end));color:var(--color-auth-button-text)}.apply-btn.svelte-77gxmw.svelte-77gxmw:hover{background:linear-gradient(to right, var(--color-auth-button-gradient-hover-start), var(--color-auth-button-gradient-hover-end))}.cancel-btn.svelte-77gxmw.svelte-77gxmw{background-color:var(--color-bg-ultra-light);color:var(--color-text-muted);border:1px solid var(--color-border-light)}.cancel-btn.svelte-77gxmw.svelte-77gxmw:hover{background-color:#e0e0e0}
.progress-wrapper.svelte-17penad.svelte-17penad.svelte-17penad{display:flex;flex-direction:column;height:100%;font-family:'Play', sans-serif}.header.svelte-17penad.svelte-17penad.svelte-17penad{display:flex;justify-content:flex-start;margin-top:0;margin-bottom:0}.course-select-btn.svelte-17penad.svelte-17penad.svelte-17penad{background:linear-gradient(to right, var(--color-auth-button-gradient-start), var(--color-auth-button-gradient-end));color:var(--color-auth-button-text);border:none;padding:var(--spacing-padding-button-medium);border-radius:var(--spacing-border-radius-button);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--animation-duration-transition) ease}.course-select-btn.svelte-17penad.svelte-17penad.svelte-17penad:hover{background:linear-gradient(to right, var(--color-auth-button-gradient-hover-start), var(--color-auth-button-gradient-hover-end))}.content.svelte-17penad.svelte-17penad.svelte-17penad{display:flex;flex-grow:1;gap:1rem;align-items:flex-start;padding:0;min-width:0}@media(max-width: 768px){.content.svelte-17penad.svelte-17penad.svelte-17penad{flex-direction:column;gap:2rem}.chart-container.svelte-17penad.svelte-17penad.svelte-17penad{min-height:300px;max-height:300px;justify-content:center}.legend-container.svelte-17penad.svelte-17penad.svelte-17penad{min-height:auto}.legend-wrapper.svelte-17penad.svelte-17penad.svelte-17penad{margin-top:1rem;margin-bottom:1rem}}@media(max-width: 576px){.content.svelte-17penad.svelte-17penad.svelte-17penad{gap:1.5rem}.chart-container.svelte-17penad.svelte-17penad.svelte-17penad{min-height:250px;max-height:250px}.title.svelte-17penad.svelte-17penad.svelte-17penad{font-size:1.5rem}.legend-list.svelte-17penad li.svelte-17penad.svelte-17penad{font-size:1rem;margin-bottom:1.5rem}}.chart-container.svelte-17penad.svelte-17penad.svelte-17penad{flex:1;display:flex;justify-content:center;align-items:center;min-height:320px;padding:0;min-width:0}.legend-container.svelte-17penad.svelte-17penad.svelte-17penad{flex:1;margin-bottom:0;padding-top:0;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;min-width:0}.legend-wrapper.svelte-17penad.svelte-17penad.svelte-17penad{margin-top:1.25rem;margin-bottom:1.25rem}.title.svelte-17penad.svelte-17penad.svelte-17penad{font-size:2rem;font-weight:400;color:var(--color-text-dark);margin-bottom:1rem;margin-top:1rem;line-height:1.3;overflow-wrap:anywhere}.legend-list.svelte-17penad.svelte-17penad.svelte-17penad{list-style:none;padding:0;margin:0;margin-bottom:2rem}.legend-list.svelte-17penad li.svelte-17penad.svelte-17penad{display:flex;align-items:center;margin-bottom:1.25rem;font-size:1.2rem;color:var(--color-text-main);gap:8px;min-width:0}.dot.svelte-17penad.svelte-17penad.svelte-17penad{width:18px;height:18px;border-radius:50%;margin-right:12px}.dot.completed.svelte-17penad.svelte-17penad.svelte-17penad{background-color:#a8c5e5}.dot.in-progress.svelte-17penad.svelte-17penad.svelte-17penad{background-color:#6c6f93}.dot.not-started.svelte-17penad.svelte-17penad.svelte-17penad{background-color:#e6e9f0}.legend-list.svelte-17penad li.svelte-17penad>span.svelte-17penad:not(.dot){margin-left:auto;white-space:nowrap}.percentage.svelte-17penad.svelte-17penad.svelte-17penad{font-weight:400}
.weekly-stats-container.svelte-1oij04l{width:100%;max-width:800px;margin:0 auto;background-color:var(--color-bg-light);border-radius:var(--spacing-border-radius-card);padding:var(--spacing-padding-block);box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);font-family:'Play', sans-serif;min-height:320px}.header.svelte-1oij04l{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.title.svelte-1oij04l{font-family:'Play', sans-serif;font-size:1.5rem;font-weight:400;color:var(--color-text-dark);margin:0}.period-toggle.svelte-1oij04l{background:linear-gradient(to right, var(--color-auth-button-gradient-start), var(--color-auth-button-gradient-end));color:var(--color-auth-button-text);border:none;padding:8px 16px;border-radius:var(--spacing-border-radius-button);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--animation-duration-transition) ease;font-size:0.9rem}.period-toggle.svelte-1oij04l:hover{background:linear-gradient(to right, var(--color-auth-button-gradient-hover-start), var(--color-auth-button-gradient-hover-end))}.stats-content.svelte-1oij04l{min-height:175px;position:relative}.fade-in.svelte-1oij04l{animation:svelte-1oij04l-fadeIn 0.4s ease-in-out}@keyframes svelte-1oij04l-fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading.svelte-1oij04l{text-align:center;color:var(--color-text-muted);padding:2rem}.week-view.svelte-1oij04l{display:flex;justify-content:space-between;align-items:flex-end;height:200px;gap:8px}.day-column.svelte-1oij04l{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;outline:none;border-radius:4px;transition:all 0.2s ease}.day-column.svelte-1oij04l:focus{box-shadow:0 0 0 2px var(--color-primary)}.day-bar.svelte-1oij04l{width:100%;height:150px;background-color:var(--color-bg-ultra-light);border-radius:4px;position:relative;overflow:hidden;margin-bottom:8px}.bar-fill.svelte-1oij04l{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, var(--color-pastel-blue), var(--color-pastel-purple));transition:height 0.3s ease;border-radius:4px}.day-label.svelte-1oij04l{font-size:0.8rem;color:var(--color-text-muted);text-align:center}.month-view.svelte-1oij04l{display:flex;flex-direction:column;gap:1rem;overflow:visible}.activity-grid.svelte-1oij04l{display:grid;grid-template-columns:repeat(11, 1fr);grid-template-rows:repeat(3, 1fr);gap:5px;max-width:600px;margin:0 auto;padding:20px;contain:layout;isolation:isolate}.activity-square.svelte-1oij04l{width:18px;height:18px;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;position:relative;transform-origin:center;will-change:transform;contain:layout style}.activity-square.svelte-1oij04l:hover{transform:scale(1.15);border:1px solid var(--color-text-muted);z-index:100;box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);position:relative}.activity-square.svelte-1oij04l:focus{outline:none;transform:scale(1.15);box-shadow:0 0 0 2px var(--color-primary);z-index:100;position:relative}@media(min-width: 1200px){.activity-grid.svelte-1oij04l{max-width:1800px;gap:15px;padding:52px}}@media(min-width: 1600px){.activity-grid.svelte-1oij04l{max-width:2200px;gap:22px;padding:60px}}.legend.svelte-1oij04l{display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.8rem;color:var(--color-text-muted)}.legend-squares.svelte-1oij04l{display:flex;gap:2px}.legend-square.svelte-1oij04l{width:10px;height:10px;border-radius:2px}.legend-label.svelte-1oij04l{font-size:0.75rem}.weekly-stats-container.svelte-1oij04l{width:100%;box-sizing:border-box}.tooltip.svelte-1oij04l{position:fixed;background-color:rgba(0, 0, 0, 0.8);color:white;padding:8px 12px;border-radius:6px;font-size:0.8rem;pointer-events:none;z-index:1000;white-space:nowrap}.tooltip-date.svelte-1oij04l{font-weight:bold;margin-bottom:2px}.tooltip-lessons.svelte-1oij04l{color:#ccc}@media(max-width: 768px){.weekly-stats-container.svelte-1oij04l{padding:1rem}.header.svelte-1oij04l{flex-direction:column;gap:1rem;align-items:flex-start}.title.svelte-1oij04l{font-size:1.3rem}.week-view.svelte-1oij04l{height:150px;gap:4px}.day-bar.svelte-1oij04l{height:120px}.activity-grid.svelte-1oij04l{max-width:450px;padding:15px}.activity-square.svelte-1oij04l{width:15px;height:15px}}@media(max-width: 480px){.header.svelte-1oij04l{align-items:center}.title.svelte-1oij04l{text-align:center;font-size:1.2rem}.week-view.svelte-1oij04l{height:120px;gap:2px}.day-bar.svelte-1oij04l{height:100px}.day-label.svelte-1oij04l{font-size:0.7rem}.activity-grid.svelte-1oij04l{max-width:350px;padding:10px;gap:3px}.activity-square.svelte-1oij04l{width:12px;height:12px}.legend.svelte-1oij04l{font-size:0.7rem}.legend-square.svelte-1oij04l{width:8px;height:8px}}
.btn.svelte-mc4u6u{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background var(--animation-duration-transition), transform var(--animation-duration-transition), box-shadow var(--animation-duration-transition);font-weight:var(--font-weight-semi-bold)}.btn.svelte-mc4u6u:disabled{opacity:0.6;cursor:not-allowed}.btn--sm.svelte-mc4u6u{padding:6px 10px;font-size:0.85rem}.btn--md.svelte-mc4u6u{padding:8px 14px;font-size:0.95rem}.btn--lg.svelte-mc4u6u{padding:12px 18px;font-size:1rem}.btn--primary.svelte-mc4u6u{background:#4D44B5;color:white;border-color:#443ca3}.btn--primary.svelte-mc4u6u:hover{background:#5f55d1;box-shadow:0 6px 14px rgba(77,68,181,0.25);transform:translateY(-1px)}.btn--primary.svelte-mc4u6u:active{transform:translateY(0)}.btn--secondary.svelte-mc4u6u{background:#f5f5f8;color:#303972;border-color:#d9d9e6}.btn--secondary.svelte-mc4u6u:hover{background:#ebebf3}.btn--danger.svelte-mc4u6u{background:var(--color-danger-red);color:white;border-color:#e24747}.btn--danger.svelte-mc4u6u:hover{filter:brightness(0.95)}.btn--ghost.svelte-mc4u6u{background:transparent;color:var(--color-text-dark);border-color:var(--color-border-light)}.btn--ghost.svelte-mc4u6u:hover{background:var(--color-simple-button-hover-bg)}
.field.svelte-1l1np0g{display:flex;flex-direction:column;gap:6px}.label.svelte-1l1np0g{font-weight:var(--font-weight-semi-bold);color:var(--color-label);font-size:0.9rem}.control.svelte-1l1np0g{padding:10px 12px;border-radius:10px;border:1px solid var(--color-input-border);background:var(--color-input-bg);transition:border-color var(--animation-duration-transition), box-shadow var(--animation-duration-transition);font-size:var(--input-font-size)}.control.svelte-1l1np0g:focus{outline:none;border-color:var(--color-input-focus-border);box-shadow:0 0 0 4px var(--color-input-focus-shadow)}.error.svelte-1l1np0g{color:var(--color-error);background:var(--color-error-bg);padding:6px 8px;border-radius:6px;font-size:0.85rem}
.field.svelte-q2a2o{display:flex;flex-direction:column;gap:6px}.label.svelte-q2a2o{font-weight:var(--font-weight-semi-bold);color:var(--color-label);font-size:0.9rem}.control.svelte-q2a2o{padding:10px 12px;border-radius:10px;border:1px solid var(--color-input-border);background:var(--color-input-bg);transition:border-color var(--animation-duration-transition), box-shadow var(--animation-duration-transition);font-size:var(--input-font-size);min-height:120px}.control.svelte-q2a2o:focus{outline:none;border-color:var(--color-input-focus-border);box-shadow:0 0 0 4px var(--color-input-focus-shadow)}.error.svelte-q2a2o{color:var(--color-error);background:var(--color-error-bg);padding:6px 8px;border-radius:6px;font-size:0.85rem}
.field.svelte-f8ecbs{display:flex;flex-direction:column;gap:6px}.label.svelte-f8ecbs{font-weight:var(--font-weight-semi-bold);color:var(--color-label);font-size:0.9rem}.control.svelte-f8ecbs{padding:10px 12px;border-radius:10px;border:1px solid var(--color-input-border);background:var(--color-input-bg);transition:border-color var(--animation-duration-transition), box-shadow var(--animation-duration-transition);font-size:var(--input-font-size)}.control.svelte-f8ecbs:focus{outline:none;border-color:var(--color-input-focus-border);box-shadow:0 0 0 4px var(--color-input-focus-shadow)}
.field.svelte-16b8op.svelte-16b8op{display:flex;flex-direction:column;gap:6px}.label.svelte-16b8op.svelte-16b8op{font-weight:var(--font-weight-semi-bold);color:var(--color-label);font-size:0.9rem}.multiselect-container.svelte-16b8op.svelte-16b8op{position:relative}.multiselect-options.svelte-16b8op.svelte-16b8op{max-height:200px;overflow-y:auto;border:1px solid var(--color-input-border);border-radius:10px;background:var(--color-input-bg);padding:8px}.multiselect-option.svelte-16b8op.svelte-16b8op{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background var(--animation-duration-transition)}.multiselect-option.svelte-16b8op.svelte-16b8op:hover{background:rgba(109, 127, 201, 0.1)}.multiselect-option.selected.svelte-16b8op.svelte-16b8op{background:rgba(109, 127, 201, 0.15)}.multiselect-option.svelte-16b8op input[type="checkbox"].svelte-16b8op{cursor:pointer;width:18px;height:18px}.multiselect-option.svelte-16b8op span.svelte-16b8op{flex:1;font-size:var(--input-font-size)}.multiselect-selected.svelte-16b8op.svelte-16b8op{margin-top:6px;font-size:0.85rem;color:var(--color-text-muted)}
.cal-wrapper.svelte-8xmxft.svelte-8xmxft{background:transparent;border:none;box-shadow:none;padding:0;font-family:var(--font-family-primary)}.cal-wrapper.svelte-8xmxft.svelte-8xmxft:hover{box-shadow:none}.modal,.modal *,.modal-title,.modal-body,.modal-actions{font-family:var(--font-family-primary) !important}.cal-header.svelte-8xmxft.svelte-8xmxft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cal-nav.svelte-8xmxft.svelte-8xmxft{display:flex;align-items:center;gap:12px;width:100%}.cal-nav.svelte-8xmxft .icon-btn{flex-shrink:0}.cal-title.svelte-8xmxft.svelte-8xmxft{flex:1;text-align:center;font-family:'Play', sans-serif;font-weight:600;color:var(--color-primary);text-transform:capitalize;font-size:1.5rem}.cal-filters.svelte-8xmxft.svelte-8xmxft{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;width:100%}.cal-filters.svelte-8xmxft .field{min-width:0;flex:1}.input.svelte-8xmxft.svelte-8xmxft{padding:8px 12px;border-radius:10px;border:1px solid var(--color-input-border);background:var(--color-input-bg)}.cal-grid-wrap.svelte-8xmxft.svelte-8xmxft{width:100%;overflow-x:auto}.cal-grid.svelte-8xmxft.svelte-8xmxft{display:grid;grid-template-columns:repeat(7, minmax(110px, 1fr));gap:8px;min-width:770px}.cal-weekday.svelte-8xmxft.svelte-8xmxft{text-align:center;font-weight:400;color:var(--color-label);padding:6px 0;font-family:'Play', sans-serif}.cal-cell.svelte-8xmxft.svelte-8xmxft{border:1px solid var(--color-border-light);border-radius:12px;padding:6px;min-height:110px;display:flex;flex-direction:column;gap:6px;position:relative}.cal-cell--muted.svelte-8xmxft.svelte-8xmxft{opacity:0.5}.cal-cell--today.svelte-8xmxft.svelte-8xmxft{box-shadow:inset 0 0 0 2px var(--color-primary)}.cal-cell--today.svelte-8xmxft .cal-day-number.svelte-8xmxft{color:var(--color-primary);font-weight:600}.cal-cell--monday.svelte-8xmxft.svelte-8xmxft{background:rgba(194, 182, 252, 0.12)}.cal-cell--tuesday.svelte-8xmxft.svelte-8xmxft{background:rgba(133, 171, 230, 0.12)}.cal-cell--wednesday.svelte-8xmxft.svelte-8xmxft{background:rgba(186, 255, 201, 0.12)}.cal-cell--thursday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 204, 153, 0.15)}.cal-cell--friday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 153, 153, 0.12)}.cal-cell--saturday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 241, 194, 0.15)}.cal-cell--sunday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 215, 221, 0.15)}.cal-cell--empty.cal-cell--monday.svelte-8xmxft.svelte-8xmxft{background:rgba(194, 182, 252, 0.06)}.cal-cell--empty.cal-cell--tuesday.svelte-8xmxft.svelte-8xmxft{background:rgba(133, 171, 230, 0.06)}.cal-cell--empty.cal-cell--wednesday.svelte-8xmxft.svelte-8xmxft{background:rgba(186, 255, 201, 0.06)}.cal-cell--empty.cal-cell--thursday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 204, 153, 0.08)}.cal-cell--empty.cal-cell--friday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 153, 153, 0.06)}.cal-cell--empty.cal-cell--saturday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 241, 194, 0.08)}.cal-cell--empty.cal-cell--sunday.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 215, 221, 0.08)}.cal-cell.svelte-8xmxft.svelte-8xmxft:hover{background:rgba(250, 250, 252, 0.95) !important}.cal-cell-head.svelte-8xmxft.svelte-8xmxft{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.cal-day-number.svelte-8xmxft.svelte-8xmxft{font-weight:400;color:var(--color-text-dark);font-family:'Play', sans-serif}.cal-actions.svelte-8xmxft.svelte-8xmxft{display:flex;gap:4px;position:relative;z-index:2;opacity:0;transition:opacity 0.2s ease;pointer-events:auto}.cal-actions.svelte-8xmxft .icon-btn{flex-shrink:0}.cal-cell.svelte-8xmxft:hover .cal-actions.svelte-8xmxft{opacity:1}.cal-items.svelte-8xmxft.svelte-8xmxft{display:flex;flex-direction:column;gap:4px}.cal-event.svelte-8xmxft.svelte-8xmxft{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;cursor:pointer;background:var(--color-bg-admin-button);color:var(--color-text-dark);transition:transform var(--animation-duration-transition), background var(--animation-duration-transition);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event.svelte-8xmxft.svelte-8xmxft:hover{transform:translateY(-1px)}.cal-event-time.svelte-8xmxft.svelte-8xmxft{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.cal-event-icon.svelte-8xmxft.svelte-8xmxft{display:inline-flex;color:var(--color-soft-blue)}.cal-event--planned.svelte-8xmxft.svelte-8xmxft{background:rgba(194, 182, 252, 0.35);border-left:3px solid var(--color-purple-light)}.cal-event--in_progress.svelte-8xmxft.svelte-8xmxft{background:rgba(133, 171, 230, 0.30);border-left:3px solid var(--color-soft-blue)}.cal-event--completed.svelte-8xmxft.svelte-8xmxft{background:rgba(186, 255, 201, 0.45);border-left:3px solid var(--color-pastel-green)}.cal-event--cancelled.svelte-8xmxft.svelte-8xmxft{background:rgba(255, 77, 77, 0.15);border-left:3px solid var(--color-danger-red)}.cal-note.svelte-8xmxft.svelte-8xmxft{background:#fff7df;border-left:3px solid #ffc107;padding:4px 6px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-note-icon.svelte-8xmxft.svelte-8xmxft{display:inline-flex;color:#ff9800}.modal-backdrop.svelte-8xmxft.svelte-8xmxft{position:fixed;inset:0;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;animation:svelte-8xmxft-fadeIn var(--animation-duration-transition) ease;z-index:1000}.modal.svelte-8xmxft.svelte-8xmxft{width:min(680px, 92vw);background:var(--color-block-bg);border:1px solid var(--color-block-border);border-radius:12px;padding:18px;box-shadow:0 10px 30px var(--color-shadow);animation:svelte-8xmxft-zoomIn var(--animation-duration-transition) ease}.row.svelte-8xmxft.svelte-8xmxft{display:flex;flex-direction:column;gap:6px;margin:8px 0}.modal-actions.svelte-8xmxft.svelte-8xmxft{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.cal-error.svelte-8xmxft.svelte-8xmxft{color:var(--color-error);background:var(--color-error-bg);padding:8px 12px;border-radius:8px;margin-bottom:8px}@keyframes svelte-8xmxft-fadeIn{from{opacity:0}to{opacity:1}}@keyframes svelte-8xmxft-zoomIn{from{transform:scale(.98);opacity:.9}to{transform:scale(1);opacity:1}}@media(max-width: 1024px){.cal-grid.svelte-8xmxft.svelte-8xmxft{grid-template-columns:repeat(7, minmax(95px, 1fr));min-width:665px}.cal-cell.svelte-8xmxft.svelte-8xmxft{min-height:100px}}@media(max-width: 768px){.cal-grid.svelte-8xmxft.svelte-8xmxft{grid-template-columns:repeat(7, minmax(90px, 1fr));gap:6px;min-width:640px}.cal-cell.svelte-8xmxft.svelte-8xmxft{min-height:96px}.cal-actions.svelte-8xmxft.svelte-8xmxft{gap:4px}.cal-filters.svelte-8xmxft.svelte-8xmxft{width:100%}.cal-actions.svelte-8xmxft.svelte-8xmxft{opacity:1}.cal-title.svelte-8xmxft.svelte-8xmxft{font-size:1.25rem}}@media(max-width: 480px){.cal-grid.svelte-8xmxft.svelte-8xmxft{grid-template-columns:repeat(7, minmax(72px, 1fr));gap:4px;min-width:504px}.cal-cell.svelte-8xmxft.svelte-8xmxft{min-height:88px}.cal-day-number.svelte-8xmxft.svelte-8xmxft{font-size:0.9rem}.cal-event.svelte-8xmxft.svelte-8xmxft{padding:3px 5px}.cal-event-time.svelte-8xmxft.svelte-8xmxft{display:none}.cal-title.svelte-8xmxft.svelte-8xmxft{font-size:1.1rem}.cal-actions.svelte-8xmxft .icon-btn{border-radius:12px}}
.avatar.svelte-85it3t.svelte-85it3t{border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--color-purple-light);border:2px solid var(--color-avatar-border);box-shadow:0 2px 8px var(--color-avatar-shadow);flex-shrink:0}.avatar.svelte-85it3t img.svelte-85it3t{width:100%;height:100%;object-fit:cover}.avatar-placeholder.svelte-85it3t.svelte-85it3t{font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);text-transform:uppercase;user-select:none}
.badge.svelte-12x9jk5{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-weight:var(--font-weight-medium);font-size:0.75rem;line-height:1;white-space:nowrap}.badge--sm.svelte-12x9jk5{padding:2px 6px;font-size:0.7rem}.badge--md.svelte-12x9jk5{padding:4px 8px;font-size:0.75rem}.badge--lg.svelte-12x9jk5{padding:6px 10px;font-size:0.85rem}.badge--default.svelte-12x9jk5{background:var(--color-bg-ultra-light);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.badge--primary.svelte-12x9jk5{background:var(--color-purple-light);color:var(--color-primary-dark);border:1px solid var(--color-purple-active)}.badge--success.svelte-12x9jk5{background:var(--color-pastel-green);color:#1f5f2b;border:1px solid #7eb88a}.badge--warning.svelte-12x9jk5{background:var(--color-pastel-yellow);color:#6d5f00;border:1px solid #d4c700}.badge--danger.svelte-12x9jk5{background:var(--color-mcq-incorrect);color:var(--color-mcq-incorrect-text);border:1px solid var(--color-mcq-incorrect-border)}.badge--info.svelte-12x9jk5{background:var(--color-pastel-cyan);color:#004066;border:1px solid #3a9ee0}
.admin-panel.svelte-18ny42l.svelte-18ny42l{background:var(--color-bg-light);border-radius:var(--spacing-border-radius-card);padding:var(--spacing-padding-block);box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);margin-top:2rem}.admin-header.svelte-18ny42l.svelte-18ny42l{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-header.svelte-18ny42l h2.svelte-18ny42l{margin:0;color:var(--color-text-dark);font-size:1.5rem}.admin-controls.svelte-18ny42l.svelte-18ny42l{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box.svelte-18ny42l.svelte-18ny42l{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;min-width:0}.search-box.svelte-18ny42l .field{margin:0;min-width:0;flex:1}.search-box.svelte-18ny42l input{width:100%}.checkbox-label.svelte-18ny42l.svelte-18ny42l{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;cursor:pointer}.table-container.svelte-18ny42l.svelte-18ny42l{overflow-x:auto;margin-bottom:1rem}.students-table.svelte-18ny42l.svelte-18ny42l{width:100%;border-collapse:collapse}.student-cards.svelte-18ny42l.svelte-18ny42l{display:none;flex-direction:column;gap:12px}.student-card.svelte-18ny42l.svelte-18ny42l{border:1px solid var(--color-border-light);background:white;border-radius:12px;padding:12px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.04);display:flex;flex-direction:column;gap:10px}.student-card.inactive.svelte-18ny42l.svelte-18ny42l{opacity:0.7}.student-card-head.svelte-18ny42l.svelte-18ny42l{display:flex;align-items:center;gap:10px;min-width:0}.student-card-select.svelte-18ny42l.svelte-18ny42l{flex-shrink:0}.student-card-avatar.svelte-18ny42l.svelte-18ny42l{flex-shrink:0}.student-card-main.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:2px;min-width:0}.student-card-name.svelte-18ny42l.svelte-18ny42l{font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);overflow-wrap:anywhere}.student-card-email.svelte-18ny42l.svelte-18ny42l{font-size:0.85rem;color:var(--color-text-muted);overflow-wrap:anywhere}.student-card-meta.svelte-18ny42l.svelte-18ny42l{display:flex;flex-wrap:wrap;gap:8px}.student-card-actions.svelte-18ny42l.svelte-18ny42l{display:flex;flex-wrap:wrap;gap:8px}.students-table.svelte-18ny42l thead.svelte-18ny42l{background:var(--color-bg-ultra-light)}.students-table.svelte-18ny42l th.svelte-18ny42l{padding:12px;text-align:left;font-weight:var(--font-weight-semi-bold);color:var(--color-text-dark);border-bottom:2px solid var(--color-border-light)}.students-table.svelte-18ny42l td.svelte-18ny42l{padding:12px;border-bottom:1px solid var(--color-border-light)}.students-table.svelte-18ny42l tbody tr.svelte-18ny42l:hover{background:var(--color-bg-ultra-light)}.students-table.svelte-18ny42l tbody tr.inactive.svelte-18ny42l{opacity:0.6}.actions.svelte-18ny42l.svelte-18ny42l{display:flex;gap:0.5rem;flex-wrap:wrap}.pagination.svelte-18ny42l.svelte-18ny42l{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.page-info.svelte-18ny42l.svelte-18ny42l{font-size:0.9rem;color:var(--color-text-muted)}.loading.svelte-18ny42l.svelte-18ny42l,.empty.svelte-18ny42l.svelte-18ny42l{text-align:center;padding:2rem;color:var(--color-text-muted)}.contact-info.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:1rem}.contact-avatar-wrap.svelte-18ny42l.svelte-18ny42l{display:flex;justify-content:center;margin-bottom:0.5rem}.contact-avatar-with-frame.svelte-18ny42l.svelte-18ny42l{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--color-avatar-border)}.contact-avatar-img.svelte-18ny42l.svelte-18ny42l{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.contact-avatar-frame.svelte-18ny42l.svelte-18ny42l{position:absolute;top:50%;left:50%;width:110%;height:110%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none;z-index:1}.contact-item.svelte-18ny42l.svelte-18ny42l{padding:0.75rem;background:var(--color-bg-ultra-light);border-radius:8px}.contact-item.empty.svelte-18ny42l.svelte-18ny42l{font-style:italic;color:var(--color-text-muted)}.role-management.svelte-18ny42l.svelte-18ny42l,.bulk-operation.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:1rem}.form-group.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:0.5rem}.select.svelte-18ny42l.svelte-18ny42l{padding:10px 12px;border-radius:10px;border:1px solid var(--color-input-border);background:var(--color-input-bg);font-size:var(--input-font-size);font-family:inherit}.courses-management.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:1.5rem}.stats-summary.svelte-18ny42l.svelte-18ny42l{display:flex;gap:1rem;padding:1rem;background:var(--color-bg-ultra-light);border-radius:8px}.stat-item.svelte-18ny42l.svelte-18ny42l{font-size:0.9rem}.enrollments-list.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:0.75rem}.enrollment-item.svelte-18ny42l.svelte-18ny42l{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:var(--color-bg-ultra-light);border-radius:8px;gap:1rem}.enrollment-info.svelte-18ny42l.svelte-18ny42l{display:flex;align-items:center;gap:0.75rem;flex:1;flex-wrap:wrap}.course-name.svelte-18ny42l.svelte-18ny42l{font-weight:var(--font-weight-medium)}.date.svelte-18ny42l.svelte-18ny42l{font-size:0.85rem;color:var(--color-text-muted)}.add-course-section.svelte-18ny42l.svelte-18ny42l{padding-top:1rem;border-top:1px solid var(--color-border-light)}.course-select.svelte-18ny42l.svelte-18ny42l{display:flex;gap:0.5rem;margin-top:0.5rem}.course-select.svelte-18ny42l .select.svelte-18ny42l{flex:1}.assistant-management.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:1rem}.courses-list.svelte-18ny42l.svelte-18ny42l{display:flex;flex-direction:column;gap:0.5rem;max-height:400px;overflow-y:auto}.course-item.svelte-18ny42l.svelte-18ny42l{padding:0.5rem;border-radius:6px;background:var(--color-bg-ultra-light)}@media(max-width: 768px){.admin-header.svelte-18ny42l.svelte-18ny42l{flex-direction:column;align-items:stretch}.admin-controls.svelte-18ny42l.svelte-18ny42l{flex-direction:column}.search-box.svelte-18ny42l.svelte-18ny42l{width:100%}.search-box.svelte-18ny42l .btn{width:100%}.students-table.svelte-18ny42l.svelte-18ny42l{font-size:0.85rem}.students-table.svelte-18ny42l.svelte-18ny42l{display:none}.student-cards.svelte-18ny42l.svelte-18ny42l{display:flex}.students-table.svelte-18ny42l th.svelte-18ny42l,.students-table.svelte-18ny42l td.svelte-18ny42l{padding:8px}.actions.svelte-18ny42l.svelte-18ny42l{flex-direction:column}.enrollment-item.svelte-18ny42l.svelte-18ny42l{flex-direction:column;align-items:stretch}.stats-summary.svelte-18ny42l.svelte-18ny42l{flex-direction:column}}
.statistics-page.svelte-1byk1vu{padding:var(--spacing-padding-page);max-width:var(--max-width-page);margin:0 auto}.main-section.svelte-1byk1vu{display:flex;flex-direction:column;gap:2rem}.main-top.svelte-1byk1vu{width:100%}.main-cards.svelte-1byk1vu{display:grid;grid-template-columns:minmax(0, 3fr) minmax(0, 1fr);gap:2rem;align-items:stretch;min-width:0}@media(max-width: 992px){.main-cards.svelte-1byk1vu{grid-template-columns:1fr}}.course-progress-card.svelte-1byk1vu{background-color:var(--color-bg-light);border-radius:var(--spacing-border-radius-card);padding:var(--spacing-padding-block);box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);height:auto;min-height:320px;display:flex;flex-direction:column;min-width:0}.achievements-container.svelte-1byk1vu{background-color:var(--color-bg-light);border-radius:var(--spacing-border-radius-card);padding:var(--spacing-padding-block);box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);height:auto;min-height:320px;min-width:0;display:flex;flex-direction:column}@media(min-width: 993px){.course-progress-card.svelte-1byk1vu,.achievements-container.svelte-1byk1vu{height:min(520px, 68vh)}.achievements-container.svelte-1byk1vu{overflow:hidden}}@media(max-width: 576px){.statistics-page.svelte-1byk1vu{padding:12px}.main-section.svelte-1byk1vu{gap:16px}.course-progress-card.svelte-1byk1vu,.achievements-container.svelte-1byk1vu{padding:16px}}.weekly-stats-section.svelte-1byk1vu{margin-top:2rem;display:flex;justify-content:center}.calendar-section.svelte-1byk1vu{width:var(--spacing-main-width);max-width:var(--spacing-main-max-width);margin:24px auto 0;box-sizing:border-box;padding:0 0 24px 0}.calendar-card.svelte-1byk1vu{background:var(--color-block-bg);border:1px solid var(--color-block-border);border-radius:var(--spacing-border-radius-card);padding:var(--spacing-block-padding);box-shadow:0 4px 20px var(--color-block-shadow)}.calendar-title.svelte-1byk1vu{margin:0 0 12px 0;color:var(--color-text-dark);font-weight:400;font-family:"Play", sans-serif;font-size:1.5rem}@media(max-width: 992px){.calendar-section.svelte-1byk1vu{width:100%;padding:0 12px 24px}}.admin-section.svelte-1byk1vu{margin-top:2rem}
.modal-backdrop.svelte-1siuk5s{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-1siuk5s{background:white;padding:30px;border-radius:var(--spacing-border-radius-card);width:90%;max-width:500px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2)}h2.svelte-1siuk5s{margin-top:0;color:var(--color-text-dark);margin-bottom:20px}.form-group.svelte-1siuk5s{margin-bottom:15px}label.svelte-1siuk5s{display:block;margin-bottom:5px;font-weight:500;color:var(--color-text-dark)}input.svelte-1siuk5s,textarea.svelte-1siuk5s,select.svelte-1siuk5s{width:100%;padding:10px;border:1px solid var(--color-border-light);border-radius:8px;font-family:inherit}textarea.svelte-1siuk5s{resize:vertical;min-height:80px}.actions.svelte-1siuk5s{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.save-btn.svelte-1siuk5s{background:var(--color-primary);color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:bold}.cancel-btn.svelte-1siuk5s{background:#eee;color:#333;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.error.svelte-1siuk5s{color:var(--color-danger-red);margin-top:10px;font-size:0.9rem}.file-hint.svelte-1siuk5s{font-size:0.8rem;color:#666;margin-top:5px}
.sandbox-container.svelte-1bb9bb5.svelte-1bb9bb5{padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);margin-top:20px}.sandbox-header.svelte-1bb9bb5 h3.svelte-1bb9bb5{margin:0 0 8px 0;color:var(--color-primary-dark)}.sandbox-header.svelte-1bb9bb5 p.svelte-1bb9bb5{color:var(--color-text-muted);margin:0 0 20px 0;font-size:0.95rem}.input-row.svelte-1bb9bb5.svelte-1bb9bb5{display:flex;gap:12px;margin-bottom:20px}.input-row.svelte-1bb9bb5 input.svelte-1bb9bb5{flex:1;padding:12px;border:2px solid var(--color-border-light);border-radius:8px;font-size:1.1rem;outline:none;transition:border-color 0.2s}.input-row.svelte-1bb9bb5 input.svelte-1bb9bb5:focus{border-color:var(--color-primary)}.btn-add.svelte-1bb9bb5.svelte-1bb9bb5{display:flex;align-items:center;gap:6px;background:var(--color-primary);color:white;border:none;padding:0 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:filter 0.2s}.btn-add.svelte-1bb9bb5.svelte-1bb9bb5:hover{filter:brightness(1.05)}.btn-add.svelte-1bb9bb5.svelte-1bb9bb5:disabled{opacity:0.7;cursor:not-allowed}.controls-list.svelte-1bb9bb5.svelte-1bb9bb5{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.kanji-pill.svelte-1bb9bb5.svelte-1bb9bb5{display:inline-flex;align-items:center;background:var(--color-bg-ultra-light, #f4f6ff);border:1px solid var(--color-primary-light, #d1c9ff);border-radius:20px;padding:4px 12px;font-size:1.1rem}.pill-char.svelte-1bb9bb5.svelte-1bb9bb5{font-weight:bold;margin-right:8px}.pill-remove.svelte-1bb9bb5.svelte-1bb9bb5{background:none;border:none;color:#ff4d4f;font-size:1.2rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%;width:20px;height:20px}.pill-remove.svelte-1bb9bb5.svelte-1bb9bb5:hover{background:#ffe5e5}.display-wrapper.svelte-1bb9bb5.svelte-1bb9bb5{border-top:1px solid #eee;padding-top:20px}.empty-sandbox.svelte-1bb9bb5.svelte-1bb9bb5{text-align:center;padding:40px;background:#f8f9fa;border-radius:8px;color:#868e96;border:2px dashed #dee2e6}
.page-container.svelte-ouztwb.svelte-ouztwb{max-width:var(--max-width-page);margin:0 auto;padding:var(--spacing-padding-page);padding-top:100px;min-height:var(--min-height-page)}.header-section.svelte-ouztwb.svelte-ouztwb{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-margin-bottom-large);flex-wrap:wrap;gap:20px}.header-controls.svelte-ouztwb.svelte-ouztwb{display:flex;gap:15px;align-items:center}h1.svelte-ouztwb.svelte-ouztwb{font-family:var(--font-family-primary);font-size:var(--font-size-h1);color:var(--color-text-dark);margin:0}.coin-balance.svelte-ouztwb.svelte-ouztwb{display:flex;align-items:center;gap:10px;background:var(--color-bg-light);padding:10px 20px;border-radius:var(--spacing-border-radius-button);box-shadow:0 4px 10px var(--color-shadow);font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.icon-coin.svelte-ouztwb.svelte-ouztwb{width:24px;height:24px}.icon-coin.inline.svelte-ouztwb.svelte-ouztwb{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-left:5px}.create-btn.svelte-ouztwb.svelte-ouztwb{background:var(--color-primary);color:white;border:none;padding:10px 20px;border-radius:var(--spacing-border-radius-button);font-weight:bold;cursor:pointer;box-shadow:0 4px 10px var(--color-shadow)}.tabs.svelte-ouztwb.svelte-ouztwb{display:flex;gap:10px;margin-bottom:var(--spacing-margin-bottom-large);border-bottom:1px solid var(--color-border-light);padding-bottom:10px;overflow-x:auto}.tabs.svelte-ouztwb button.svelte-ouztwb{background:none;border:none;padding:10px 20px;font-family:var(--font-family-primary);font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:var(--spacing-border-radius-button);transition:all 0.3s ease}.tabs.svelte-ouztwb button.svelte-ouztwb:hover{background:var(--color-bg-ultra-light);color:var(--color-primary)}.tabs.svelte-ouztwb button.active.svelte-ouztwb{background:var(--color-primary);color:white;box-shadow:0 4px 10px var(--color-shadow)}.bonus-grid.svelte-ouztwb.svelte-ouztwb{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px}.bonus-card.svelte-ouztwb.svelte-ouztwb{background:var(--color-bg-light);border-radius:var(--spacing-border-radius-card);box-shadow:0 10px 20px var(--color-shadow);overflow:hidden;transition:transform 0.3s ease,
            box-shadow 0.3s ease;display:flex;flex-direction:column;position:relative}.bonus-card.svelte-ouztwb.svelte-ouztwb:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--color-shadow-hover)}.admin-controls.svelte-ouztwb.svelte-ouztwb{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:10}.edit-btn.svelte-ouztwb.svelte-ouztwb,.delete-btn.svelte-ouztwb.svelte-ouztwb{background:rgba(255, 255, 255, 0.9);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}.delete-btn.svelte-ouztwb.svelte-ouztwb{color:var(--color-danger-red)}.card-content.svelte-ouztwb.svelte-ouztwb{padding:20px;display:flex;flex-direction:column;flex-grow:1}.bonus-card.svelte-ouztwb h3.svelte-ouztwb{margin:0 0 10px 0;font-family:var(--font-family-primary);font-size:1.3rem;color:var(--color-text-dark);padding-right:60px}.bonus-card.svelte-ouztwb p.svelte-ouztwb{color:var(--color-text-muted);font-size:0.95rem;line-height:1.5;margin-bottom:20px;flex-grow:1}.price-tag.svelte-ouztwb.svelte-ouztwb{font-size:1.2rem;font-weight:bold;color:var(--color-primary-dark);margin-bottom:15px}.buy-btn.svelte-ouztwb.svelte-ouztwb{background:linear-gradient(
            135deg,
            var(--color-primary) 0%,
            var(--color-secondary) 100%
        );color:white;border:none;padding:12px;border-radius:var(--spacing-border-radius-button);font-weight:bold;cursor:pointer;transition:transform 0.2s;width:100%}.buy-btn.svelte-ouztwb.svelte-ouztwb:hover{transform:scale(1.02);filter:brightness(1.1)}.purchased-badge.svelte-ouztwb.svelte-ouztwb{background:var(--color-success);color:white;padding:8px 15px;border-radius:20px;display:inline-block;font-weight:bold;margin-bottom:15px;align-self:flex-start}.preview-video.svelte-ouztwb.svelte-ouztwb{width:100%;border-radius:var(--spacing-border-radius-block);margin-top:10px;background:black}.video-placeholder.svelte-ouztwb.svelte-ouztwb{background:#eee;padding:20px;text-align:center;border-radius:var(--spacing-border-radius-block);color:#777}.placeholder-section.svelte-ouztwb.svelte-ouztwb{text-align:center;padding:50px;background:var(--color-bg-light);border-radius:var(--spacing-border-radius-card);box-shadow:0 10px 20px var(--color-shadow)}.placeholder-section.svelte-ouztwb h2.svelte-ouztwb{color:var(--color-secondary);margin-bottom:10px}.loading.svelte-ouztwb.svelte-ouztwb{text-align:center;font-size:1.5rem;color:var(--color-text-muted);padding:50px}.frames-section.svelte-ouztwb.svelte-ouztwb{display:flex;flex-direction:column;gap:2rem}.try-on-block.svelte-ouztwb.svelte-ouztwb{background:linear-gradient(145deg, #fafaff 0%, #f0eeff 100%);border-radius:16px;padding:40px 28px 28px;box-shadow:0 4px 20px rgba(109, 127, 201, 0.12);text-align:center;border:1px solid rgba(194, 182, 252, 0.35)}.try-on-title.svelte-ouztwb.svelte-ouztwb{margin:0 0 6px 0;font-size:1.35rem;font-weight:700;color:var(--color-text-dark)}.try-on-hint.svelte-ouztwb.svelte-ouztwb{margin:0 0 22px 0;color:var(--color-text-muted);font-size:0.9rem;line-height:1.4}.avatar-preview-wrap.svelte-ouztwb.svelte-ouztwb{display:flex;justify-content:center;align-items:center;padding:20px 0}.avatar-with-frame.svelte-ouztwb.svelte-ouztwb{position:relative;width:150px;height:150px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 6px 24px rgba(0, 0, 0, 0.12);border:3px solid var(--color-avatar-border)}.preview-avatar-img.svelte-ouztwb.svelte-ouztwb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.preview-frame-overlay.svelte-ouztwb.svelte-ouztwb{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none}.frames-header.svelte-ouztwb.svelte-ouztwb{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.frames-header.svelte-ouztwb h2.svelte-ouztwb{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-dark)}.frames-add-btn.svelte-ouztwb.svelte-ouztwb{flex-shrink:0}.frame-grid.svelte-ouztwb.svelte-ouztwb{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.frame-card.svelte-ouztwb.svelte-ouztwb{cursor:pointer;outline:none;display:flex;flex-direction:column}.frame-card.selected.svelte-ouztwb.svelte-ouztwb{box-shadow:0 0 0 3px var(--color-primary);border-radius:var(--spacing-border-radius-card)}.frame-card-preview.svelte-ouztwb.svelte-ouztwb{padding:50px 20px 0;flex-shrink:0}.frame-thumb-wrap.svelte-ouztwb.svelte-ouztwb{position:relative;width:220px;height:220px;margin:0 auto;border-radius:50%;overflow:hidden;background:var(--color-bg-ultra-light);flex-shrink:0}.frame-thumb-avatar.svelte-ouztwb.svelte-ouztwb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.avatar-with-frame.has-frame.svelte-ouztwb.svelte-ouztwb,.frame-thumb-wrap.has-frame.svelte-ouztwb.svelte-ouztwb{border-color:transparent;overflow:visible}.avatar-cropper.svelte-ouztwb.svelte-ouztwb{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative}.frame-thumb-frame.svelte-ouztwb.svelte-ouztwb{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none}.frame-thumb-placeholder.svelte-ouztwb.svelte-ouztwb{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--color-text-muted)}.frame-badges.svelte-ouztwb.svelte-ouztwb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.frame-badges.svelte-ouztwb .purchased-badge.svelte-ouztwb{margin-bottom:0}.teacher-free-badge.svelte-ouztwb.svelte-ouztwb{font-size:0.75rem;color:var(--color-primary);background:rgba(194, 182, 252, 0.2);padding:4px 10px;border-radius:12px;font-weight:600}.frame-description.svelte-ouztwb.svelte-ouztwb{min-height:2.8em}.wear-btn.svelte-ouztwb.svelte-ouztwb{width:100%;padding:10px 16px;border-radius:var(--spacing-border-radius-button);font-weight:600;cursor:pointer;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);transition:all 0.2s ease}.wear-btn.svelte-ouztwb.svelte-ouztwb:hover{background:var(--color-bg-ultra-light)}.wear-btn.active.svelte-ouztwb.svelte-ouztwb{background:var(--color-primary);color:white}.no-frames.svelte-ouztwb.svelte-ouztwb{text-align:center;color:var(--color-text-muted);padding:24px}@media(max-width: 768px){.header-section.svelte-ouztwb.svelte-ouztwb{flex-direction:column;align-items:flex-start}.tabs.svelte-ouztwb.svelte-ouztwb{padding-bottom:5px}}
.notification-bell-container.svelte-1mf2dfy.svelte-1mf2dfy{position:relative;display:inline-block}.bell-button.svelte-1mf2dfy.svelte-1mf2dfy{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background 0.2s;position:relative;color:var(--color-text-dark)}.bell-button.svelte-1mf2dfy.svelte-1mf2dfy:hover{background:var(--color-simple-button-hover-bg)}.bell-icon.svelte-1mf2dfy.svelte-1mf2dfy{display:block}.badge.svelte-1mf2dfy.svelte-1mf2dfy{position:absolute;top:0;right:0;background:#ff4d4f;color:white;font-size:10px;font-weight:bold;border-radius:10px;padding:2px 6px;min-width:18px;text-align:center;border:2px solid white}.dropdown.svelte-1mf2dfy.svelte-1mf2dfy{position:absolute;top:100%;right:0;width:350px;background:white;border-radius:12px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);z-index:1000;margin-top:12px;overflow:hidden;border:1px solid #eee}.dropdown-header.svelte-1mf2dfy.svelte-1mf2dfy{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;background:#fafafa}.dropdown-header.svelte-1mf2dfy h3.svelte-1mf2dfy{margin:0;font-size:16px;font-weight:600}.mark-all-btn.svelte-1mf2dfy.svelte-1mf2dfy{background:none;border:none;color:#1890ff;font-size:12px;cursor:pointer;padding:0}.mark-all-btn.svelte-1mf2dfy.svelte-1mf2dfy:hover{text-decoration:underline}.notifications-list.svelte-1mf2dfy.svelte-1mf2dfy{max-height:400px;overflow-y:auto}.empty-state.svelte-1mf2dfy.svelte-1mf2dfy{padding:30px;text-align:center;color:#999;font-size:14px}.notification-item.svelte-1mf2dfy.svelte-1mf2dfy{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background 0.2s;position:relative;display:flex;align-items:flex-start;gap:12px}.notification-item.svelte-1mf2dfy.svelte-1mf2dfy:hover{background:#f9f9f9}.notification-item.unread.svelte-1mf2dfy.svelte-1mf2dfy{background:#e6f7ff}.notification-item.unread.svelte-1mf2dfy.svelte-1mf2dfy:hover{background:#bae7ff}.notification-content.svelte-1mf2dfy.svelte-1mf2dfy{flex:1}.notification-title.svelte-1mf2dfy.svelte-1mf2dfy{margin:0 0 4px 0;font-weight:600;font-size:14px;color:#333}.notification-message.svelte-1mf2dfy.svelte-1mf2dfy{margin:0 0 6px 0;font-size:13px;color:#666;line-height:1.4}.notification-time.svelte-1mf2dfy.svelte-1mf2dfy{font-size:11px;color:#aaa}.unread-dot.svelte-1mf2dfy.svelte-1mf2dfy{width:8px;height:8px;background:#1890ff;border-radius:50%;margin-top:6px;flex-shrink:0}@media(max-width: 480px){.dropdown.svelte-1mf2dfy.svelte-1mf2dfy{position:fixed;top:60px;left:10px;right:10px;width:auto}}
header.svelte-op1tdl.svelte-op1tdl{display:flex;align-items:center;justify-content:space-between;background:var(--color-header-bg);padding:16px 64px;position:fixed;top:0;left:0;right:0;z-index:var(--z-index-header);transition:top var(--animation-duration-header-scroll) ease}header.scrolled.svelte-op1tdl.svelte-op1tdl{background:var(--color-header-bg-scrolled);box-shadow:0 4px 8px var(--color-header-shadow)}header.hidden.svelte-op1tdl.svelte-op1tdl{top:var(--header-hidden-top)}.logo.svelte-op1tdl.svelte-op1tdl{height:72px;cursor:pointer}.nav-buttons.svelte-op1tdl.svelte-op1tdl{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;margin-left:var(--spacing-nav-buttons-margin-left);gap:var(--spacing-nav-buttons-gap)}.auth-button.svelte-op1tdl.svelte-op1tdl{background-image:linear-gradient(
      to right,
      var(--color-auth-button-gradient-start) 0%,
      var(--color-auth-button-gradient-end) 100%
    );height:var(--spacing-auth-button-height);width:var(--spacing-auth-button-width);color:var(--color-auth-button-text);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);border:none;border-radius:var(--spacing-auth-button-border-radius);cursor:pointer;transition:all var(--animation-duration-transition) ease;box-shadow:0 4px 10px var(--color-header-shadow)}.auth-button.svelte-op1tdl.svelte-op1tdl:hover{background-image:linear-gradient(
      to right,
      var(--color-auth-button-gradient-hover-start) 0%,
      var(--color-auth-button-gradient-hover-end) 100%
    );transform:scale(1.05);box-shadow:0 6px 15px rgba(0, 0, 0, 0.2)}.auth-button.svelte-op1tdl.svelte-op1tdl:active{background-image:linear-gradient(
      to right,
      var(--color-auth-button-gradient-active-start) 0%,
      var(--color-auth-button-gradient-active-end) 100%
    );transform:scale(0.95);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}.logout-button.svelte-op1tdl.svelte-op1tdl{background-image:linear-gradient(
      to top,
      var(--color-logout-button-gradient-start) 0%,
      var(--color-logout-button-gradient-end) 100%
    );height:var(--spacing-logout-button-height);width:var(--spacing-logout-button-width);color:var(--color-logout-button-text);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);border:none;border-radius:var(--spacing-logout-button-border-radius);cursor:pointer;transition:all var(--animation-duration-transition) ease;box-shadow:0 4px 10px var(--color-header-shadow)}.logout-button.svelte-op1tdl.svelte-op1tdl:hover{background-image:linear-gradient(
      to top,
      var(--color-logout-button-gradient-hover-start) 0%,
      var(--color-logout-button-gradient-hover-end) 100%
    );transform:scale(1.05);box-shadow:0 6px 15px rgba(0, 0, 0, 0.2)}.logout-button.svelte-op1tdl.svelte-op1tdl:active{background-image:linear-gradient(
      to top,
      var(--color-logout-button-gradient-active-start) 0%,
      var(--color-logout-button-gradient-active-end) 100%
    );transform:scale(0.95);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}.menu-button.svelte-op1tdl.svelte-op1tdl{display:none;align-items:center;justify-content:center;width:var(--spacing-menu-button-size);height:var(--spacing-menu-button-size);background:var(--color-menu-button-bg);border:none;border-radius:var(--spacing-menu-button-border-radius);cursor:pointer;position:relative;transition:background var(--animation-duration-transition) ease,
      transform var(--animation-duration-transition) ease;box-shadow:0 2px 5px var(--color-menu-button-shadow)}.menu-button.svelte-op1tdl.svelte-op1tdl:hover{background:var(--color-menu-button-bg-hover)}.menu-icon.svelte-op1tdl.svelte-op1tdl{width:var(--spacing-menu-icon-width);height:var(--spacing-menu-icon-height);position:relative}.bar.svelte-op1tdl.svelte-op1tdl{position:absolute;left:0;width:var(--spacing-menu-icon-width);height:var(--spacing-menu-bar-height);background:var(--color-menu-icon-bar);transition:transform var(--animation-duration-transition) ease,
      opacity var(--animation-duration-transition) ease}.bar.svelte-op1tdl.svelte-op1tdl:nth-child(1){top:0}.bar.svelte-op1tdl.svelte-op1tdl:nth-child(2){top:var(--spacing-menu-bar-offset)}.bar.svelte-op1tdl.svelte-op1tdl:nth-child(3){top:calc(var(--spacing-menu-bar-offset) * 2)}.menu-button.open.svelte-op1tdl .bar.svelte-op1tdl:nth-child(1){transform:translateY(var(--spacing-menu-bar-offset)) rotate(45deg)}.menu-button.open.svelte-op1tdl .bar.svelte-op1tdl:nth-child(2){opacity:0}.menu-button.open.svelte-op1tdl .bar.svelte-op1tdl:nth-child(3){transform:translateY(calc(var(--spacing-menu-bar-offset) * -1))
      rotate(-45deg)}@media(max-width: 1200px){header.svelte-op1tdl.svelte-op1tdl{padding:16px 32px}.nav-buttons.svelte-op1tdl.svelte-op1tdl{gap:15px}.simple-button.svelte-op1tdl.svelte-op1tdl{padding:8px 10px}}@media(max-width: 992px){header.svelte-op1tdl.svelte-op1tdl{padding:16px 16px}.avatar-container.svelte-op1tdl.svelte-op1tdl{width:52px;height:52px}}@media(max-width: 768px){.menu-button.svelte-op1tdl.svelte-op1tdl{display:flex}.nav-buttons.svelte-op1tdl.svelte-op1tdl{display:none}}.mobile-menu.svelte-op1tdl.svelte-op1tdl{display:flex;flex-direction:column;padding:var(--spacing-mobile-menu-padding);background:rgba(255, 255, 255, 0.95);position:absolute;top:100%;left:0;right:0;max-height:0;opacity:0;transform:translateY(-20px);transition:opacity var(--animation-duration-transition) ease,
      transform var(--animation-duration-transition) ease,
      max-height var(--animation-duration-transition) ease,
      padding var(--animation-duration-transition) ease;z-index:10;align-items:center;box-shadow:0 4px 8px var(--color-header-shadow);pointer-events:none;overflow:hidden;padding-top:0;padding-bottom:0}.mobile-menu.open.svelte-op1tdl.svelte-op1tdl{max-height:500px;opacity:1;transform:translateY(0);pointer-events:auto;padding:var(--spacing-mobile-menu-padding)}.navigation-buttons.svelte-op1tdl.svelte-op1tdl{display:flex;align-items:center;gap:25px;flex-wrap:wrap;justify-content:center}.user-controls.svelte-op1tdl.svelte-op1tdl{display:flex;align-items:center;gap:25px}.logout-button.svelte-op1tdl.svelte-op1tdl{margin-left:10px}.avatar-container.svelte-op1tdl.svelte-op1tdl{position:relative;cursor:pointer;transition:transform var(--animation-duration-transition) ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--spacing-avatar-size);height:var(--spacing-avatar-size);border:var(--spacing-avatar-border-width) solid var(--color-avatar-border);border-radius:50%;box-shadow:0 3px 8px var(--color-avatar-shadow)}.avatar-container.svelte-op1tdl.svelte-op1tdl:hover{transform:scale(1.08)}.avatar-container.svelte-op1tdl.svelte-op1tdl:hover::after{content:"";position:absolute;top:calc(var(--spacing-avatar-border-width) * -2);left:calc(var(--spacing-avatar-border-width) * -2);right:calc(var(--spacing-avatar-border-width) * -2);bottom:calc(var(--spacing-avatar-border-width) * -2);border-radius:50%;border:var(--spacing-avatar-border-width) solid var(--color-avatar-border);animation:svelte-op1tdl-pulse var(--animation-duration-pulse) infinite}.avatar-wrapper.svelte-op1tdl.svelte-op1tdl{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:block}.avatar-wrapper.svelte-op1tdl .avatar.svelte-op1tdl{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.avatar-frame-overlay.svelte-op1tdl.svelte-op1tdl{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none;z-index:1}.avatar.svelte-op1tdl.svelte-op1tdl{width:100%;height:100%;object-fit:cover;transition:filter var(--animation-duration-transition) ease;display:block}.avatar-container.svelte-op1tdl:hover .avatar.svelte-op1tdl{filter:brightness(1.1)}header.svelte-op1tdl.svelte-op1tdl::after{content:"";position:absolute;left:64px;right:64px;bottom:16px;height:var(--spacing-header-bottom-border-height);background:rgba(0, 0, 0, 0.2)}@keyframes svelte-op1tdl-pulse{0%{box-shadow:0 0 0 0 rgba(194, 182, 252, 0.7)}70%{box-shadow:0 0 0 10px rgba(194, 182, 252, 0)}100%{box-shadow:0 0 0 0 rgba(194, 182, 252, 0)}}.divider.svelte-op1tdl.svelte-op1tdl{width:var(--spacing-divider-width);height:var(--spacing-divider-height);background:var(--color-divider);margin:var(--spacing-divider-margin);display:none}@media(min-width: 769px){.divider.svelte-op1tdl.svelte-op1tdl{display:block}}.simple-button.svelte-op1tdl.svelte-op1tdl{background:inherit;border:none;border-radius:var(--spacing-simple-button-border-radius);padding:var(--spacing-simple-button-padding);font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold);color:var(--color-text-dark);cursor:pointer;transition:background var(--animation-duration-transition) ease,
      transform var(--animation-duration-transition) ease;white-space:nowrap}.simple-button.svelte-op1tdl.svelte-op1tdl:hover{background:var(--color-simple-button-hover-bg);transform:scale(1.05);box-shadow:0 4px 6px var(--color-header-shadow)}.simple-button.svelte-op1tdl.svelte-op1tdl:active{transform:scale(0.95);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);background:var(--color-simple-button-active-bg)}.simple-button.primary-action.svelte-op1tdl.svelte-op1tdl{background:#c3b7fd;color:white;padding:10px 24px;border-radius:25px;box-shadow:0 4px 10px rgba(195, 183, 253, 0.4)}.simple-button.primary-action.svelte-op1tdl.svelte-op1tdl:hover{background:#afa4ff;box-shadow:0 6px 15px rgba(175, 164, 255, 0.5)}.mobile-nav-item.svelte-op1tdl.svelte-op1tdl{width:100%;background:none;border:none;padding:15px;font-size:1.1rem;font-weight:bold;color:var(--color-text-dark);text-align:center;border-bottom:1px solid #f0f0f0;cursor:pointer}.mobile-nav-item.primary.svelte-op1tdl.svelte-op1tdl{color:#afa4ff;font-size:1.25rem}.mobile-divider.svelte-op1tdl.svelte-op1tdl{height:1px;background:#e0e0e0;width:80%;margin:15px auto}.mobile-profile-row.svelte-op1tdl.svelte-op1tdl{display:flex;align-items:center;gap:25px;justify-content:center;width:100%;padding-bottom:20px}.logout-button.small.svelte-op1tdl.svelte-op1tdl{margin-left:10px}.avatar-container.small.svelte-op1tdl.svelte-op1tdl{width:52px;height:52px;min-width:52px;min-height:52px}.avatar-container.small.svelte-op1tdl .avatar-wrapper.svelte-op1tdl{border-radius:50%}.avatar-container.small.svelte-op1tdl .avatar.svelte-op1tdl,.avatar-container.small.svelte-op1tdl .avatar-frame-overlay.svelte-op1tdl{width:100%;height:100%;object-fit:cover}.avatar-container.small.svelte-op1tdl .avatar-frame-overlay.svelte-op1tdl{object-fit:contain;width:160%;height:160%}.logout-button.small.svelte-op1tdl.svelte-op1tdl{width:auto;padding:8px 15px;height:auto;font-size:0.9rem}.mobile-menu-section.svelte-op1tdl.svelte-op1tdl{width:100%;margin-bottom:var(--spacing-mobile-menu-section-margin-bottom);display:flex;flex-direction:column;align-items:center}.avatar-container.has-frame.svelte-op1tdl.svelte-op1tdl{border-color:transparent;box-shadow:none}.avatar-container.has-frame.svelte-op1tdl.svelte-op1tdl::after{display:none}.avatar-container.has-frame.svelte-op1tdl.svelte-op1tdl:hover{transform:none;transform:scale(1.08)}
.bug-btn.svelte-d9x5m1{background:var(--color-primary, #6d7fc9);color:var(--color-primary-contrast, #ffffff);border:none;padding:8px 14px;border-radius:14px;cursor:pointer;font-size:0.95rem;display:inline-flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);transition:transform 0.12s ease,
      box-shadow 0.12s ease}.bug-btn.svelte-d9x5m1:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0, 0, 0, 0.08)}.modal-backdrop.svelte-d9x5m1{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.65);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.modal.svelte-d9x5m1{background:var(--color-bg-surface, #ffffff);padding:20px 22px;border-radius:8px;width:560px;max-width:100%;box-shadow:0 8px 30px rgba(0, 0, 0, 0.18);position:relative;z-index:1101}.row.svelte-d9x5m1{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cancel-btn.svelte-d9x5m1{background-color:var(--color-surface-muted, #f0f0f0);color:var(--color-text, #333);border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.cancel-btn.svelte-d9x5m1:hover{filter:brightness(0.97)}.save-btn.svelte-d9x5m1{background-color:var(--color-primary);color:white;min-width:140px;padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.save-btn.svelte-d9x5m1:hover{background-color:var(--color-primary-dark, #9d92f7)}
footer.svelte-ijwkg5{width:100%;background:transparent;color:var(--color-text-muted, #333);padding:12px 24px;box-sizing:border-box}.footer-inner.svelte-ijwkg5{width:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.copyright.svelte-ijwkg5{color:var(--color-text-muted, #6b6b6b);grid-column:2;text-align:center;white-space:nowrap}.footer-actions.svelte-ijwkg5{grid-column:3;display:flex;justify-content:flex-end}.btn-wrapper.svelte-ijwkg5{display:inline-block}@media(max-width: 640px){.footer-inner.svelte-ijwkg5{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:6px 0;text-align:center}.copyright.svelte-ijwkg5{order:1;font-size:0.92rem}.footer-actions.svelte-ijwkg5{order:2;width:100%;justify-content:center}.btn-wrapper.svelte-ijwkg5{width:100%;display:flex;justify-content:center}}
.notification-item.svelte-mjd2zz{display:flex;align-items:center;padding:10px 12px;border-radius:var(--spacing-border-radius-button, 20px);box-shadow:0 4px 12px var(--color-shadow, rgba(0, 0, 0, 0.15));margin-bottom:12px;min-width:280px;max-width:360px;position:relative;overflow:hidden}.timer-container.svelte-mjd2zz{margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.progress-ring.svelte-mjd2zz{transform:rotate(-90deg)}.progress-ring__circle--fg.svelte-mjd2zz{transition:stroke-dashoffset 0.05s linear;stroke-linecap:round}.message.svelte-mjd2zz{flex-grow:1;font-size:0.85rem;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);line-height:1.3}.close-button.svelte-mjd2zz{background:none;border:none;font-size:1.2rem;line-height:1;margin-left:8px;padding:2px;cursor:pointer;opacity:0.7;transition:opacity 0.2s;display:flex;align-items:center;justify-content:center}.close-button.svelte-mjd2zz:hover{opacity:1}
.notifications-container.svelte-1fqqjpg{position:fixed;top:calc(var(--spacing-header-height, 80px) + 15px);right:15px;z-index:2000;display:flex;flex-direction:column;align-items:flex-end}@media(max-width: 600px){.notifications-container.svelte-1fqqjpg{top:15px;left:15px;right:15px;align-items:center}.notifications-container .notification-item{width:100%;max-width:none;box-sizing:border-box}}