:root{--af-canvas:#111a26;--af-surface:#1a2635;--af-soft:#1c2b38;--af-ink:#edf2f7;--af-muted:#afbdcc;--af-line:#344252;--af-blue:#9fc6ff;--af-on-blue:#122039;--af-radius-control:12px;--af-radius-card:20px}html[data-app-theme=light]{--af-canvas:#f8f9f5;--af-surface:#fff;--af-soft:#edf1ea;--af-ink:#172338;--af-muted:#586372;--af-line:#dce2df;--af-blue:#2563eb;--af-on-blue:#fff}body{background:var(--af-canvas)!important;color:var(--af-ink)!important}.af-brand{color:var(--af-ink);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:9px;font:800 24px/1 Arial,sans-serif;display:inline-flex}.af-brand-mark{background:var(--af-blue);width:36px;height:36px;color:var(--af-on-blue);letter-spacing:-4px;border-radius:12px;place-items:center;padding-inline-end:4px;font-size:24px;display:grid;position:relative}.af-brand-mark>span{position:absolute;top:1px;left:16px}.af-brand-dot{color:var(--af-blue)}.af-brand-compact{font-size:21px}.af-brand-compact .af-brand-mark{width:32px;height:32px}html[data-app-theme] :is(.admin-shell,.account-shell,main[class*="bg-[#070a0f]"],main[class*="bg-[#080808]"]){background:var(--af-canvas)!important;color:var(--af-ink)!important}html[data-app-theme] :is(.admin-sidebar,.admin-topbar,.admin-mobile-dock,.account-header){background:var(--af-surface)!important;border-color:var(--af-line)!important;box-shadow:0 8px 30px #12203908!important}html[data-app-theme] .admin-topbar{border:1px solid var(--af-line);border-radius:var(--af-radius-card);margin:12px 16px 0;top:12px}html[data-app-theme] .admin-shell .admin-ambient{opacity:.2}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=bg-white\/]{background-color:color-mix(in srgb,var(--af-surface) 85%,transparent)!important}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=bg-black\/]{background-color:var(--af-soft)!important}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=border-white\/]{border-color:var(--af-line)!important}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=text-white\/]{color:var(--af-muted)!important}html[data-app-theme] :is(.admin-shell,.account-shell) .text-white{color:var(--af-ink)!important}body :is(main,.admin-shell) :is(section,article,form,div)[class*=rounded-3xl],body :is(main,.admin-shell) :is(section,article,form,div)[class*="rounded-[2rem]"]{border-radius:var(--af-radius-card)}body :is(main,.admin-shell) :is(input:not([type=radio]):not([type=checkbox]),textarea,select){border-radius:var(--af-radius-control)}body .admin-shell :is(button,a).rounded-full:not(:has(img)){border-radius:var(--af-radius-control)}html[data-app-theme] :is(.admin-shell,.account-shell) .accent-gradient,html[data-app-theme] main:not(.portfolio-shell):not(#main-content) button.accent-gradient{box-shadow:none;background:var(--af-blue)!important;color:var(--af-on-blue)!important}html[data-app-theme] .admin-shell [class*=violet]{color:var(--af-blue);border-color:var(--af-line)}html[data-app-theme] .admin-shell a[class*=bg-\[linear-gradient]{background:var(--af-soft)}.portfolio-shell :is(#contact form,#contact a){border-radius:var(--af-radius-card)}.portfolio-shell #contact button{border-radius:var(--af-radius-control)}.portfolio-shell .portfolio-navigation[data-scrolled=true]{border-radius:var(--af-radius-card);margin-inline:12px;width:auto;margin-top:10px}.af-icon-button{border:1px solid var(--af-line);border-radius:var(--af-radius-control);background:var(--af-surface);min-width:42px;height:42px;color:var(--af-ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px;display:inline-flex;position:relative}.af-icon-button:hover{background:var(--af-soft)}.af-icon-button:focus-visible{outline:2px solid var(--af-blue);outline-offset:3px}.af-inbox-count{color:var(--af-blue);font-size:11px;font-weight:700}.af-activity{position:relative}.hero-about-card{background:color-mix(in srgb, var(--portfolio-surface) 94%, transparent);border-color:var(--af-line);color:var(--portfolio-fg);box-shadow:0 8px 24px #1220390d}.portfolio-shell[data-theme=light] .hero-stage[data-has-video=true] .hero-stage-title,.portfolio-shell[data-theme=light] .hero-stage[data-has-video=true] .hero-stage-title+p{filter:none;text-shadow:0 2px 6px #0009,0 0 18px #0004;color:#fff!important}.admin-topbar>div{flex-wrap:wrap}.admin-topbar>div>.min-w-0{min-width:120px}.af-activity-dot{top:7px;background:#d97706;border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:7px}.af-activity-panel{inset-inline-end:0;border:1px solid var(--af-line);border-radius:var(--af-radius-card);background:var(--af-surface);width:min(320px,100vw - 32px);color:var(--af-ink);z-index:100;padding:20px;position:absolute;top:calc(100% + 12px);box-shadow:0 16px 44px #0002}.af-activity-panel h2{font-size:16px;font-weight:750}.af-activity-panel p{color:var(--af-muted);margin:14px 0;font-size:13px;line-height:1.7}.af-activity-panel :is(a,button){text-align:start;width:100%;color:var(--af-blue);background:var(--af-soft);border-radius:10px;margin-top:8px;padding:12px;font-size:13px;display:block}.af-activity-panel small{color:var(--af-muted);margin-top:14px;font-size:11px;display:block}@media (max-width:639px){.af-brand{font-size:20px}.af-brand-compact .af-brand-name{display:none}html[data-app-theme] .admin-topbar{margin:8px 8px 0;top:8px}.af-activity-panel{inset-inline:16px;width:auto;position:fixed;top:138px}}@media (prefers-reduced-motion:no-preference){.af-icon-button{transition:background-color .16s}.af-activity-panel{animation:.16s ease-out af-panel-in}@keyframes af-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}