/* Режим embedded: страница внутри projectFrame шелла — без сайдбара и шапки */
    .app-container.embedded { display: block; }
    .main-content.embedded { min-height: 100vh; }
    .app-container.embedded .content-area { padding: 20px 28px; }


    .site-footer {
        width: 100%;
        padding: 30px 20px 24px;
        background: transparent;
        text-align: center;
        font-family: 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;
        box-sizing: border-box;
        margin-top: 24px;
    }
    .footer-content {
        max-width: 800px;
        margin: 0 auto;
        display: inline-block;
        padding: 18px 34px 16px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.35);
        -webkit-backdrop-filter: blur(12px) saturate(150%);
        backdrop-filter: blur(12px) saturate(150%);
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10);
    }
    .footer-divider {
        width: 80px;
        height: 2px;
        margin: 0 auto 20px;
        background: linear-gradient(90deg, transparent, #2b3a67, transparent);
        border-radius: 2px;
        opacity: 0.5;
    }
    .footer-text {
        font-size: clamp(1.1rem, 4vw, 1.8rem);
        font-weight: 400;
        letter-spacing: 0.03em;
        color: #2b3a67;
        margin: 0 0 6px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 6px 12px;
    }
    .handwriting {
        font-family: cursive;
        font-weight: 700;
        font-size: 1.35em;
        color: #2b3a67;
        letter-spacing: 0.01em;
        animation: footerFadeIn 1s ease-out both;
    }
    .brand { font-weight: 700; color: #1e2a4a; }
    .code { font-weight: 300; color: #5a7a9a; letter-spacing: 0.1em; }
    .separator { color: #b0c4d9; font-size: 0.8em; padding: 0 2px; }
    .footer-sub {
        font-size: 0.75rem;
        color: #8a9db2;
        margin-top: 10px;
        letter-spacing: 0.05em;
        opacity: 0.7;
        font-weight: 300;
        animation: footerPulse 3.2s ease-in-out infinite;
    }
    @keyframes footerFadeIn {
        from { opacity: 0; transform: translateY(8px); }
        to { opacity: 1; transform: translateY(0); }
    }
    @keyframes footerPulse {
        0%, 100% { opacity: 0.55; }
        50% { opacity: 1; }
    }
    [data-theme="dark"] .footer-text { color: #9fb4d8; }
    [data-theme="dark"] .handwriting { color: #d6e2fb; }
    [data-theme="dark"] .footer-content {
        background: rgba(15, 23, 42, 0.4);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
    }
    [data-theme="dark"] .brand { color: #e2e8f0; }
    [data-theme="dark"] .code { color: #7c90b5; }
    [data-theme="dark"] .separator { color: #4a5c80; }
    [data-theme="dark"] .footer-divider { background: linear-gradient(90deg, transparent, #5a7a9a, transparent); }
    @media (max-width: 480px) {
        .footer-text { flex-direction: column; gap: 2px; }
        .separator { display: none; }
        .footer-divider { width: 60px; }
    }