:root{--accent:#d64d63;--accent-dark:#9f2844;--ink:#161616;--muted:#626262;--line:#e2e2de;--panel:#fff;--wash:#f6f6f2;--max:1180px;--shadow:0 12px 30px rgba(20,20,20,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--wash);line-height:1.55}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,246,242,.94);border-bottom:1px solid rgba(30,30,30,.08);backdrop-filter:saturate(140%) blur(14px)}.header-inner{max-width:var(--max);min-height:72px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px rgba(20,20,20,.06)}.brand-mark img{width:26px;height:26px;display:block}.brand-copy{display:grid;gap:1px;min-width:0}.brand-name{font-size:20px;font-weight:800;line-height:1.05}.brand-tagline{font-size:12px;color:var(--muted);white-space:nowrap}.main-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px rgba(20,20,20,.04)}.nav-link{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#313131;font-size:14px;font-weight:700;line-height:1}.main-nav .nav-link.active{background:#1f1f1f;color:#fff}.main-nav .nav-link:hover{color:var(--accent)}.main-nav .nav-link.active:hover{color:#fff}
.masthead{position:relative;isolation:isolate;min-height:350px;margin:0 0 28px;background-image:linear-gradient(90deg,rgba(18,18,18,.86),rgba(18,18,18,.58),rgba(18,18,18,.18)),var(--masthead-image);background-size:cover;background-position:center;display:flex;align-items:flex-end}.masthead-inner{width:100%;max-width:var(--max);margin:0 auto;padding:54px 24px;color:#fff}.kicker{font-weight:800;text-transform:uppercase;letter-spacing:0;font-size:12px;margin:0 0 12px;color:#ffd9df}.masthead h1{font-size:54px;line-height:1.02;max-width:760px;margin:0 0 14px}.masthead p:not(.kicker){font-size:19px;max-width:620px;margin:0;color:#f1f1f1}.masthead-actions{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}.text-link{color:#fff;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}
#skins{scroll-margin-top:96px}.filters{max-width:var(--max);margin:0 auto 22px;padding:0 24px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;font:700 14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;padding:8px 12px;color:#272727;border-radius:8px}.filters button.active,.filters button:hover{border-color:#efb9c2;color:var(--accent-dark);background:#fff7f8}.ad-unit{margin-left:auto;margin-right:auto;text-align:center}.ad-unit ins{display:block}.ad-grid,.ad-list{grid-column:1/-1;margin:4px 0}.ad-sidebar{margin-top:26px}
.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1500px;margin:0 auto;padding:0 24px 30px}.skin-card a{position:relative;display:block;aspect-ratio:1.5/1;overflow:hidden;background:#e9e9e5;border:1px solid rgba(20,20,20,.08);border-radius:8px;box-shadow:var(--shadow)}.skin-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease,filter .2s ease}.skin-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;gap:4px;padding:18px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));color:#fff}.skin-overlay strong{font-size:20px;line-height:1.1;text-shadow:0 1px 1px rgba(0,0,0,.25)}.skin-overlay small{color:#f3f3f3;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:0}.skin-card a:hover img{transform:scale(1.04);filter:saturate(1.08)}.detail,.archive,.page{max-width:var(--max);margin:0 auto;padding:26px 24px 60px}.detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:56px}.detail h1,.page h1,.archive h1{font-size:46px;line-height:1.08;margin:0 0 22px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:0;margin-top:0}.hero-image{width:100%;height:auto;display:block;margin:0 0 24px;border-radius:8px}.content{font-size:18px}.content img{max-width:100%;height:auto;border-radius:8px}.download-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:8px;box-shadow:0 10px 20px rgba(214,77,99,.2)}.download-button:hover{background:#c33c53}.archive header{border-bottom:1px solid var(--line);margin-bottom:22px}.archive header p{color:var(--muted);font-size:18px}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.archive-item{display:grid;grid-template-columns:155px 1fr;gap:16px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px rgba(20,20,20,.04)}.archive-item img{width:155px;aspect-ratio:1.5/1;object-fit:cover;background:#eee;border-radius:6px}.archive-item h2{font-size:21px;line-height:1.15;margin:0 0 8px}.archive-item h2 a{text-decoration:none}.archive-item h2 a:hover{color:var(--accent)}.archive-item p{margin:0;color:var(--muted);font-size:15px}.detail aside h2{font-size:22px;margin-top:0}.detail aside .archive-item{grid-template-columns:90px 1fr;gap:12px;padding:0 0 14px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.detail aside .archive-item img{width:90px}.detail aside .archive-item h2{font-size:16px}.detail aside .archive-item p{display:none}.compact-page{max-width:760px}.site-footer{border-top:1px solid var(--line);max-width:var(--max);margin:20px auto 0;padding:24px;color:var(--muted);font-size:14px}.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.footer-nav .nav-link{min-height:auto;padding:0;border-radius:0;font-size:14px;color:var(--muted);font-weight:700}.footer-nav .nav-link.active,.footer-nav .nav-link:hover{color:var(--accent)}
@media(max-width:1080px){.skin-grid{grid-template-columns:repeat(3,1fr)}.archive-list{grid-template-columns:1fr}}
@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column}.main-nav{width:100%;justify-content:flex-start}.masthead{min-height:320px}.masthead h1{font-size:42px}.skin-grid{grid-template-columns:repeat(2,1fr)}.detail{display:block}.detail aside{margin-top:34px}.archive-item{grid-template-columns:130px 1fr}.archive-item img{width:130px}}
@media(max-width:560px){.site-header{position:static}.header-inner{padding:14px 18px;gap:12px}.brand-mark{width:38px;height:38px}.brand-mark img{width:24px;height:24px}.brand-name{font-size:19px}.brand-tagline{font-size:11px}.main-nav{gap:3px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:8px 10px}.masthead{min-height:320px}.masthead-inner{padding:42px 18px}.masthead h1{font-size:34px}.masthead p:not(.kicker){font-size:17px}.filters{justify-content:flex-start;padding:0 18px}.skin-grid{grid-template-columns:1fr;padding:0 18px 24px}.ad-leaderboard{margin:8px auto 14px}.detail,.archive,.page{padding-left:18px;padding-right:18px}.detail h1,.page h1,.archive h1{font-size:34px}.archive-item{display:block}.archive-item img{width:100%;margin-bottom:12px}.archive-item h2{font-size:22px}}