#nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(10,10,18,.92);
    border-bottom:1px solid rgba(201,168,76,.2);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    transition:background .4s,border-color .4s;
}
.nav-bar{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 16px;max-width:900px;margin:0 auto;
}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-logo{
    color:#c9a84c;text-decoration:none;
    font-size:.9em;font-weight:700;letter-spacing:.08em;
    transition:color .4s;
}
.nav-theme{
    background:none;border:1px solid rgba(201,168,76,.3);
    color:#c9a84c;font-family:inherit;font-size:.65em;font-weight:700;
    letter-spacing:.06em;padding:5px 12px;border-radius:20px;
    cursor:pointer;-webkit-tap-highlight-color:transparent;
    transition:color .4s,border-color .4s,background .4s;
}
.nav-theme:active{background:rgba(201,168,76,.15)}
.nav-toggle{
    display:block;background:none;border:none;
    color:#8a7a5a;font-size:1.4em;cursor:pointer;
    padding:4px 8px;-webkit-tap-highlight-color:transparent;
    line-height:1;transition:color .4s;
}
.nav-menu{
    display:none;padding:0 16px 14px;
    max-width:900px;margin:0 auto;
}
.nav-menu.open{display:block}
.nav-menu a{
    display:block;padding:12px 0;
    color:#8a7a5a;text-decoration:none;
    font-size:.9em;font-weight:700;letter-spacing:.05em;
    border-bottom:1px solid rgba(201,168,76,.1);
    -webkit-tap-highlight-color:transparent;
    transition:color .4s,border-color .4s;
}
.nav-menu a:last-child{border-bottom:none}
.nav-menu a.active{color:#c9a84c}
.nav-menu a:active{color:#c9a84c}

/* Flash animation */
.theme-flash{
    position:fixed;inset:0;z-index:9999;
    pointer-events:none;opacity:0;
}
.theme-flash.flash-in{
    animation:flash-in .3s ease forwards;
}
.theme-flash.flash-out{
    animation:flash-out .6s ease forwards;
}
@keyframes flash-in{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes flash-out{
    0%{opacity:1}
    100%{opacity:0}
}

/* Desktop */
@media(min-width:600px){
    .nav-bar{padding:0 24px}
    .nav-logo{padding:14px 0}
    .nav-toggle{display:none}
    .nav-menu{
        display:flex!important;
        padding:0;gap:0;
        position:absolute;right:100px;top:0;
        max-width:none;
    }
    .nav-menu a{
        display:inline-block;padding:14px 16px;
        border-bottom:none;font-size:.8em;
        letter-spacing:.06em;text-transform:uppercase;
        position:relative;
    }
    .nav-menu a::after{
        content:'';position:absolute;bottom:0;left:16px;right:16px;
        height:2px;background:#c9a84c;
        transform:scaleX(0);transition:transform .2s;
    }
    .nav-menu a.active::after{transform:scaleX(1)}
    .nav-menu a:hover{color:#e8d5a3}
    .nav-right{position:absolute;right:24px;top:50%;transform:translateY(-50%)}
    .nav-theme{font-size:.7em;padding:6px 14px}
}

/* ============ LUMOS (light theme) ============ */
.lumos{
    --bg-deep:#fffdf5;
    --bg-navy:#f5f0e8;
    --gold:#8b6914;
    --gold-bright:#7a5c10;
    --gold-pale:#5c4a1a;
    --parchment:#2a2a2a;
    --text:#3a3530;
    --text-muted:#8a7e6e;
    --border:rgba(139,105,20,.2);
    --border-hover:rgba(139,105,20,.5);
    --panel-bg:rgba(255,253,245,.85);
}

/* Nav in light mode */
.lumos #nav{
    background:rgba(255,253,245,.92);
    border-bottom-color:rgba(139,105,20,.15);
}
.lumos .nav-logo{color:#8b6914}
.lumos .nav-toggle{color:#8a7e6e}
.lumos .nav-theme{color:#8b6914;border-color:rgba(139,105,20,.3)}
.lumos .nav-theme:active{background:rgba(139,105,20,.1)}
.lumos .nav-menu a{color:#8a7e6e;border-bottom-color:rgba(139,105,20,.1)}
.lumos .nav-menu a.active{color:#8b6914}
.lumos .nav-menu a::after{background:#8b6914}

/* Body in light mode */
.lumos body,.lumos{
    background:#fffdf5;
    color:#3a3530;
}
.lumos body::before{
    background:
        radial-gradient(ellipse at 50% 0%,rgba(140,100,40,.1) 0%,transparent 55%),
        radial-gradient(ellipse at 20% 100%,rgba(200,190,170,.4) 0%,transparent 50%);
}
.lumos body::after{
    opacity:.15;
}

/* Gold/text overrides */
.lumos h1,.lumos h2,.lumos h3,
.lumos .hero h1{color:#8b6914!important}
.lumos .amp{color:#8a7e6e!important}
.lumos .date{color:#5c4a1a!important}
.lumos .remaining{color:#8a7e6e!important}

/* Countdown */
.lumos .cd div{
    border-color:rgba(139,105,20,.2);
    background:rgba(139,105,20,.04);
}
.lumos .cd b{color:#8b6914}
.lumos .cd small{color:#8a7e6e}

/* Ornament */
.lumos .orn{background:linear-gradient(90deg,transparent,#8b6914,transparent)}

/* Panels */
.lumos .panel,.lumos .p,.lumos .author,.lumos .upload,.lumos .nav-link,
.lumos .tabs,.lumos .load-more,.lumos .dl-all{
    background:rgba(255,253,245,.85)!important;
    border-color:rgba(139,105,20,.15)!important;
}

.lumos .tabs button{color:#8a7e6e}
.lumos .tabs button.active{color:#8b6914;background:rgba(139,105,20,.08)}

.lumos .detail-label,.lumos .dl{color:#8b6914!important}
.lumos .detail-value,.lumos .dv{color:#5c4a1a!important}

.lumos .upload-text{color:#5c4a1a}
.lumos .upload-pct{color:#8b6914}

.lumos .author label{color:#8a7e6e}
.lumos .author input{color:#3a3530;border-bottom-color:rgba(139,105,20,.2)}
.lumos .author input:focus{border-bottom-color:#8b6914}

.lumos .count{color:#8a7e6e}
.lumos .empty{color:#8a7e6e}
.lumos .sub,.lumos .section-subtitle{color:#8a7e6e!important}
.lumos .footer,.lumos .f{color:#8a7e6e!important}

.lumos .gallery a{background:rgba(139,105,20,.04)}

.lumos .status.ok{color:#4a7a3b}
.lumos .status.err{color:#a0403a}
.lumos .author-hint{color:#a0403a}

.lumos .nav-link .nav-title,.lumos .nt{color:#8b6914!important}
.lumos .nav-link .nav-desc,.lumos .nd{color:#8a7e6e!important}

.lumos .dl-all,.lumos .load-more{color:#8b6914!important}

/* Lightbox stays dark */