:root{
  --bg:#070914;--panel:#101624;--panel2:#151d2e;--text:#eef4ff;--muted:#95a3ba;--line:#263247;
  --accent:#8b5cf6;--accent2:#06b6d4;--danger:#ef4444;--success:#22c55e;--shadow:0 18px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at top left,rgba(139,92,246,.18),transparent 32rem),radial-gradient(circle at top right,rgba(6,182,212,.12),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,2.4rem);background:rgba(7,9,20,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.8rem;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 25px rgba(139,92,246,.28)}.nav{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:650}.nav a:hover{color:var(--text)}.shell{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;border:1px solid rgba(255,255,255,.08);border-radius:2rem;background:linear-gradient(135deg,rgba(21,29,46,.92),rgba(16,22,36,.76));box-shadow:var(--shadow);margin-bottom:1.5rem}.hero h1{font-size:clamp(2.6rem,7vw,6rem);line-height:.9;margin:.1rem 0 .8rem}.hero p{max-width:680px;color:var(--muted);font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#8edffc;font-weight:800;font-size:.76rem;margin:0 0 .5rem}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.85rem 1.15rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:800;cursor:pointer;box-shadow:0 14px 30px rgba(6,182,212,.14)}.button.small{padding:.55rem .85rem}.button.secondary,button.secondary{background:#202a3d;color:var(--text);box-shadow:none;border:1px solid var(--line)}button.danger,.danger{background:rgba(239,68,68,.14);color:#fecaca;border:1px solid rgba(239,68,68,.35);box-shadow:none}.hero-btn{white-space:nowrap}.searchbar{display:grid;grid-template-columns:1fr 210px auto;gap:.8rem;margin:1rem 0 1.5rem}.searchbar input,.searchbar select,.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);background:#0c1220;color:var(--text);border-radius:1rem;padding:.9rem 1rem;outline:none}.searchbar input:focus,.searchbar select:focus,.form input:focus,.form textarea:focus,.form select:focus{border-color:rgba(6,182,212,.7);box-shadow:0 0 0 4px rgba(6,182,212,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.card,.panel{border:1px solid rgba(255,255,255,.08);background:rgba(16,22,36,.78);border-radius:1.5rem;box-shadow:var(--shadow)}.photo-card{overflow:hidden}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0c1220;transition:transform .25s ease}.photo-card:hover img{transform:scale(1.035)}.card-body{padding:1rem}.card h2{font-size:1.08rem;line-height:1.25;margin:.5rem 0}.meta-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem}.excerpt{color:var(--muted);font-size:.92rem}.author{display:flex;align-items:center;gap:.65rem;color:var(--muted);font-weight:700}.author img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.author.big img{width:3rem;height:3rem}.panel{padding:1.4rem;margin-bottom:1.5rem}.narrow{max-width:520px;margin:2rem auto}.form{display:grid;gap:1rem}.form.two-col{grid-template-columns:1fr 1fr;align-items:start}.form label{display:grid;gap:.45rem;color:var(--muted);font-weight:700}.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fecaca;border-radius:1rem;padding:.85rem;margin:.7rem 0}.flash{width:min(900px,calc(100% - 2rem));margin:1rem auto 0;border-radius:1rem;padding:.9rem 1rem;background:rgba(59,130,246,.16);border:1px solid rgba(59,130,246,.35)}.flash.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.flash.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#fecaca}.empty{padding:2rem;border:1px dashed var(--line);border-radius:1.5rem;color:var(--muted);text-align:center}.list{display:grid;gap:.8rem}.list-item{display:grid;grid-template-columns:96px 1fr auto;gap:1rem;align-items:center;background:rgba(16,22,36,.75);border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;padding:.8rem}.list-item img{width:96px;height:72px;object-fit:cover;border-radius:.9rem}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.small-text{color:var(--muted);font-size:.92rem}.photo-view{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.6fr);gap:1.2rem;align-items:start}.photo-main{background:#050713;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow)}.photo-main img{width:100%;max-height:82vh;object-fit:contain}.photo-side{position:sticky;top:5.5rem}.story{color:#dbe7ff;margin:1rem 0;white-space:normal}.credits{white-space:pre-wrap;background:#080d18;border:1px solid var(--line);border-radius:1rem;padding:1rem;color:#c7d2fe}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tags a{background:#182234;border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;color:#b6c3d7}.stats{display:flex;gap:1rem;color:var(--muted);margin:1rem 0}.comments{max-width:860px}.comment{border-top:1px solid var(--line);padding:1rem 0}.profile-hero{padding:0;overflow:hidden}.cover{width:100%;height:230px;object-fit:cover}.profile-info{display:flex;gap:1.2rem;align-items:flex-end;padding:1.4rem}.avatar-large{width:112px;height:112px;border-radius:2rem;object-fit:cover;border:4px solid rgba(255,255,255,.14);background:#0c1220}.account-grid{display:grid;grid-template-columns:1fr 340px;gap:1rem}.price-box{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(6,182,212,.14));border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;padding:1rem}.price{font-size:2.4rem;margin:.2rem 0;font-weight:900}code{background:#080d18;border:1px solid var(--line);border-radius:.5rem;padding:.15rem .4rem}.footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;color:var(--muted);border-top:1px solid rgba(255,255,255,.07);padding:2rem}.footer span+span:before{content:'· ';color:var(--line)}
@media(max-width:840px){.topbar{align-items:flex-start;flex-direction:column}.searchbar,.form.two-col,.photo-view,.account-grid{grid-template-columns:1fr}.hero,.studio-head{align-items:flex-start;flex-direction:column}.photo-side{position:static}.list-item{grid-template-columns:76px 1fr}.list-item form{grid-column:1/-1}.list-item img{width:76px;height:62px}.profile-info{align-items:flex-start;flex-direction:column}}


.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions form{margin:0}.small{font-size:.85rem;padding:8px 10px}
.thumb-wrap{position:relative;display:block;overflow:hidden;background:#0c1220}.image-badge{position:absolute;right:.7rem;bottom:.7rem;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.28rem .58rem;font-size:.78rem;font-weight:800;color:#fff}.gallery-view{display:grid;gap:1rem;background:transparent;border:0;box-shadow:none;overflow:visible}.gallery-view img{background:#050713;border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;box-shadow:var(--shadow);width:100%;max-height:82vh;object-fit:contain}.form input[type=file]{padding:.75rem;background:#080d18}.form label span.small-text{font-weight:500;margin-top:-.15rem}


.upload-status {
    margin-top: .75rem;
    padding: .8rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: #dbeafe;
    font-size: .95rem;
}
.upload-status.success {
    border-color: rgba(52,211,153,.45);
    background: rgba(16,185,129,.12);
    color: #bbf7d0;
}
.upload-status.error {
    border-color: rgba(248,113,113,.45);
    background: rgba(239,68,68,.12);
    color: #fecaca;
}
button[disabled] {
    opacity: .65;
    cursor: wait;
}

/* Professional contribution cards */
.grid.masonry {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 1.35rem;
    align-items: stretch;
}
.post-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(13, 18, 31, .92);
    border-radius: 26px;
    box-shadow: 0 22px 70px rgba(0,0,0,.42);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.post-card:hover {
    transform: translateY(-4px);
    border-color: rgba(142, 223, 252, .32);
    box-shadow: 0 30px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(139,92,246,.10) inset;
    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.022)),
        rgba(14, 20, 36, .96);
}
.post-card-media {
    position: relative;
    display: block;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(139,92,246,.16), rgba(6,182,212,.09)), #070b14;
    aspect-ratio: 16 / 11;
}
.post-card-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,.62) 100%);
    opacity: .86;
    pointer-events: none;
}
.post-card-media img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .35s ease, filter .35s ease;
}
.post-card:hover .post-card-media img {
    transform: scale(1.055);
    filter: saturate(1.08) contrast(1.03);
}
.post-card-placeholder {
    height: 100%;
    display: grid;
    place-items: center;
    color: rgba(255,255,255,.55);
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.post-card-badges {
    position: absolute;
    left: .85rem;
    right: .85rem;
    bottom: .8rem;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
}
.post-pill,
.post-card-count {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    border-radius: 999px;
    padding: .34rem .72rem;
    background: rgba(7, 10, 18, .68);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(14px);
    color: #eef6ff;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
}
.post-pill {
    background: linear-gradient(135deg, rgba(139,92,246,.82), rgba(6,182,212,.66));
    border-color: rgba(255,255,255,.22);
}
.post-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.12rem 1.14rem 1.05rem;
}
.post-card-kicker {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    color: #8fa0bb;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .01em;
    margin-bottom: .52rem;
}
.post-card-kicker time {
    white-space: nowrap;
    color: #7f8da6;
}
.post-card-title {
    margin: 0 0 .55rem;
    font-size: 1.16rem;
    line-height: 1.22;
    letter-spacing: -.018em;
}
.post-card-title a:hover {
    color: #bfefff;
}
.post-card-excerpt {
    margin: 0;
    color: #a9b7cf;
    font-size: .94rem;
    line-height: 1.55;
    min-height: 2.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
    min-height: 1.75rem;
    margin: .9rem 0 .25rem;
}
.post-card-tags a,
.post-card-tags span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,.095);
    background: rgba(255,255,255,.045);
    color: #b9c8de;
    border-radius: 999px;
    padding: .24rem .55rem;
    font-size: .76rem;
    font-weight: 750;
}
.post-card-tags a:hover {
    border-color: rgba(6,182,212,.38);
    color: #d8f7ff;
    background: rgba(6,182,212,.10);
}
.post-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-top: auto;
    padding-top: .95rem;
    border-top: 1px solid rgba(255,255,255,.075);
}
.post-card-author {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .62rem;
    color: #c8d4e8;
    font-weight: 850;
}
.post-card-author img {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
}
.post-card-author span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.post-card-open {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.12);
    color: #dce9ff;
    font-weight: 900;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.post-card-open:hover {
    transform: translateX(2px);
    background: rgba(6,182,212,.14);
    border-color: rgba(6,182,212,.35);
}
@media(max-width:840px){
    .grid.masonry{grid-template-columns:1fr;gap:1rem}
    .post-card-media{aspect-ratio:16/10}
}

/* Professional Blogger Profiles */
.profile-edit-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-edit-form{gap:1.1rem}.form-section h2{margin-top:0}.two-col-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.premium-slug-box{background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(6,182,212,.08));border-color:rgba(139,92,246,.22)}
.pro-profile{padding:0;overflow:hidden}.profile-cover-wrap{position:relative;min-height:260px;background:linear-gradient(135deg,#101827,#172036)}.cover{width:100%;height:300px;object-fit:cover}.cover-empty{height:300px;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.33),transparent 28rem),radial-gradient(circle at 80% 10%,rgba(6,182,212,.24),transparent 25rem),#0c1220}.profile-cover-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,9,20,.88) 100%)}.profile-edit-btn{position:absolute;right:1.1rem;top:1.1rem;z-index:2}.profile-main-row{display:flex;gap:1.25rem;align-items:flex-end;padding:0 1.5rem 1.5rem;margin-top:-4.2rem;position:relative;z-index:2}.profile-title-block{min-width:0}.profile-title-block h1{font-size:clamp(2rem,4vw,3.8rem);line-height:.95;margin:.35rem 0}.profile-handle{color:var(--muted);margin:.1rem 0}.profile-headline{font-size:1.08rem;color:#dbeafe;margin:.7rem 0 0;max-width:820px}.profile-badges{display:flex;flex-wrap:wrap;gap:.45rem}.profile-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(8,13,24,.72);backdrop-filter:blur(12px);border-radius:999px;padding:.32rem .62rem;color:#dbe7ff;font-weight:850;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.profile-badge.premium{background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(6,182,212,.22));border-color:rgba(139,92,246,.45)}.profile-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1.2rem;align-items:start}.profile-sidebar{position:sticky;top:5.5rem}.profile-sidebar h2{font-size:1rem;margin:1.2rem 0 .6rem}.profile-sidebar h2:first-child{margin-top:0}.profile-bio{color:#dbe7ff}.profile-facts{display:grid;gap:.7rem;margin:1rem 0}.profile-facts div{border:1px solid rgba(255,255,255,.08);background:rgba(8,13,24,.5);border-radius:1rem;padding:.8rem}.profile-facts span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.profile-facts strong{display:block;margin-top:.15rem;color:var(--text)}.profile-link-list{display:grid;gap:.55rem}.profile-link-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.08);background:#0c1220;border-radius:.95rem;padding:.72rem .85rem;color:#dbe7ff;font-weight:750}.profile-link-list a:hover{border-color:rgba(6,182,212,.45);background:#111a2b}.contact-link{color:#8edffc;font-weight:800}.profile-content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.profile-content-head h2{margin:.1rem 0 0}.profile-tags{margin-top:1rem}
@media(max-width:900px){.two-col-fields,.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-main-row{align-items:flex-start;flex-direction:column;margin-top:-3.2rem}.profile-edit-head,.profile-content-head{align-items:flex-start;flex-direction:column}.cover,.cover-empty{height:230px}}

/* SEO/Profile hero fit update */
.profile-cover-wrap{
    position:relative;
    height:clamp(240px,34vw,420px);
    overflow:hidden;
    background:#070b14;
    isolation:isolate;
}
.profile-cover-bg{
    position:absolute;
    inset:-24px;
    background-position:center;
    background-size:cover;
    filter:blur(24px) saturate(1.1);
    opacity:.48;
    transform:scale(1.06);
    z-index:0;
}
.profile-cover-image{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    background:rgba(5,7,19,.36);
}
.profile-cover-gradient{
    z-index:2;
    pointer-events:none;
}
.profile-edit-btn{
    z-index:3;
}
.share-row{
    display:flex;
    flex-wrap:wrap;
    gap:.55rem;
    margin:.85rem 0 1rem;
}
.share-row.compact{
    margin:.75rem 0 0;
}
.share-row .button.small,
.button.secondary.small{
    padding:.55rem .82rem;
    font-size:.86rem;
}
.profile-handle code{
    word-break:break-all;
}
@media(max-width:900px){
    .profile-cover-wrap{height:230px;}
    .profile-cover-image{object-fit:cover;}
}
.profile-cover-wrap .cover-empty{height:100%;}
@media(max-width:900px){.profile-cover-image{object-fit:contain;}}

.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.7rem;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:1rem;padding:.85rem 1rem;color:var(--text)!important}.check-row input{width:auto!important}.inline-form{margin:.7rem 0}.comments-disabled{border:1px dashed var(--line);border-radius:1rem;padding:1rem;color:var(--muted)}