:root{--brand-blue: #2f62df;--accent-red: #ff0000;--bg: #ffffff;--fg: #222222;--card-bg: #ffffff;--card-border: rgba(47, 98, 223, .12);--muted: #777777;--shadow: 0 1px 2px rgba(0, 0, 0, .06)}html,body{margin:0;padding:0}html{overflow:scroll;overflow-x:hidden;scrollbar-width:none}body{color:var(--fg);background-color:var(--bg);background-image:linear-gradient(135deg,#31313112 0% 12.5%,#4c4c4c12 12.5% 25%,#66666612 25% 37.5%,#81818112 37.5% 50%,#9b9b9b12 50% 62.5%,#b6b6b612 62.5% 75%,#d0d0d012 75% 87.5%,#ebebeb12 87.5% 100%),linear-gradient(45deg,#05050512 0% 12.5%,#27272712 12.5% 25%,#49494912 25% 37.5%,#6b6b6b12 37.5% 50%,#8d8d8d12 50% 62.5%,#afafaf12 62.5% 75%,#d1d1d112 75% 87.5%,#f3f3f312 87.5% 100%);font:400 14px CoreSans,Helvetica Neue,Arial,sans-serif;min-height:100vh}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-red)}a{color:var(--brand-blue);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1280px;margin:0 auto;padding:16px 20px 80px}.header{display:flex;align-items:baseline;gap:16px;padding:8px 0 20px;border-bottom:1px solid var(--card-border);margin-bottom:24px;flex-wrap:wrap}.brand{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--brand-blue);font-variant-numeric:tabular-nums}.tagline{color:var(--muted);font-size:13px}.header .right{margin-left:auto;display:flex;gap:12px;align-items:center}.progress-bar{background:#0000000a;height:3px;position:fixed;top:0;left:0;right:0;z-index:1000}.progress{height:3px;background:var(--brand-blue);width:0;transition:width .1s linear}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1096px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.gallery{grid-template-columns:1fr;gap:12px}}.card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform .1s ease,box-shadow .1s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card.focused{outline:3px solid var(--brand-blue);outline-offset:2px}.card img{display:block;width:100%;height:auto;background:#f4f4f4}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);color:#fff;opacity:0;transition:opacity .15s ease}.card:hover .card-overlay,.card.focused .card-overlay{opacity:1}.like-btn,.tag-btn{background:#fffffff2;border:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--fg);cursor:pointer;display:inline-flex;gap:4px;align-items:center}.like-btn:hover,.tag-btn:hover{background:#fff}.like-btn.liked,.like-btn.liked .heart{color:var(--accent-red)}.hero{background:linear-gradient(135deg,var(--brand-blue),#4a7ff0);color:#fff;padding:20px 24px;border-radius:12px;margin-bottom:24px;display:flex;gap:20px;align-items:center}.hero-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.hero-title{font-size:18px;font-weight:700;margin:4px 0 8px}.hero-img{width:160px;height:160px;object-fit:cover;border-radius:8px;border:2px solid white;flex-shrink:0}@media(max-width:640px){.hero{flex-direction:column;align-items:stretch}.hero-img{width:100%;height:200px}}.search{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.search input{flex:1 1 240px;padding:10px 14px;border:1px solid var(--card-border);border-radius:8px;font-size:14px;background:#fff;color:var(--fg)}.search input:focus{outline:2px solid var(--brand-blue);outline-offset:1px}.filter-pill{background:#fff;border:1px solid var(--card-border);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--fg)}.filter-pill.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.modal-backdrop{position:fixed;inset:0;background:#000000bf;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px}.modal-content{max-width:92vw;max-height:92vh;background:#fff;border:2px ridge var(--brand-blue);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.modal-content img{max-width:100%;max-height:78vh;display:block;object-fit:contain}.modal-toolbar{padding:10px 14px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--card-border)}.permalink{max-width:960px;margin:0 auto}.permalink-img{display:block;max-width:100%;border-radius:10px;border:1px solid var(--card-border);background:#fff}.permalink-meta{margin-top:16px}.permalink-title{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--fg)}.permalink-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.tag-chip{background:#2f62df14;color:var(--brand-blue);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-chip:hover{background:#2f62df29;text-decoration:none}.permalink-credit{color:var(--muted);font-size:13px;margin-top:10px}.permalink-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.btn{background:var(--brand-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:#2752c5;color:#fff;text-decoration:none}.btn.ghost{background:transparent;color:var(--brand-blue);border:1px solid var(--card-border)}.btn.ghost:hover{background:#2f62df0f;color:var(--brand-blue)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--brand-blue);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;z-index:1001;box-shadow:0 4px 12px #0003;animation:toast-in .15s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.shortcut-dialog{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:600}.shortcut-panel{background:#fff;border-radius:10px;padding:24px 28px;max-width:420px;width:100%}.shortcut-panel h3{margin:0 0 12px;color:var(--brand-blue)}.shortcut-panel dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.shortcut-panel dt{font-family:Menlo,Monaco,monospace;background:#f4f4f4;padding:2px 8px;border-radius:4px;font-size:12px}.shortcut-panel dd{margin:0;color:var(--muted);font-size:13px}.footer{margin-top:48px;padding:24px 0;border-top:1px solid var(--card-border);color:var(--muted);font-size:12px;text-align:center}[data-theme=dark]{--bg: #0c0f14;--fg: #e8eaed;--card-bg: #161b23;--card-border: rgba(47, 98, 223, .3);--muted: #8892a0;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}[data-theme=dark] body{background-color:#0c0f14;background-image:linear-gradient(135deg,#ffffff05 0% 12.5%,#ffffff0a 12.5% 25%,#ffffff05 25% 37.5%,#ffffff0a 37.5% 50%,#ffffff05 50% 62.5%,#ffffff0a 62.5% 75%,#ffffff05 75% 87.5%,#ffffff0a 87.5% 100%)}[data-theme=dark] .card img{background:#1a1f2a}[data-theme=dark] .modal-content{background:#161b23}[data-theme=dark] .shortcut-panel{background:#161b23;color:var(--fg)}[data-theme=dark] .shortcut-panel dt{background:#0c0f14;color:var(--fg)}[data-theme=dark] .search input,[data-theme=dark] .filter-pill{background:#161b23;color:var(--fg)}[data-theme=dark] .like-btn,[data-theme=dark] .tag-btn{background:#161b23f2;color:var(--fg)}