:root{--bg: #ffffff;--surface: #ffffff;--ink: #15140f;--muted: #7a776e;--line: #e4e2db;--accent: #15140f;--on-accent: #ffffff;--radius: 4px;--radius-sm: 3px;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "Space Grotesk", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .35s ease}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a[href$=".webp"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"]{cursor:zoom-in}.frame{max-width:1180px;margin:0 auto;padding:0 52px}.narrow{max-width:760px;margin:0 auto;padding:0 52px}.mono{font-family:var(--font-mono)}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:34px 0 18px;border-bottom:1px solid var(--line)}[data-skin=tiszta] .nav{border-bottom-color:var(--ink)}.brand{display:flex;align-items:center;gap:13px}.brand .compass{width:38px;height:38px;flex:none;display:none}[data-mark=compass] .brand .compass{display:block}.brand .txt{line-height:1}.brand .nm{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.025em}[data-skin=atlasz] .brand .nm{font-weight:700;letter-spacing:-.01em}.brand .nm .ac{color:var(--accent)}.brand small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:7px}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{font-size:14px;font-weight:600;color:var(--ink)}.navlinks a:hover,.navlinks a.active{color:var(--accent)}[data-skin=tiszta] .navlinks a.active{color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:3px}.navlinks a.dim{color:var(--muted);font-weight:500}.navtoggle{display:none;flex-direction:column;gap:5px;width:42px;height:42px;flex:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.navtoggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}.nav.open .navtoggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .navtoggle span:nth-child(2){opacity:0}.nav.open .navtoggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sq{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--line);border-radius:var(--radius-sm)}.sq img{width:100%;height:100%;object-fit:cover}.wide{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--line);border-radius:var(--radius)}.wide img{width:100%;height:100%;object-fit:cover}.ratio-badge{position:absolute;top:12px;left:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;background:color-mix(in oklab,var(--ink) 78%,transparent);color:var(--bg);padding:3px 8px;border-radius:4px}.ph{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,var(--line),var(--line) 10px,transparent 10px,transparent 20px),var(--surface);display:flex;align-items:center;justify-content:center}.ph span{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface);padding:4px 10px;border-radius:4px}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.readlink{font-weight:700;font-size:14px;color:var(--accent);display:inline-flex;align-items:center;gap:7px}.metarow{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.metarow b{color:var(--ink);font-weight:500}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--muted)}[data-category-colors=true] .tag{color:var(--accent);opacity:.92}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:6px}.sectionhead h2{font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase;margin:0}[data-skin=atlasz] .sectionhead h2{font-weight:600}.sectionhead .more{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.pcard{display:flex;flex-direction:column;gap:13px}.pcard .meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--muted)}[data-category-colors=true] .pcard .meta{color:var(--accent);opacity:.9}.pcard h3{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.18;letter-spacing:-.02em;margin:0}[data-skin=atlasz] .pcard h3{font-weight:500}.pcard .date{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.pcard:hover h3{color:var(--accent)}.foot{padding:60px 0 90px;margin-top:40px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot .fn{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.02em}[data-skin=atlasz] .foot .fn{font-weight:700}.foot small{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}@media(max-width:880px){.frame,.narrow{padding:0 26px}}@media(max-width:720px){.nav{padding:22px 0 16px}.brand small{display:none}.brand .nm{font-size:21px}.navtoggle{display:flex}.navlinks{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:30;flex-direction:column;align-items:stretch;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px;box-shadow:0 18px 40px -22px #00000080;display:none}.nav.open .navlinks{display:flex}.navlinks a{padding:11px 12px;border-radius:var(--radius-sm);font-size:15px}.navlinks a:hover{background:color-mix(in oklab,var(--ink) 5%,transparent)}[data-skin=tiszta] .navlinks a.active{border-bottom:0;color:var(--accent)}}@media(max-width:560px){.frame,.narrow{padding:0 18px}}.skinpicker.svelte-mxy4eh{display:flex;align-items:center;gap:10px}.seg.svelte-mxy4eh{display:flex;background:color-mix(in oklab,var(--ink) 5%,transparent);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.seg.svelte-mxy4eh button:where(.svelte-mxy4eh){border:0;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:5px 12px;border-radius:999px;line-height:1}.seg.svelte-mxy4eh button:where(.svelte-mxy4eh):hover{color:var(--ink)}.seg.svelte-mxy4eh button[aria-pressed=true]:where(.svelte-mxy4eh){background:var(--accent);color:var(--on-accent);font-weight:600}.modebtn.svelte-mxy4eh{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;cursor:pointer;font-size:14px;line-height:1}.modebtn.svelte-mxy4eh:hover{border-color:var(--accent);color:var(--accent)}.search.svelte-1002zyw{position:relative;display:inline-flex;align-items:center}.ico.svelte-1002zyw{position:absolute;left:9px;width:15px;height:15px;color:var(--muted);pointer-events:none}.search.svelte-1002zyw input:where(.svelte-1002zyw){width:150px;font-family:var(--font-body);font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px 6px 30px;outline:none;transition:width .18s ease,border-color .18s ease}.search.svelte-1002zyw input:where(.svelte-1002zyw)::placeholder{color:var(--muted)}.search.svelte-1002zyw input:where(.svelte-1002zyw):focus{width:200px;border-color:var(--accent)}.results.svelte-1002zyw{position:absolute;top:calc(100% + 8px);right:0;left:auto;min-width:280px;max-width:360px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px #00000024;z-index:60}.results.svelte-1002zyw a:where(.svelte-1002zyw){display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-sm);text-decoration:none}.results.svelte-1002zyw a.active:where(.svelte-1002zyw){background:color-mix(in srgb,var(--accent) 12%,transparent)}.results.svelte-1002zyw .t:where(.svelte-1002zyw){font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.25}.results.svelte-1002zyw .d:where(.svelte-1002zyw){font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}.results.svelte-1002zyw .empty:where(.svelte-1002zyw){padding:10px;font-size:13px;color:var(--muted)}@media(max-width:720px){.search.svelte-1002zyw,.search.svelte-1002zyw input:where(.svelte-1002zyw),.search.svelte-1002zyw input:where(.svelte-1002zyw):focus{width:100%}.results.svelte-1002zyw{right:auto;left:0;width:100%}}.navpicker.svelte-1h32yp1{margin-left:8px}@media(max-width:720px){.navpicker.svelte-1h32yp1{margin:6px 4px 2px}}.pp-backdrop.svelte-x9c7o4{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0c0b09c9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overscroll-behavior:contain;touch-action:none;animation:svelte-x9c7o4-pp-fade .16s ease}@keyframes svelte-x9c7o4-pp-fade{0%{opacity:0}}.pp-img.svelte-x9c7o4{max-width:92vw;max-height:84vh;border-radius:6px;box-shadow:0 30px 90px -20px #000000b3;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;transition:transform .16s ease;will-change:transform;cursor:zoom-in}.pp-img.zoomed.svelte-x9c7o4{cursor:grab}.pp-img.dragging.svelte-x9c7o4{transition:none;cursor:grabbing}.pp-close.svelte-x9c7o4{position:fixed;top:18px;right:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#00000059;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.pp-close.svelte-x9c7o4:hover{background:#0009}.pp-controls.svelte-x9c7o4{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#161410b8;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px;box-shadow:0 14px 36px -14px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pp-controls.svelte-x9c7o4 button:where(.svelte-x9c7o4){min-width:44px;height:38px;border:0;background:transparent;color:#efe9dd;font-family:var(--font-mono);font-size:18px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pp-controls.svelte-x9c7o4 button.pct:where(.svelte-x9c7o4){font-size:12px;min-width:58px;letter-spacing:.02em}.pp-controls.svelte-x9c7o4 button:where(.svelte-x9c7o4):hover:not(:disabled){background:#ffffff24;color:#fff}.pp-controls.svelte-x9c7o4 button:where(.svelte-x9c7o4):disabled{opacity:.4;cursor:default}
