[data-v-b4ac4360]:root{--color-background:#f8f8f8;--color-header:#f8f8f8;--color-white:#fff;--color-black:#000;--color-primary:#c4c1f8;--color-accent-beige:#ffe3c6;--color-accent-blue:#d6f2fe;--color-accent-green:#86f1e1;--color-accent-pink:#ffd6e8;--color-video:#d6f2fe;--color-image:#c4c1f8;--color-text:#ffe3c6;--color-audio:#86f1e1;--color-button-dark:#353535;--color-text-primary:#000;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-dark:#000;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-width:1px;--border-width-bold:2px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-header:150;--z-modal:200;--z-toast:300;--sidebar-width:260px;--layout-main-max-width:100%;--layout-shell-padding-x:var(--spacing-4);--content-max-width:480px}@media(min-width:768px){[data-v-b4ac4360]:root{--content-max-width:640px}}@media(min-width:1024px){[data-v-b4ac4360]:root{--content-max-width:100%;--layout-shell-padding-x:var(--spacing-6)}}.layout-header[data-v-b4ac4360]{align-items:center;background-color:var(--color-header);border-bottom:var(--border-width-bold) solid var(--color-black);display:flex;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3)}@media(min-width:1024px){.layout-header[data-v-b4ac4360]{padding:var(--spacing-2) var(--layout-shell-padding-x)}}.layout-header__logo[data-v-b4ac4360]{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.layout-header__logo[data-v-b4ac4360] .svg-logo{height:100%;width:100%}@media(min-width:1024px){.layout-header__logo[data-v-b4ac4360]{display:none}}.layout-header__center[data-v-b4ac4360]{display:flex;flex:1;justify-content:center}@media(min-width:1024px){.layout-header__center[data-v-b4ac4360]{justify-content:flex-start}}.layout-header__brand[data-v-b4ac4360]{color:var(--color-text-primary);font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.layout-header__balance[data-v-b4ac4360]{align-items:center;background:var(--color-white);border:var(--border-width) solid var(--color-border-dark);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--color-background),2px 2px 0 var(--border-width) var(--color-border-dark);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.layout-header__balance[data-v-b4ac4360]:active:not([disabled]){box-shadow:0 0 0 0 var(--color-background),0 0 0 var(--border-width) var(--color-border-dark);transform:translate(2px,2px)}.layout-header__balance[data-v-b4ac4360]:hover{background:var(--color-background)}.layout-header__balance[data-v-b4ac4360] svg{height:16px;width:16px}.layout-header__active[data-v-b4ac4360]{align-items:center;background:var(--color-primary);border:var(--border-width) solid var(--color-border-dark);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--color-background),2px 2px 0 var(--border-width) var(--color-border-dark);display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:2px;padding:var(--spacing-1) var(--spacing-3);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.layout-header__active[data-v-b4ac4360]:active:not([disabled]){box-shadow:0 0 0 0 var(--color-background),0 0 0 var(--border-width) var(--color-border-dark);transform:translate(2px,2px)}.layout-header__active-main[data-v-b4ac4360]{align-items:center;display:flex;gap:var(--spacing-2)}.layout-header__active-meta[data-v-b4ac4360]{color:var(--color-text-primary);font-size:.6875rem;font-weight:600;line-height:1.25;max-width:min(280px,72vw);text-align:center;word-break:break-word}@media(min-width:1024px){.layout-header__active-meta[data-v-b4ac4360]{max-width:360px;text-align:left}}.layout-header__active-spinner[data-v-b4ac4360]{animation:spin-b4ac4360 1s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-text-primary);height:14px;width:14px}.layout-header__login[data-v-b4ac4360]{background:var(--color-text-primary);border:var(--border-width) solid var(--color-border-dark);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--color-background),2px 2px 0 var(--border-width) var(--color-border-dark);color:var(--color-white);font-size:.8125rem;font-weight:600;padding:var(--spacing-1) var(--spacing-3);text-decoration:none;transition:opacity var(--transition-fast);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.layout-header__login[data-v-b4ac4360]:active:not([disabled]){box-shadow:0 0 0 0 var(--color-background),0 0 0 var(--border-width) var(--color-border-dark);transform:translate(2px,2px)}.layout-header__login[data-v-b4ac4360]:hover{opacity:.85}.layout-header__notifications[data-v-b4ac4360]{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:1rem;height:32px;justify-content:center;position:relative;transition:background var(--transition-fast);width:32px}@media(min-width:1024px){.layout-header__notifications[data-v-b4ac4360]{height:36px;width:36px}.layout-header__notifications[data-v-b4ac4360]:hover{background:var(--color-background)}}.layout-header__notifications[data-v-b4ac4360] svg{height:20px;width:20px}.layout-header__notifications-badge[data-v-b4ac4360]{align-items:center;background:var(--color-accent-pink);border:var(--border-width) solid var(--color-border-dark);border-radius:8px;display:flex;font-size:.625rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:0;top:0}@keyframes spin-b4ac4360{to{transform:rotate(1turn)}}[data-v-918adb6f]:root{--color-background:#f8f8f8;--color-header:#f8f8f8;--color-white:#fff;--color-black:#000;--color-primary:#c4c1f8;--color-accent-beige:#ffe3c6;--color-accent-blue:#d6f2fe;--color-accent-green:#86f1e1;--color-accent-pink:#ffd6e8;--color-video:#d6f2fe;--color-image:#c4c1f8;--color-text:#ffe3c6;--color-audio:#86f1e1;--color-button-dark:#353535;--color-text-primary:#000;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-dark:#000;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-width:1px;--border-width-bold:2px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-header:150;--z-modal:200;--z-toast:300;--sidebar-width:260px;--layout-main-max-width:100%;--layout-shell-padding-x:var(--spacing-4);--content-max-width:480px}@media(min-width:768px){[data-v-918adb6f]:root{--content-max-width:640px}}@media(min-width:1024px){[data-v-918adb6f]:root{--content-max-width:100%;--layout-shell-padding-x:var(--spacing-6)}}.toast[data-v-918adb6f]{align-items:flex-start;background:var(--color-white);border:var(--border-width-bold) solid var(--color-border-dark);border-radius:var(--radius-md);box-shadow:3px 3px 0 0 var(--color-background),3px 3px 0 var(--border-width) var(--color-border-dark);display:flex;gap:var(--spacing-3);left:var(--spacing-4);margin:0 auto;max-width:400px;padding:var(--spacing-3) var(--spacing-4);position:fixed;right:var(--spacing-4);top:calc(var(--spacing-4) + env(safe-area-inset-top));transition:box-shadow var(--transition-fast),transform var(--transition-fast);z-index:var(--z-toast)}.toast[data-v-918adb6f]:active:not([disabled]){box-shadow:0 0 0 0 var(--color-background),0 0 0 var(--border-width) var(--color-border-dark);transform:translate(3px,3px)}.toast--success[data-v-918adb6f]{border-color:#10b981}.toast--success .toast__icon[data-v-918adb6f]{color:#10b981}.toast--error[data-v-918adb6f]{border-color:#ef4444}.toast--error .toast__icon[data-v-918adb6f]{color:#ef4444}.toast--warning[data-v-918adb6f]{border-color:#f59e0b}.toast--warning .toast__icon[data-v-918adb6f]{color:#f59e0b}.toast__icon[data-v-918adb6f]{flex-shrink:0}.toast__icon[data-v-918adb6f] svg{height:20px;width:20px}.toast__content[data-v-918adb6f]{flex:1;min-width:0}.toast__title[data-v-918adb6f]{font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-1)}.toast__message[data-v-918adb6f]{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.toast__close[data-v-918adb6f]{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast__close[data-v-918adb6f]:hover{color:var(--color-text-primary)}.toast-enter-active[data-v-918adb6f],.toast-leave-active[data-v-918adb6f]{transition:all .3s ease}.toast-enter-from[data-v-918adb6f],.toast-leave-to[data-v-918adb6f]{opacity:0;transform:translateY(-20px)}