*{box-sizing:border-box}body{margin:0;background:#090e13;color:#eef5f8;font:16px system-ui,-apple-system,Segoe UI,sans-serif}a{color:#79d9ff;text-decoration:none}header{position:sticky;top:0;z-index:5;display:flex;gap:24px;align-items:center;padding:18px 4vw;background:#0d141bcc;border-bottom:1px solid #23303b;backdrop-filter:blur(16px)}header nav{display:flex;gap:18px;flex:1;justify-content:center}main{max-width:1180px;margin:auto;padding:34px 22px 80px}.hero{padding:60px;border-radius:28px;background:radial-gradient(circle at 80% 10%,#163d50,#101820 45%,#0c1116)}.hero h1{font-size:64px;margin:0}.cards,.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.cards a,.stats div,.notice,.auth,.swatch,form{background:#111922;border:1px solid #253440;border-radius:18px;padding:22px}.cards a{color:white;display:flex;flex-direction:column;gap:8px}.cards span,small{color:#9eb0bc}.stats b{display:block;font-size:30px}.stats span{color:#9eb0bc}.auth{max-width:480px;margin:60px auto}.auth form{padding:0;border:0}label{display:block;margin:12px 0;color:#b9c7d0}input,select,textarea,button{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #31424f;background:#0b1117;color:#fff;margin-top:6px}textarea{min-height:120px}button{background:#3bd98a;color:#07110c;font-weight:800;cursor:pointer}.swatch{max-width:560px}.swatch>div{height:260px;background:var(--sw);border-radius:18px}.swatch h2{font-size:34px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery article{background:#111922;border:1px solid #253440;border-radius:16px;overflow:hidden}.gallery img{width:100%;height:260px;object-fit:cover}.gallery article>div,.gallery form{padding:12px;margin:0;border:0}.ok,.err{padding:14px;border-radius:12px;margin-bottom:18px}.ok{background:#123526}.err{background:#471a20}@media(max-width:800px){header{flex-wrap:wrap}header nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.hero{padding:32px}.hero h1{font-size:44px}.cards,.stats{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;background:#111922;border:1px solid #253440;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #253440}th{color:#9edfff}.diag{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.diag>div{padding:16px;border-radius:14px;border:1px solid #253440;display:flex;justify-content:space-between}.diag .pass{background:#10291f}.diag .fail{background:#3b171c}@media(max-width:800px){.diag{grid-template-columns:1fr}table{font-size:13px}}

table{width:100%;border-collapse:collapse;background:#111922;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #253440;text-align:left}.inline{display:flex;gap:8px;padding:0;margin:0;border:0}.inline select,.inline button{margin:0}.danger{background:#b73545;color:white}.colorrow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.colorrow>div{background:#111922;padding:12px;border-radius:14px}.colorrow i{display:block;height:90px;border-radius:10px;background:var(--sw);margin-bottom:8px}.diag{display:grid;gap:10px}.diag>div{display:flex;justify-content:space-between;padding:14px;border:1px solid #253440;border-radius:12px}.pass{background:#10271d}.fail{background:#35151a}@media(max-width:800px){table{display:block;overflow:auto}.colorrow{grid-template-columns:1fr 1fr}}

.lead{opacity:.8;max-width:850px}
.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.difficulty-card{background:#111827;border:1px solid #263348;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px}
.difficulty-title{display:flex;align-items:center;gap:8px;font-size:20px}.difficulty-title h2{margin:0}
.color-list{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;min-height:100px}
.color-list span{display:inline-flex;align-items:center;gap:7px;background:#0b1220;border:1px solid #263348;border-radius:999px;padding:7px 10px;font-size:13px}
.color-list i{width:15px;height:15px;border-radius:50%;background:var(--sw);border:1px solid rgba(255,255,255,.35)}
.difficulty-card form{margin-top:auto}.difficulty-card button{width:100%}
.adminmenu{position:relative;display:inline-block}.adminmenu summary{cursor:pointer;list-style:none;padding:8px 10px}.adminmenu summary::-webkit-details-marker{display:none}
.adminmenu>div{position:absolute;z-index:30;top:100%;right:0;min-width:210px;padding:8px;background:#0b1220;border:1px solid #263348;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.35)}
.adminmenu>div a{display:block;padding:9px 10px;border-radius:8px}.adminmenu>div a:hover{background:#172033}
.bingo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px}
.bingo-cell{background:#111827;border:1px solid #263348;border-radius:16px;padding:14px;overflow:hidden}.bingo-cell.done{opacity:.72}
.bingo-color{height:105px;border-radius:11px;background:var(--sw);border:1px solid rgba(255,255,255,.15)}
.bingo-cell h3{margin:10px 0}.bingo-cell input[type=file]{max-width:100%;font-size:12px}.bingo-cell button{width:100%;margin-top:8px}
@media(max-width:850px){.difficulty-grid,.bingo-grid{grid-template-columns:1fr}.adminmenu>div{left:0;right:auto}}

.swatch .swatch-color{display:block;width:100%;height:300px;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.wheel-reveal{transition-duration:.15s}}

.profile-link{display:inline-flex;align-items:center;gap:6px;color:#eef5f8;font-weight:700;padding:7px 10px;border-radius:10px}.profile-link:hover{background:#17222d}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.profile-stats>div{background:#111922;border:1px solid #253440;border-radius:15px;padding:16px}.profile-stats b{display:block;font-size:28px}.profile-stats span{color:#9eb0bc}
.profile-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.profile-panel{background:#111922;border:1px solid #253440;border-radius:18px;padding:22px;position:sticky;top:90px}.profile-panel form{padding:0;border:0}.profile-panel hr{border:0;border-top:1px solid #253440;margin:22px 0}.account-meta{display:grid;gap:7px;margin-top:18px;color:#9eb0bc;font-size:13px}
.profile-photos h2{margin-top:0}.my-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.my-gallery article{background:#111922;border:1px solid #253440;border-radius:15px;overflow:hidden}.photo-wrap{aspect-ratio:4/3;background:#070b0f}.photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.photo-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:11px}.photo-meta small{width:100%}.color-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.photo-status{margin-left:auto;font-size:11px;padding:4px 7px;border-radius:999px;background:#173529}.photo-status.hidden{background:#3c2920}.empty-state{display:flex;flex-direction:column;gap:7px;background:#111922;border:1px dashed #31424f;border-radius:16px;padding:35px;text-align:center}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-panel{position:static}.my-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.profile-stats,.my-gallery{grid-template-columns:1fr}}


.hunt-picked{display:grid;grid-template-columns:minmax(260px,560px) 1fr;gap:22px;align-items:stretch;margin:22px 0}
.picked-color{min-height:310px;border-radius:22px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 18px 45px rgba(0,0,0,.22)}
.picked-info{background:#111922;border:1px solid #253440;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center}
.picked-info span,.picked-info small{color:#9eb0bc}.picked-info h2{font-size:44px;margin:8px 0 12px}
.hunt-upload{margin-top:18px}
@media(max-width:800px){.hunt-picked{grid-template-columns:1fr}.picked-color{min-height:230px}.picked-info h2{font-size:36px}}

.picked-color{background-color:#202a33}

.hunt-actions{display:flex;justify-content:flex-end;margin:10px 0}.hunt-actions form{padding:0;border:0;background:none;width:min(340px,100%)}button.secondary,.secondary{background:#172532;color:#dcecf5;border-color:#365064}button:disabled{opacity:.45;cursor:not-allowed}
.reset-hunt{margin-top:7px!important}.color-admin-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.color-editor{position:static}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.admin-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-color-card{display:grid;grid-template-columns:70px 1fr;gap:12px;background:#111922;border:1px solid #253440;border-radius:15px;padding:12px}.admin-color-card.inactive{opacity:.5}.admin-color-sample{width:70px;height:70px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.admin-color-card small{display:block;margin-top:5px}.admin-color-actions{grid-column:1/-1;display:flex;gap:8px}.admin-color-actions form{padding:0;border:0;background:none;margin:0;flex:1}.admin-color-actions button,.button-link{display:block;width:100%;padding:10px;border-radius:10px;text-align:center}.button-link{background:#172532;color:#dcecf5;border:1px solid #365064}
@media(max-width:900px){.color-admin-layout{grid-template-columns:1fr}.admin-color-grid{grid-template-columns:1fr}}
\n.daily-card{display:grid;grid-template-columns:minmax(260px,520px) 1fr;gap:22px;align-items:center;margin:20px 0}.daily-card h2{font-size:44px;margin:8px 0}.theme-card,.badge-shelf{background:#111922;border:1px solid #253440;border-radius:16px;padding:18px;margin:14px 0}.legendary-banner{padding:12px 16px;border:1px solid #d5a62e;border-radius:12px;background:rgba(213,166,46,.12);font-weight:800;margin:12px 0}.joker{background:#6d4aff}.hunt-actions{gap:10px;flex-wrap:wrap}.hunt-actions form{flex:1}.profile-stats.rich{grid-template-columns:repeat(3,1fr)}.event-badge{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border-radius:999px;background:#172532;border:1px solid #365064;margin:5px}.exif{font-size:12px;color:#9eb0bc;padding-top:5px}@media(max-width:800px){.daily-card{grid-template-columns:1fr}.profile-stats.rich{grid-template-columns:repeat(2,1fr)}}\n
.event-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:15px}.event-color{background:#0b1219;border:1px solid #263746;border-radius:12px;padding:10px}.event-color>i{display:block;height:70px;border-radius:9px;margin-bottom:8px}.event-color form{padding:0;border:0;margin-top:8px}.event-color input[type=file]{font-size:11px}

/* v7 Albertirsai Fotókör Edition */
:root{--bg:#070c10;--panel:#0d151c;--panel2:#111c25;--line:#243541;--text:#f3f6f7;--muted:#9caeb9;--gold:#ffc83d;--cyan:#55c9ff;--green:#54df9a}
body{background:radial-gradient(circle at 80% -10%,#1d2830 0,transparent 28%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.sitebar{padding:10px 2.2vw;background:rgba(6,11,15,.82);border-color:rgba(255,255,255,.1);box-shadow:0 10px 40px rgba(0,0,0,.28)}
.brand{display:flex;align-items:center;gap:10px;color:white;min-width:205px}.brand-camera{width:46px;height:46px;border:1px solid #647682;border-radius:14px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#15212a,#090f14)}.brand strong{font-size:12px;letter-spacing:.13em;display:block}.brand em{display:block;color:var(--gold);font-family:cursive;font-size:19px;font-weight:500;line-height:1}.sitebar nav{gap:5px}.sitebar nav>a,.adminmenu summary{padding:10px 11px;border-radius:10px;color:#cbd5db;font-size:13px;white-space:nowrap}.sitebar nav>a:hover,.adminmenu summary:hover{background:#17232d;color:white}.sitebar nav i{margin-right:5px}.userbox{display:flex;align-items:center;gap:5px}.logout{padding:8px;color:#91a2ad}.profile-link{white-space:nowrap}
main{max-width:1380px;padding-top:24px}.photo-hero{min-height:440px;position:relative;overflow:hidden;padding:0;background-image:url('albertirsa-colorhunt-hero.png');background-size:cover;background-position:center 30%;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 80px rgba(0,0,0,.42)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,11,.93) 0%,rgba(3,8,11,.65) 42%,rgba(3,8,11,.12) 76%),linear-gradient(0deg,rgba(3,8,11,.72),transparent 60%)}.hero-copy{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(-50%);max-width:690px}.eyebrow{font-size:13px;letter-spacing:.35em;color:#d5dde2}.photo-hero h1{font-size:clamp(62px,8vw,116px);font-style:italic;letter-spacing:-.07em;line-height:.8;margin:22px 0 24px;text-shadow:0 12px 30px #000}.photo-hero p{font-size:23px;margin:0 0 24px}.hero-tags{display:flex;gap:18px;flex-wrap:wrap}.hero-tags span{font-size:13px}.hero-tags i{color:var(--gold);margin-right:6px}.viewfinder i{position:absolute;width:30px;height:30px;border-color:rgba(255,255,255,.55)}.viewfinder i:nth-child(1){left:18px;top:18px;border-left:1px solid;border-top:1px solid}.viewfinder i:nth-child(2){right:18px;top:18px;border-right:1px solid;border-top:1px solid}.viewfinder i:nth-child(3){left:18px;bottom:18px;border-left:1px solid;border-bottom:1px solid}.viewfinder i:nth-child(4){right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}
.feature-cards{grid-template-columns:repeat(4,1fr);margin-top:-38px;position:relative;z-index:3;padding:0 22px}.feature-cards a{min-height:175px;background:linear-gradient(145deg,rgba(20,31,40,.96),rgba(9,15,20,.98));box-shadow:0 16px 45px rgba(0,0,0,.38);transition:.25s transform,.25s border-color}.feature-cards a:hover{transform:translateY(-7px);border-color:#526976}.feature-cards>a>i{font-size:30px;color:var(--gold)}.feature-cards b{font-size:20px}.feature-cards strong{margin-top:auto;color:#f5d46e;font-size:13px}.home-manifesto{margin:32px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;background:linear-gradient(120deg,#101a22,#0a1117);border:1px solid var(--line);border-radius:24px;padding:38px;position:relative;overflow:hidden}.home-manifesto:after{content:"f/2.8  •  1/500  •  ISO 400";position:absolute;right:22px;bottom:14px;color:#5e707b;font:11px monospace;letter-spacing:.1em}.home-manifesto h2{font-size:38px;margin:9px 0}.home-manifesto p{color:var(--muted);line-height:1.7;max-width:700px}.home-manifesto blockquote{margin:0;border-left:1px solid #52636d;padding:30px;font-size:23px;font-style:italic;color:#d7e0e5;align-self:center}.cta{display:inline-flex;gap:8px;align-items:center;background:var(--gold);color:#16130a;padding:12px 17px;border-radius:11px;font-weight:800;margin-top:10px}
.notice,.difficulty-card,.profile-panel,.theme-card,.badge-shelf,.gallery article,.bingo-cell,.daily-card,.picked-info,.stats div{background:linear-gradient(145deg,rgba(18,29,38,.96),rgba(10,17,23,.98));border-color:#2a3c49;box-shadow:0 16px 45px rgba(0,0,0,.18)}
.gallery article,.my-gallery article{transition:.25s transform,.25s box-shadow}.gallery article:hover,.my-gallery article:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(0,0,0,.35)}.gallery img,.photo-wrap img{filter:saturate(.95) contrast(1.03);transition:.35s transform}.gallery article:hover img,.my-gallery article:hover img{transform:scale(1.025)}
.picked-color{box-shadow:0 20px 65px rgba(0,0,0,.35),inset 0 0 60px rgba(255,255,255,.08)}button{background:linear-gradient(135deg,#54df9a,#2dcf80);box-shadow:0 8px 25px rgba(45,207,128,.13)}button:hover{filter:brightness(1.06)}h1,h2,h3{letter-spacing:-.025em}h1{font-size:38px}.legendary-banner{box-shadow:0 0 45px rgba(213,166,46,.12)}
@media(max-width:1100px){.sitebar nav{overflow:auto;justify-content:flex-start}.brand{min-width:170px}.feature-cards{grid-template-columns:repeat(2,1fr)}.photo-hero{min-height:390px}}
@media(max-width:720px){.sitebar{padding:10px 14px}.brand{min-width:0}.brand strong{font-size:10px}.brand em{font-size:16px}.userbox{margin-left:auto}.photo-hero{min-height:390px;background-position:60% center}.hero-copy{left:8%;right:8%}.photo-hero h1{font-size:58px}.photo-hero p{font-size:18px}.feature-cards{grid-template-columns:1fr;margin-top:18px;padding:0}.home-manifesto{grid-template-columns:1fr;padding:25px}.home-manifesto h2{font-size:30px}.home-manifesto blockquote{padding:15px 0 35px;border-left:0;border-top:1px solid #40505a}.hero-tags{gap:10px}}
/* v7.1 dashboard redesign matching approved concept */
.v71{--side:210px;--top:62px;background:#050a0e;color:#eef3f6}.topbar{position:fixed;z-index:50;left:var(--side);right:0;top:0;height:var(--top);display:flex;align-items:center;padding:0 22px;background:rgba(7,12,16,.92);backdrop-filter:blur(18px);border-bottom:1px solid #1e2b34}.topbar>.brand{display:none}.topbar nav{display:flex;gap:5px;flex:1;justify-content:center}.topbar nav a{padding:10px 12px;color:#c7d1d7;border-radius:9px;font-size:13px}.topbar nav a:hover{background:#18242e;color:#fff}.sidebar{position:fixed;z-index:60;left:0;top:0;bottom:0;width:var(--side);background:linear-gradient(180deg,#071017,#080d12);border-right:1px solid #1e2b34;padding:18px 10px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:9px;padding:0 9px 18px;color:#fff;border-bottom:1px solid #1d2a33}.side-brand strong{font-size:12px;letter-spacing:.13em}.side-brand em{display:block;color:#ffc83d;font:19px cursive}.side-nav{padding-top:14px}.side-nav>a{display:flex;align-items:center;gap:13px;padding:11px 14px;color:#c7d1d7;border-radius:8px;font-size:13px}.side-nav>a:hover{background:#17232d;color:#fff}.side-nav i{font-size:16px;width:20px}.side-label{font-size:10px;color:#637681;margin:18px 14px 7px}.lens-deco{margin-top:auto;padding:18px 13px;border-top:1px solid #1d2a33;color:#9eafb8}.lens-deco>i{font-size:45px;color:#627681}.lens-deco small{display:block;margin:10px 0;letter-spacing:.14em}.lens-deco em{font:22px cursive;color:#ffc83d}.appmain{margin-left:var(--side);padding:calc(var(--top) + 14px) 16px 20px;max-width:none}.dash-hero{height:275px;position:relative;border-radius:0;overflow:hidden;background:url('albertirsa-colorhunt-hero.png') center 35%/cover;border:1px solid #2b3942}.dash-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,10,.82),rgba(2,7,10,.2) 62%,rgba(2,7,10,.05)),linear-gradient(0deg,rgba(2,7,10,.4),transparent)}.dash-hero .hero-copy{z-index:2;left:7%;top:50%;max-width:600px}.dash-hero h1{font-size:74px;font-style:italic;line-height:.9;margin:13px 0 15px;color:#fff}.dash-hero h1 b{color:#ffc83d}.dash-hero p{font-size:21px}.photo-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px}.photo-menu a{min-height:105px;border:1px solid #31414c;border-radius:12px;padding:15px;background:linear-gradient(145deg,#101b23,#0a1117);display:flex;flex-direction:column;gap:5px;color:#fff}.photo-menu a:hover{border-color:#71818a;transform:translateY(-2px)}.photo-menu i{font-size:25px;color:#ffc83d}.photo-menu b{font-size:16px}.photo-menu span{font-size:12px;color:#b1bec6}.dash-grid{display:grid;grid-template-columns:1.2fr 1.1fr .68fr;gap:12px;margin-top:12px}.daily-panel,.hunt-panel,.user-panel,.theme-home,.latest-home{background:linear-gradient(145deg,#101a22,#091116);border:1px solid #263640;border-radius:12px;padding:16px}.panel-title{font-weight:800;font-size:16px;margin-bottom:12px}.panel-title i{color:#ffc83d;margin-right:7px}.panel-title small{display:block;color:#9baab3;font-weight:400;font-size:11px;margin:3px 0 0 24px}.daily-flex{display:grid;grid-template-columns:145px 1fr;gap:17px;align-items:center}.daily-swatch{height:145px;border-radius:9px;border:1px solid rgba(255,255,255,.3)}.daily-flex h2{font-size:30px;margin:0 0 7px}.challenge-pill{background:#ffc83d;color:#15120a;font-size:10px;font-weight:900;padding:5px 8px;border-radius:5px}.gold-btn{display:inline-block;background:#ffc83d;color:#161208;padding:10px 14px;border-radius:8px;font-weight:900;margin-top:5px}.mini-diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-diffs a{height:150px;border-radius:10px;border:1px solid #2c3e49;background:linear-gradient(180deg,#20333d,#0b141a);padding:13px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.mini-diffs a:nth-child(1){border-bottom:2px solid #44dd75}.mini-diffs a:nth-child(2){border-bottom:2px solid #32a8ff}.mini-diffs a:nth-child(3){border-bottom:2px solid #ff3e3e}.mini-diffs i{font-size:30px;margin-bottom:auto}.mini-diffs b{font-size:15px}.mini-diffs small{color:#aebac1}.user-panel{text-align:center}.avatar{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffb52c,#6f3b09);font-size:25px;border:2px solid #ffc83d}.user-panel h3{margin:4px 0}.xpbar{height:6px;background:#1d2b34;border-radius:99px;margin:14px 0}.xpbar i{display:block;height:100%;background:#ffc83d;border-radius:99px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #23323b;padding-top:12px}.quick-stats span{display:flex;flex-direction:column}.quick-stats small{font-size:9px;color:#91a2ac}.bottom-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;margin-top:12px}.theme-home{min-height:145px;background:linear-gradient(120deg,rgba(84,35,10,.75),#10161b)}.theme-home h3{font-size:22px;margin:6px 0}.theme-home p{color:#bac5cb}.theme-home>a{color:#ffd04d;font-weight:800}.latest-home .panel-title a{float:right;color:#aab7bf;font-size:11px}.latest-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.latest-strip img{width:100%;height:112px;object-fit:cover;border-radius:7px}.photo-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 0;color:#8fa0aa;font-size:12px}.photo-footer q{color:#c4cdd2;font-style:italic}.photo-footer code{color:#657782}.sitebar{display:none!important}
@media(max-width:1050px){.v71{--side:72px}.side-brand span:last-child,.side-nav span,.lens-deco{display:none}.side-brand{justify-content:center;padding-left:0;padding-right:0}.side-nav>a{justify-content:center}.topbar nav a{font-size:0}.topbar nav i{font-size:17px}.dash-grid{grid-template-columns:1fr 1fr}.user-panel{grid-column:1/-1}.photo-menu{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.v71{--side:0px;--top:58px}.sidebar{display:none}.topbar{left:0;padding:0 8px}.topbar nav{overflow-x:auto;justify-content:flex-start}.topbar .userbox{display:none}.appmain{padding-left:9px;padding-right:9px}.dash-hero{height:290px}.dash-hero .hero-copy{left:7%}.dash-hero h1{font-size:54px}.hero-tags{display:none}.photo-menu{grid-template-columns:1fr 1fr}.dash-grid,.bottom-grid{grid-template-columns:1fr}.user-panel{grid-column:auto}.daily-flex{grid-template-columns:110px 1fr}.daily-swatch{height:110px}.mini-diffs{grid-template-columns:1fr}.mini-diffs a{height:100px}.latest-strip{grid-template-columns:repeat(3,1fr)}.photo-footer{flex-direction:column;gap:8px;align-items:flex-start}}

.color-groups{display:grid;gap:18px}.color-group{border:1px solid #263641;border-radius:18px;background:#0d151c;overflow:hidden}.color-group summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#111d26,#0d151c);list-style:none}.color-group summary::-webkit-details-marker{display:none}.color-group summary span{display:flex;align-items:center;gap:9px;font-size:18px}.color-group summary small{font-size:12px;color:#8fa0aa;font-weight:400}.color-group summary strong{background:#1a2731;border:1px solid #344753;padding:7px 11px;border-radius:999px}.color-group .admin-color-grid{padding:14px}
.theme-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 28px}.theme-preset{background:#0d171f;border:1px solid #293a45;border-radius:18px;padding:16px}.theme-preset-head{display:flex;gap:10px;align-items:center}.theme-preset-head i{font-size:22px;color:#ffc83d}.theme-preset-head b{display:block;font-size:17px}.theme-preset-head small{display:block;color:#81929d;margin-top:2px}.theme-preset p{min-height:48px;color:#aebac1}.theme-swatches{display:flex;height:28px;border-radius:9px;overflow:hidden;border:1px solid #354650;margin:12px 0 7px}.theme-swatches span{flex:1}.theme-color-names{font-size:11px;color:#8f9ea7;min-height:34px}.theme-preset form{padding:0;border:0;background:none;margin-top:12px;display:flex;gap:8px}.theme-preset form input{width:88px;margin:0}.theme-preset form button{margin:0}.theme-custom-form{max-width:720px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1100px){.theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.theme-preset-grid{grid-template-columns:1fr}.color-group summary span{align-items:flex-start;flex-direction:column}.form-two{grid-template-columns:1fr}}

.theme-edit-box{background:#101a22;border:1px solid #334752;border-radius:20px;padding:20px;margin:0 0 28px}.theme-color-picker{display:grid;gap:14px;margin:12px 0 20px}.theme-color-picker fieldset{border:1px solid #2b3b45;border-radius:14px;padding:12px}.theme-color-picker legend{padding:0 8px;font-weight:800}.theme-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.theme-color-check{display:flex!important;align-items:center;gap:8px;background:#0b1319;border:1px solid #263640;border-radius:10px;padding:8px!important;margin:0!important;cursor:pointer}.theme-color-check input{width:auto!important;margin:0!important}.theme-color-check i{width:22px;height:22px;border-radius:6px;border:1px solid #ffffff30;flex:0 0 22px}.theme-color-check span{font-size:12px}.theme-custom-form.wide{max-width:none}.preset-edit{margin-top:12px}.preset-activate{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.preset-activate label{font-size:11px}.preset-activate input{width:100%!important}.preset-activate button{grid-column:1/-1}.inline-link{display:inline-block!important;width:auto!important}.theme-admin-list{display:grid;gap:10px}.theme-list-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#0d171f;border:1px solid #293a45;border-radius:14px;padding:14px}.theme-list-card b,.theme-list-card small{display:block}.theme-list-card small{color:#8d9ba4;margin-top:4px}.theme-swatches.compact{width:min(420px,100%);height:20px}.theme-list-actions{display:flex;gap:8px}.theme-list-actions form{padding:0;border:0;background:none;margin:0}
@media(max-width:1000px){.theme-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.theme-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-list-card{align-items:stretch;flex-direction:column}.theme-list-actions{flex-direction:column}}

/* v7.4: content-first home, no duplicate top navigation / hero slider */
.v74 .appmain{margin-left:220px;padding:28px 34px 50px;min-height:100vh}.v74 .sidebar{top:0;height:100vh}.home-top{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 20px}.home-top .eyebrow{letter-spacing:.28em;font-size:11px;color:#8d9aa3}.home-top h1{font-size:42px;line-height:1;margin:6px 0}.home-top h1 b{color:#ffc533}.home-top p{margin:0;color:#a9b4bb}.home-user{display:flex;gap:14px}.home-user a{color:#dbe5ea}.home-menu{margin:0 0 14px!important}.home-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.real-daily .daily-swatch{position:relative;min-width:150px;min-height:150px;border:2px solid rgba(255,255,255,.22);box-shadow:inset 0 0 40px rgba(255,255,255,.08)}.real-daily .daily-swatch span{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(0,0,0,.58);color:#fff;padding:6px 8px;border-radius:7px;text-align:center;font-weight:800;text-shadow:0 1px 2px #000}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-head h2{margin:0}.section-head a{color:#ffc533}.latest-ten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.latest-ten a{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid #293a45;background:#101820}.latest-ten img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.latest-ten a:hover img{transform:scale(1.04)}.latest-ten span{position:absolute;left:0;right:0;bottom:0;padding:20px 9px 8px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff}.latest-ten b,.latest-ten small{display:block}.latest-ten small{opacity:.72}.home-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-theme-card{display:block;background:#0d171f;border:1px solid #293a45;border-radius:16px;padding:15px;color:#eaf0f3}.home-theme-card:hover{border-color:#ffc533}.home-theme-card h3{margin:5px 0 9px}.home-theme-card>span:last-child{display:block;margin-top:10px;color:#ffc533}.theme-link{display:block;color:inherit}.theme-detail-colors{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.theme-detail-colors span{display:flex;align-items:center;gap:7px;background:#101a22;border:1px solid #2b3b45;border-radius:999px;padding:7px 10px}.theme-detail-colors i{width:20px;height:20px;border-radius:50%;border:1px solid #ffffff40}.theme-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-photo-grid figure{margin:0;background:#0d171f;border:1px solid #293a45;border-radius:14px;overflow:hidden}.theme-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.theme-photo-grid figcaption{display:flex;justify-content:space-between;padding:9px 10px}.backlink{color:#ffc533}
@media(max-width:1100px){.latest-ten{grid-template-columns:repeat(3,minmax(0,1fr))}.home-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.v74 .appmain{margin-left:0;padding:18px}.home-main-grid{grid-template-columns:1fr}.latest-ten{grid-template-columns:repeat(2,minmax(0,1fr))}.home-theme-grid{grid-template-columns:1fr}.theme-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-top h1{font-size:34px}}

.current-contests{margin-bottom:30px}.live-pill{font-size:11px;font-weight:900;color:#77ef9a;background:#12321d;border:1px solid #245e35;border-radius:999px;padding:6px 10px}.contest-card{display:grid;grid-template-columns:1.5fr .8fr;gap:22px;background:linear-gradient(135deg,#101b23,#0b1319);border:1px solid #334650;border-radius:20px;padding:20px;margin-bottom:14px;box-shadow:0 15px 40px #0003}.contest-card h2{font-size:28px;margin:5px 0}.weekly-rule{color:#ffc83d}.contest-upload{display:flex;align-items:center}.contest-upload form,.theme-week-upload form{width:100%;background:#0a1117;border:1px solid #293943;border-radius:15px;padding:14px}.week-done{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:#102419;border:1px solid #28573a;border-radius:15px;padding:25px}.week-done i{font-size:32px;color:#63e98c}.week-done span{color:#91a79a;font-size:12px}.theme-week-upload{max-width:650px;margin:18px 0}.theme-week-upload form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.theme-week-upload label{margin:0}.theme-week-upload button{margin:0 0 1px}
@media(max-width:850px){.contest-card{grid-template-columns:1fr}.theme-week-upload form{grid-template-columns:1fr}}

/* v7.7 mobile responsive pass */
.mobilebar,.mobile-menu-close,.mobile-menu-backdrop{display:none}
@media(max-width:850px){
 html,body{max-width:100%;overflow-x:hidden}
 body.v77{padding-top:64px}
 .v77 .appmain{margin-left:0!important;padding:14px 12px 38px!important;width:auto!important;max-width:100%!important}
 .mobilebar{position:fixed;display:flex;align-items:center;gap:10px;left:0;right:0;top:0;height:64px;padding:0 12px;background:rgba(8,14,19,.97);border-bottom:1px solid #263640;z-index:1100;backdrop-filter:blur(12px)}
 .mobile-menu-btn,.mobile-profile,.mobile-menu-close{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border:1px solid #30424e;border-radius:11px;background:#111c24;color:#f1f5f7;padding:0;margin:0}
 .mobile-menu-btn i{font-size:25px}.mobile-profile{margin-left:auto;font-size:22px}
 .mobile-brand{min-width:0;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:7px;color:#fff;text-decoration:none;line-height:1.05}
 .mobile-brand>i{grid-row:1/3;color:#ffc533;font-size:20px;align-self:center}.mobile-brand span{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-brand b{font-size:10px;letter-spacing:.16em;color:#ffc533;margin-top:3px}
 .v77 .sidebar{display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(310px,86vw)!important;height:100dvh!important;z-index:1200!important;transform:translateX(-105%);transition:transform .24s ease;overflow-y:auto;padding-top:62px!important;box-shadow:16px 0 45px rgba(0,0,0,.55)}
 .v77 .sidebar.mobile-open{transform:translateX(0)}
 .mobile-menu-close{position:absolute;display:grid;right:12px;top:11px;z-index:2}
 .mobile-menu-backdrop{position:fixed;display:block;inset:0;background:rgba(0,0,0,.65);z-index:1150;opacity:0;visibility:hidden;transition:.2s}
 .mobile-menu-backdrop.show{opacity:1;visibility:visible}
 body.mobile-menu-open{overflow:hidden}
 .home-top{align-items:flex-start!important;margin-bottom:14px!important}.home-top .home-user{display:none!important}.home-top h1{font-size:30px!important}.home-top .eyebrow{font-size:9px!important}.home-top p{font-size:13px}
 .home-menu,.photo-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .home-menu>a,.photo-menu>a{min-width:0!important;min-height:108px!important;padding:13px 10px!important}.home-menu>a:last-child,.photo-menu>a:last-child{grid-column:1/-1}
 .home-menu a b,.photo-menu a b{font-size:12px!important}.home-menu a span,.photo-menu a span{font-size:10px!important;white-space:normal!important}
 .home-main-grid{display:block!important}.home-main-grid>section{margin-bottom:12px}
 .daily-panel,.hunt-panel{padding:14px!important;overflow:hidden!important}
 .daily-flex{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}
 .real-daily .daily-swatch,.daily-swatch{display:flex!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:150px!important;min-height:150px!important;margin:0!important;flex:none!important;border-radius:16px!important;overflow:hidden!important}
 .real-daily .daily-swatch span,.daily-swatch span{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;width:auto!important;margin:0!important;z-index:2!important}
 .daily-flex>div:last-child{width:100%!important;min-width:0!important}.daily-flex h2{font-size:25px!important;margin:0 0 8px!important}
 .panel-title{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}.panel-title small{margin-left:auto!important}
 .mini-diffs{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.mini-diffs a{min-height:auto!important}
 .latest-ten{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.latest-ten a{border-radius:10px!important}.latest-ten b{font-size:11px}.latest-ten small{font-size:10px}
 .home-theme-grid,.theme-preset-grid{grid-template-columns:1fr!important}
 .theme-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .contest-card{grid-template-columns:1fr!important;padding:14px!important}.contest-card h2{font-size:23px!important}
 .theme-week-upload form,.preset-activate{grid-template-columns:1fr!important}
 .theme-check-grid{grid-template-columns:1fr 1fr!important}
 .theme-list-actions{width:100%}.theme-list-actions>*{flex:1}
 table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 input,select,textarea,button{max-width:100%}
 img{max-width:100%}
}
@media(max-width:420px){
 .v77 .appmain{padding-left:9px!important;padding-right:9px!important}
 .mobile-brand span{max-width:155px}
 .home-menu,.photo-menu{grid-template-columns:1fr 1fr!important}
 .latest-ten,.theme-photo-grid{grid-template-columns:1fr 1fr!important}
 .theme-check-grid{grid-template-columns:1fr!important}
}

/* v7.8 – corrected mobile drawer */
.mobile-drawer-title{display:none}
@media(max-width:850px){
 .v77 .sidebar{
   width:min(330px,88vw)!important;
   padding:14px 14px 24px!important;
   padding-top:72px!important;
   display:flex!important;
   flex-direction:column!important;
   align-items:stretch!important;
 }
 .mobile-drawer-title{display:block;position:absolute;left:18px;top:24px;font-size:11px;font-weight:900;letter-spacing:.18em;color:#7f919c}
 .v77 .sidebar .side-brand{
   display:flex!important;align-items:center!important;gap:12px!important;
   width:100%!important;padding:10px 8px 18px!important;margin:0 0 8px!important;
   border-bottom:1px solid #1d2a33!important;text-align:left!important
 }
 .v77 .sidebar .side-brand .brand-camera{
   width:48px!important;height:48px!important;min-width:48px!important;display:grid!important;place-items:center!important;
   border:1px solid #526674!important;border-radius:13px!important
 }
 .v77 .sidebar .side-brand .brand-camera i{font-size:23px!important}
 .v77 .sidebar .side-brand strong{display:block!important;font-size:12px!important;line-height:1.25!important}
 .v77 .sidebar .side-brand em{display:block!important;font-size:17px!important;margin-top:2px!important}
 .v77 .sidebar .side-nav{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important;padding:6px 0 0!important}
 .v77 .sidebar .side-nav>a{
   display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;
   width:100%!important;min-height:46px!important;padding:11px 13px!important;margin:0!important;
   border-radius:10px!important;color:#cbd6dc!important;font-size:14px!important;text-align:left!important
 }
 .v77 .sidebar .side-nav>a i{display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;font-size:18px!important}
 .v77 .sidebar .side-nav>a span{display:block!important;opacity:1!important;visibility:visible!important;width:auto!important;height:auto!important;
   overflow:visible!important;white-space:normal!important;font-weight:650!important}
 .v77 .sidebar .side-nav>a:hover,.v77 .sidebar .side-nav>a:active{background:#172630!important;color:#fff!important}
 .v77 .sidebar .side-label{display:block!important;margin:18px 13px 6px!important;font-size:10px!important;letter-spacing:.14em!important}
 .v77 .sidebar .lens-deco{display:none!important}
 .v77 .mobile-menu-close{right:14px!important;top:14px!important}
}

/* v7.9 – desktop/mobile layout isolation
   Desktop content must always start after the fixed 220px sidebar. */
@media(min-width:851px){
 body.v77{padding-top:0!important}
 .v77 .mobilebar,.v77 .mobile-menu-backdrop,.v77 .mobile-menu-close,.v77 .mobile-drawer-title{display:none!important}
 .v77 .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:220px!important;height:100vh!important;transform:none!important;display:flex!important;padding:18px 10px!important}
 .v77 .appmain{margin-left:220px!important;width:calc(100% - 220px)!important;max-width:none!important;padding:28px 34px 50px!important}
}

/* v7.10 – mobile logout */
.mobile-logout-link{display:none!important}
@media(max-width:850px){
 .v77 .sidebar .side-nav>a.mobile-logout-link{
   display:flex!important;
   margin-top:7px!important;
   color:#ffb5b5!important;
   border-top:1px solid #263640!important;
   border-radius:0 0 10px 10px!important;
   padding-top:15px!important;
 }
 .v77 .sidebar .side-nav>a.mobile-logout-link i{color:#ff7777!important}
}

/* v7.12 admin users */
.admin-page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.admin-page-head h1{margin-bottom:5px}.admin-page-head p{margin:0;color:#91a2ac}.admin-page-head>span{color:#ffc83d;font-weight:800}.admin-user-list{display:grid;gap:12px}.admin-user-card{background:linear-gradient(145deg,#101a22,#091116);border:1px solid #293943;border-radius:16px;padding:16px}.admin-user-ident{display:flex;align-items:center;gap:13px}.user-avatar{width:45px;height:45px;min-width:45px;display:grid;place-items:center;border-radius:50%;background:#182630;color:#ffc83d;font-size:20px}.admin-user-ident>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.admin-user-ident b{font-size:16px}.admin-user-ident span,.admin-user-ident small{color:#91a2ac}.user-badges{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.user-badges em{font-style:normal;font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#17242c}.role-admin{color:#ffc83d!important}.status-active{color:#68e991!important}.status-disabled{color:#ff7777!important}.user-edit{margin-top:13px;border-top:1px solid #263640;padding-top:11px}.user-edit summary{cursor:pointer;color:#cbd6dc;font-weight:750}.user-edit form{margin-top:12px;padding:14px}.user-edit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.user-edit-grid label{margin:0}.admin-user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-user-actions form{padding:0;border:0;background:none;margin:0}.admin-user-actions button{width:auto;margin:0}.danger{background:#3a171a!important;border-color:#733038!important;color:#ffb5b5!important}
@media(max-width:1050px){.user-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.admin-page-head{align-items:flex-start;flex-direction:column}.admin-user-ident{align-items:flex-start;flex-wrap:wrap}.user-badges{margin-left:58px;width:100%}.user-edit-grid{grid-template-columns:1fr}.admin-user-actions{display:grid;grid-template-columns:1fr}.admin-user-actions button{width:100%}}

/* v7.13 SMTP admin */
.settings-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(520px,1.5fr);gap:16px;align-items:start}.settings-card{background:linear-gradient(145deg,#101a22,#091116);border:1px solid #293943;border-radius:17px;padding:18px}.settings-card h2{margin:0 0 12px}.settings-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.settings-card-head p{margin:3px 0 16px;color:#91a2ac}.smtp-state{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.smtp-state.ok{background:#102b1b;color:#70e995}.smtp-state.warn{background:#342a10;color:#ffd66c}.smtp-grid{display:grid;grid-template-columns:2fr .65fr 1fr;gap:11px}.smtp-grid label{margin:0}.smtp-help{font-size:12px;color:#91a2ac;margin:14px 0}.smtp-test-form{border:0!important;background:none!important;padding:12px 0 0!important;margin:12px 0 0!important;border-top:1px solid #263640!important}.smtp-test-form button{margin:0}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.smtp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.settings-card-head{flex-direction:column}.smtp-grid{grid-template-columns:1fr}.smtp-state{white-space:normal}}

/* v7.15 Color Book + Trash */
.color-book{margin:22px 0;background:linear-gradient(145deg,#101a22,#091116);border:1px solid #293943;border-radius:19px;padding:18px}.color-book-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.color-book-head h2{margin:4px 0}.color-book-head p{margin:0;color:#91a2ac}.book-progress{text-align:right}.book-progress b{display:block;font-size:25px;color:#ffc83d}.book-progress span{font-size:12px;color:#91a2ac}.book-bar{height:7px;background:#1c2a32;border-radius:99px;overflow:hidden;margin:15px 0 18px}.book-bar i{display:block;height:100%;background:linear-gradient(90deg,#c58c13,#ffd75b);border-radius:99px}.color-book-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.book-color{min-width:0;background:#0b1318;border:1px solid #263640;border-radius:12px;padding:8px}.book-swatch{height:65px;border-radius:9px;display:grid;place-items:center;margin-bottom:8px;box-shadow:inset 0 0 0 1px #ffffff18}.book-swatch i{font-size:20px;background:#081016bb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#fff}.book-color.locked .book-swatch{filter:saturate(.05) brightness(.42)}.book-color.locked{opacity:.7}.book-color b,.book-color small,.book-color a{display:block;overflow:hidden;text-overflow:ellipsis}.book-color b{font-size:12px;white-space:nowrap}.book-color small{font-size:9px;color:#82939d;margin-top:2px}.book-color a{font-size:10px;color:#ffc83d;margin-top:6px;text-decoration:none}.trash-list{display:grid;gap:10px}.trash-card{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#101a22,#091116);border:1px solid #293943;border-radius:15px;padding:14px}.trash-icon{width:43px;height:43px;min-width:43px;border-radius:11px;background:#2d1719;color:#ff8585;display:grid;place-items:center;font-size:19px}.trash-info{display:flex;flex-direction:column;min-width:0}.trash-info small{color:#ffc83d;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.12em}.trash-info span{color:#91a2ac;font-size:11px}.trash-actions{margin-left:auto;display:flex;gap:7px}.trash-actions form{padding:0!important;margin:0!important;border:0!important;background:none!important}.trash-actions button{margin:0!important;width:auto!important}
@media(max-width:1150px){.color-book-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){.color-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trash-card{align-items:flex-start;flex-wrap:wrap}.trash-actions{margin-left:57px;width:calc(100% - 57px)}}
@media(max-width:520px){.color-book{padding:13px}.color-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.book-swatch{height:55px}.color-book-head{align-items:flex-start}.trash-actions{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr}.trash-actions button{width:100%!important}}

/* v7.16 portfolio, gallery filters, slideshow */
.gallery-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px}.gallery-head h1,.gallery-head h2{margin-bottom:4px}.gallery-head p{margin:0;color:#91a2ac}.gallery-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;background:#0e171d;border:1px solid #293943;border-radius:16px;padding:14px;margin-bottom:20px}.gallery-filters label{margin:0}.check-filter{display:flex!important;align-items:center;gap:8px}.check-filter input{width:auto}.filter-actions{display:flex;align-items:end;gap:8px}.filter-actions a{padding:10px;color:#aab7bf}.gallery-image-link{display:block}.gallery a{color:inherit}.portfolio-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#101c24,#0a1116);border:1px solid #2a3a44;border-radius:20px;padding:22px}.portfolio-avatar{font-size:54px;color:#ffc83d}.portfolio-hero h1{margin:3px 0}.portfolio-hero p{margin:0;color:#91a2ac}.portfolio-stats{margin-left:auto;display:flex;gap:8px}.portfolio-stats span{background:#0a1217;border:1px solid #263741;border-radius:12px;padding:10px 14px;text-align:center;color:#91a2ac}.portfolio-stats b{display:block;color:#fff;font-size:20px}.compact-book .book-swatch{height:50px}.portfolio-grid{margin-top:10px}.slideshow-shell{position:fixed;z-index:9999;inset:0;background:#000;color:#fff;display:flex;flex-direction:column}.slide-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#050505;border-bottom:1px solid #222}.slide-top>div:first-child{display:flex;flex-direction:column}.slide-top b{font-size:11px;letter-spacing:.16em;color:#ffc83d}.slide-top span{font-size:18px;font-weight:900}.slide-controls{display:flex;gap:7px}.slide-controls button,.slide-controls a{width:40px;height:40px;border-radius:50%;border:1px solid #333;background:#111;color:#fff;display:grid;place-items:center;text-decoration:none;padding:0}.slide-stage{position:relative;flex:1;min-height:0;overflow:hidden}.slide-item{display:none;position:absolute;inset:0;margin:0}.slide-item.active{display:flex;align-items:center;justify-content:center}.slide-item>img{width:100%;height:100%;object-fit:contain}.slide-item figcaption{position:absolute;left:22px;bottom:22px;background:#000c;backdrop-filter:blur(8px);border:1px solid #ffffff24;border-radius:13px;padding:10px 14px;display:flex;gap:10px;align-items:center}.slide-item figcaption b,.slide-item figcaption small{display:block}.slide-item figcaption small{color:#bbb}.slide-counter{position:absolute;right:22px;bottom:25px;background:#000a;padding:7px 11px;border-radius:99px;color:#aaa}.slideshow-shell:fullscreen .slide-top{height:60px}
@media(max-width:850px){.gallery-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-head{align-items:flex-start;flex-direction:column}.portfolio-hero{align-items:flex-start;flex-wrap:wrap}.portfolio-stats{margin-left:0;width:100%;overflow:auto}.slide-top{height:62px;padding:0 10px}.slide-top>div:first-child{display:none}.slide-controls{margin-left:auto}.slide-item figcaption{left:10px;bottom:12px}.slide-counter{right:10px;bottom:15px}}