* { box-sizing: border-box; }
        :root {
            --hub-bg-deep:#020617;
            --hub-bg-shell:#071022;
            --hub-panel:rgba(5,12,28,0.56);
            --hub-panel-soft:rgba(8,16,34,0.48);
            --hub-border:rgba(120,190,255,0.12);
            --hub-border-soft:rgba(120,190,255,0.075);
            --hub-accent:#5ce1ff;
            --hub-accent-strong:#00d9ff;
            --hub-text:#e9f6ff;
            --hub-muted:rgba(220,235,255,0.62);
            --hub-glow:0 0 28px rgba(0,190,255,0.16);
            --hub-radius-md:14px;
            --hub-radius-lg:18px;
            --hub-radius-pill:999px;
        }
        body {
            margin:0;
            font-family:Inter, system-ui, -apple-system, sans-serif;
            background:
                radial-gradient(circle at 68% 18%, rgba(0,100,255,0.20), transparent 34%),
                radial-gradient(circle at 86% 72%, rgba(0,220,255,0.10), transparent 26%),
                linear-gradient(135deg, #020617 0%, #06133a 52%, #020617 100%);
            color:var(--hub-text);
            font-size:14px;
            line-height:1.35;
            min-height:100vh;
        }
        a { color:#9ec5ff; text-decoration:none; }
        a:hover { text-decoration:underline; }
        .app-shell { min-height:100vh; padding-bottom:56px; padding-top:8px; }
        .app-shell--hub-feed { padding-top:0; }
        .app-main {
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 0 clamp(16px, 3vw, 48px) 32px;
            box-sizing: border-box;
            min-width: 0;
        }
        @media (max-width: 768px) {
            .app-main {
                padding-left: clamp(12px, 4vw, 16px);
                padding-right: clamp(12px, 4vw, 16px);
                padding-bottom: 24px;
            }
        }
        .app-main--narrow {
            max-width: 560px;
            margin-left: auto;
            margin-right: auto;
        }
        .app-main--form {
            max-width: none;
            margin: 0;
        }
        .app-main--wide {
            max-width: none;
            margin: 0;
        }
        .app-main--workspace {
            max-width: none;
            margin: 0;
        }
        .app-h1 { font-size:1.15rem; font-weight:700; margin:0 0 10px; }
        .hub-page { max-width:1700px; margin:0 auto; padding:16px 16px 32px; }

        @media (max-width: 768px) {
            .hub-page {
                padding-top: 8px !important;
                padding-left: 12px !important;
                padding-right: 12px !important;
                padding-bottom: 96px !important;
            }
        }