/* White-led refinement: loaded after the original stylesheet. */
:root { --ink:#151515; --paper:#fff; --red:#B42F25; --line:rgba(20,20,20,.13); --muted:#777; }
body { background:#fff; color:var(--ink); }
.topbar { border-color:rgba(255,255,255,.16); background:rgba(7,8,9,.68); color:#fff; box-shadow:0 5px 24px rgba(0,0,0,.12); }
.brand-mini { gap:9px; }
.logo-crop { display:block; position:relative; overflow:hidden; width:124px; height:34px; }
.logo-crop img { display:block; width:138px; height:138px; max-width:none; transform:translate(-1px,-52px); filter:invert(1); }
.brand-text { display:none; }
.topbar nav a { color:#fff; }
.search { border-color:rgba(255,255,255,.18); color:#d8d8d8; }.search input { color:#fff; }.search input::placeholder { color:#d8d8d8; }.search kbd { border-color:rgba(255,255,255,.35); }
.hero-slides { position:absolute; inset:0; z-index:0; background:#171717; }
.hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.02); transition:opacity 1.2s ease,transform 10s linear; }
.hero-slide.is-active { opacity:1; transform:scale(1.06); }
.hero:after { background:rgba(0,0,0,.20); }
.hero-grain { opacity:.045; }.hero-title,.explore { color:#fff; }.explore { border-color:#fff; }.typing-line { color:#fff; }.user { color:#fff; }.user small { color:#eee; }.spark-hint { color:#fff; }
.archive { background:#fff; color:var(--ink); }.archive-heading,.filters { border-color:var(--line); }.filter-label,.result-count { color:#777; }.tag { background:rgba(255,255,255,.68); border-color:rgba(20,20,20,.16); color:var(--ink); }.tag:hover,.tag.selected { background:var(--red); border-color:var(--red); color:#fff; }.active-filter { background:var(--red); }
.gallery { column-count:5; column-gap:10px; }.card { border:0; border-radius:12px; overflow:hidden; background:transparent; margin-bottom:10px; box-shadow:none; }.card img { width:100%; min-height:1px; object-fit:cover; border-radius:inherit; }.card:hover img { filter:none; transform:scale(1.022); }.card-info { background:linear-gradient(transparent,rgba(0,0,0,.58)); }.empty-state button { background:var(--red); }
footer { background:#fff; color:var(--ink); border-top-color:var(--red); min-height:440px; }.footer-copy { max-width:none; color:#4f4f4f; white-space:nowrap; font-size:15px; }.footer-bottom { border-color:var(--line); color:#777; }.footer-bottom a { color:var(--ink); }
.image-dialog { background:#fff; color:var(--ink); border:1px solid rgba(20,20,20,.18); }.image-dialog::backdrop { background:rgba(255,255,255,.76); backdrop-filter:blur(7px); }.dialog-image-wrap { background:#f5f5f3; }.dialog-info { border-color:var(--line); }.close-dialog { color:var(--ink); background:rgba(255,255,255,.82); }.image-number,dt { color:#777; }dl { border-color:var(--line); }dl div { border-color:var(--line); }.focus-title.focusing .focused { outline-color:var(--red); }.dialog-actions button { color:var(--ink); border-color:rgba(20,20,20,.28); }.dialog-actions button:hover,.dialog-actions button.done { color:#fff; background:var(--red); border-color:var(--red); }
.hero-count { color:#fff; gap:10px; align-items:center; }.hero-count small { color:#fff; }.hero-count em { display:block; margin-left:18px; padding-left:16px; border-left:1px solid rgba(255,255,255,.55); color:#fff; font:10px/1.45 "DM Mono","Noto Sans SC",sans-serif; font-style:normal; letter-spacing:.03em; }.filter-group { width:100%; display:grid; grid-template-columns:46px 34px minmax(0,1fr) 34px; gap:8px; align-items:center; overflow:hidden; padding:9px 12px; margin:5px 0; background:rgba(255,255,255,.68); border:1px solid rgba(20,20,20,.1); border-radius:14px; }.filter-group + .filter-group { border-top:1px solid rgba(20,20,20,.1); }.filter-group .filter-label { margin:0; }.tag-track { display:flex; align-items:center; gap:8px; min-width:0; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; }.tag-track::-webkit-scrollbar { display:none; }.tag-track .tag { flex:0 0 auto; }.filter-placeholder { color:#999; font-size:12px; white-space:nowrap; }.tag-scroll { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(20,20,20,.2); border-radius:50%; background:rgba(255,255,255,.72); color:var(--ink); font-size:17px; cursor:pointer; transition:.2s; }.tag-scroll:hover { background:var(--red); color:#fff; border-color:var(--red); }#about { scroll-margin-top:90px; }
.dialog-image-wrap { overflow:hidden; }.dialog-image-wrap > img { display:block; }
footer { position:relative; border-top:0; min-height:370px; }.footer-copy { margin-top:26px; }.footer-return { position:absolute; right:7.2vw; top:50%; transform:translateY(-50%); color:var(--ink); text-decoration:none; padding:10px 0; border-bottom:1px solid var(--ink); font:11px "DM Mono","Noto Sans SC",sans-serif; letter-spacing:.08em; }.footer-return:hover { color:var(--red); border-color:var(--red); }footer h2 { font-size:clamp(34px,5.6vw,79px); }
@keyframes focusEnter { from { opacity:0; transform:translateY(10px) scale(.97); } to { opacity:1; transform:none; } }
@media(min-width:601px) and (max-width:900px) { .gallery { column-count:3; } }
@media(max-width:600px) { .gallery { column-count:2; } }
@media(max-width:600px) { .logo-crop { width:110px; height:31px; }.logo-crop img { width:123px; height:123px; transform:translate(-1px,-46px); }.footer-copy { font-size:12px; letter-spacing:-.03em; } }