:root{color-scheme:dark;--bg:#17191a;--bg-elev:#1f2223;--bg-elev-2:#272a2c;--text:#e7eaea;--text-dim:#9aa1a4;--line:#31363a;--accent:#34d551;--accent-hi:#5af478;--accent-ink:#06230e;--hot:#ff8844;--danger:#dc3545;--shadow:0 1px 2px rgb(0 0 0 / .5),0 8px 24px -12px rgb(0 0 0 / .6);--checker:#ffffff0a;--radius:14px;--radius-sm:9px;--header-h:56px;--side-w:264px;--wrap:1240px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic","Noto Naskh Arabic",Tahoma,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.7,.3,1)}[data-theme="light"]{color-scheme:light;--bg:#f5f7f8;--bg-elev:#ffffff;--bg-elev-2:#eef1f3;--text:#191c1d;--text-dim:#5e6669;--line:#dde2e5;--accent:#17a63b;--accent-hi:#0f8f31;--accent-ink:#ffffff;--hot:#d9601c;--shadow:0 1px 2px rgb(16 24 32 / .06),0 10px 24px -14px rgb(16 24 32 / .25);--checker:#0000000a}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:400 16px/1.55 var(--font);min-height:100dvh;overflow-wrap:break-word}[hidden]{display:none !important}img,svg,picture{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}summary{cursor:pointer}summary::-webkit-details-marker{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;inset-block-start:-100%;inset-inline-start:8px;z-index:90;padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:600}.skip-link:focus{inset-block-start:8px}.icon{inline-size:1.35em;block-size:1.35em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.header{position:sticky;inset-block-start:0;z-index:40;height:var(--header-h);display:flex;align-items:center;gap:10px;padding-inline:12px;background:var(--bg-elev);border-block-end:1px solid var(--line)}.header__burger,.header__icon-btn{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;color:var(--text)}.header__burger{border:1px solid var(--line)}.header__burger:hover,.header__icon-btn:hover{background:var(--bg-elev-2);color:var(--text)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.015em;font-size:1.05rem;margin-inline-end:auto}.brand img{width:30px;height:30px;border-radius:8px}.brand span{white-space:nowrap}.brand b{color:var(--hot);font-weight:700}.search{display:flex;align-items:center;gap:4px}.search input{inline-size:clamp(120px,34vw,260px);padding:8px 12px;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:999px;transition:border-color .15s var(--ease)}.search input::placeholder{color:var(--text-dim)}.search input:focus{border-color:var(--accent)}.search[data-collapsed="true"] input{display:none}@media (min-width:768px){.search[data-collapsed="true"] input{display:block}}.layout{display:flex;align-items:flex-start}.main{flex:1 1 auto;min-width:0;padding:20px 16px 64px;margin-inline:auto;max-inline-size:var(--wrap)}.sidebar{position:fixed;z-index:60;inset-block:0;inset-inline-start:0;inline-size:min(86vw,var(--side-w));padding:12px 10px 32px;background:var(--bg-elev);border-inline-end:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain}@media (max-width:1023.98px){.sidebar{transform:translateX(-102%);transition:transform .26s var(--ease);visibility:hidden}[dir="rtl"] .sidebar{transform:translateX(102%)}.sidebar[data-open="true"]{transform:none;visibility:visible}}.sidebar__head{display:flex;align-items:center;gap:8px;padding:4px 6px 12px;margin-block-end:6px;border-block-end:1px solid var(--line)}.sidebar__head .brand{font-size:1rem}.overlay{position:fixed;inset:0;z-index:50;background:rgb(0 0 0 / .55);opacity:0;pointer-events:none;transition:opacity .26s var(--ease)}.overlay[data-open="true"]{opacity:1;pointer-events:auto}.nav-group{margin-block-end:6px}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;transition:background .15s var(--ease),color .15s var(--ease)}.nav-link:hover{background:var(--bg-elev-2);color:var(--text)}.nav-link .icon{color:var(--text-dim)}.nav-link[aria-current="page"]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text)}.nav-link[aria-current="page"] .icon{color:var(--accent)}.nav-label{padding:14px 12px 6px;font:600 .7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hot)}.drop > summary{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;list-style:none}.drop > summary:hover{background:var(--bg-elev-2);color:var(--text)}.drop > summary::after{content:"";margin-inline-start:auto;width:7px;height:7px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease)}[dir="rtl"] .drop > summary::after{transform:rotate(135deg) translateY(-2px)}.drop[open] > summary::after{transform:rotate(-135deg) translateY(2px)}.drop[open] > summary{color:var(--text)}.drop__body{max-height:46vh;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 8px;margin-inline-start:12px;border-inline-start:1px solid var(--line)}.drop__body a{display:block;padding:7px 12px;color:var(--text-dim);font-size:.93rem;border-radius:var(--radius-sm)}.drop__body a:hover{background:var(--bg-elev-2);color:var(--text)}.drop__body a[aria-current="true"]{color:var(--accent);font-weight:600}.lang-list{columns:2;column-gap:4px}.lang-list a{break-inside:avoid}.sidebar__foot{margin-block-start:14px;padding:14px 12px 0;border-block-start:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem;color:var(--text-dim)}.sidebar__foot a:hover{color:var(--accent)}@media (min-width:1024px){.sidebar{position:sticky;z-index:1;inset-block-start:var(--header-h);block-size:calc(100dvh - var(--header-h));flex:0 0 var(--side-w);inline-size:var(--side-w)}.sidebar__head{display:none}.header__burger{display:none}.overlay{display:none}.layout{gap:0}.main{padding-inline:28px}}.age-note{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-block-end:20px;background:color-mix(in srgb,var(--hot) 12%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--hot) 40%,transparent);border-radius:var(--radius);font-size:.9rem;color:var(--text)}.age-note b{color:var(--hot)}.age-note button{margin-inline-start:auto;flex:none;padding:6px 12px;border-radius:999px;background:var(--hot);color:#1a0d04;font-weight:600;font-size:.85rem}.eyebrow{font:600 .72rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hot)}.page-title{font-size:clamp(1.5rem,1.1rem + 2vw,2.1rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-block:6px 4px}.lede{color:var(--text-dim);max-inline-size:68ch}.section{margin-block-start:36px}.section__head{display:flex;align-items:baseline;gap:12px;margin-block-end:14px}.section__head h2{font-size:1.15rem;font-weight:700;letter-spacing:-.015em}.section__head a{margin-inline-start:auto;font-size:.87rem;color:var(--accent);white-space:nowrap}.section__head a:hover{text-decoration:underline}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.84rem;color:var(--text-dim)}.crumbs a:hover{color:var(--accent)}.crumbs li:not(:last-child)::after{content:"/";margin-inline-start:6px;opacity:.5}.crumbs li{display:flex;align-items:center;gap:6px}.chips{display:flex;gap:8px;margin-block-end:4px;padding-block-end:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.chips::-webkit-scrollbar{height:4px}.chips::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.chip{scroll-snap-align:start;white-space:nowrap;padding:7px 14px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);color:var(--text-dim);font-size:.89rem;font-weight:500}.chip:hover{color:var(--text);border-color:var(--text-dim)}.chip[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.card{display:flex;flex-direction:column;content-visibility:auto;contain-intrinsic-size:auto 320px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease)}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.card__link{display:flex;flex-direction:column}.checker{background-color:var(--bg-elev-2);background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25% 75%,var(--checker) 75%),linear-gradient(45deg,var(--checker) 25%,transparent 25% 75%,var(--checker) 75%);background-size:14px 14px;background-position:0 0,7px 7px}.card__previews{display:grid;gap:6px;padding:10px;grid-template-columns:repeat(2,1fr)}.card__previews img{inline-size:100%;aspect-ratio:1;object-fit:contain;padding:7px;border-radius:10px}.card__body{padding:0 12px 13px;display:flex;flex-direction:column;gap:3px}.card__title{font-size:1rem;font-weight:650;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__by{font-size:.82rem;color:var(--text-dim);display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.pid{font:500 .72rem/1.5 var(--mono);letter-spacing:.04em;padding:1px 6px;border-radius:5px;background:var(--bg-elev-2);color:var(--text-dim)}.tray{inline-size:68px;block-size:68px;flex:none;padding:6px;border-radius:12px;object-fit:contain}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font:600 .7rem/1.6 var(--font);background:var(--bg-elev-2);color:var(--text-dim)}.badge--anim{background:color-mix(in srgb,var(--hot) 20%,transparent);color:var(--hot)}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-block-start:32px}.pager a,.pager span{min-inline-size:40px;padding:8px 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text-dim);font-size:.9rem}.pager a:hover{color:var(--text);border-color:var(--text-dim)}.pager [aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.pager .is-off{opacity:.4}.pager:empty{display:none}[dir="rtl"] .pager svg{transform:scaleX(-1)}.pack-head{display:grid;gap:18px;grid-template-columns:1fr;padding:16px;margin-block-start:10px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius)}@media (min-width:640px){.pack-head{grid-template-columns:132px 1fr;align-items:start}}.pack-head .tray{inline-size:100%;block-size:auto;aspect-ratio:1;border-radius:var(--radius)}.meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-block:10px;font-size:.9rem;color:var(--text-dim)}.meta b{color:var(--text);font-weight:600}.meta a{color:var(--accent)}.meta a:hover{text-decoration:underline}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:999px;font-weight:650;font-size:.95rem;border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);transition:filter .15s var(--ease),background .15s var(--ease)}.btn:hover{filter:brightness(1.12)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--ghost:hover{background:var(--bg-elev-2)}.btn--fav[aria-pressed="true"]{background:var(--danger);border-color:var(--danger);color:#fff}.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;filter:none}.btn--block{inline-size:100%}.stickers{display:grid;gap:10px;margin-block-start:22px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.stickers img{inline-size:100%;aspect-ratio:1;object-fit:contain;padding:8px;border-radius:12px;border:1px solid var(--line)}.share{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);padding:18px;inline-size:min(92vw,420px);box-shadow:var(--shadow);margin:auto}.share::backdrop{background:rgb(0 0 0 / .6)}.share h2{font-size:1.05rem;margin-block-end:12px}.copy-row{display:flex;gap:8px}.copy-row input{flex:1;min-inline-size:0;padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.85rem}.share__links{display:grid;gap:8px;margin-block-start:12px}.share__close{margin-block-start:14px}.toast{position:fixed;inset-block-end:22px;inset-inline:0;margin-inline:auto;inline-size:max-content;padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:var(--shadow);z-index:80;opacity:0;transform:translateY(12px);transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}.toast[data-show="true"]{opacity:1;transform:none}.post-list{display:grid;gap:14px;margin-block-start:22px}.post-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);transition:border-color .18s var(--ease)}.post-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.post-card h2{font-size:1.12rem;font-weight:700;letter-spacing:-.015em}.post-card p{color:var(--text-dim);margin-block-start:6px;font-size:.94rem}.post-card time{font:500 .74rem/1 var(--mono);color:var(--text-dim)}.prose{max-inline-size:72ch;margin-block-start:18px;font-size:1.02rem}.prose > * + *{margin-block-start:1.1em}.prose h2{font-size:1.28rem;font-weight:700;letter-spacing:-.015em;margin-block-start:1.9em;padding-block-start:.5em;border-block-start:1px solid var(--line)}.prose h3{font-size:1.06rem;font-weight:650;margin-block-start:1.5em}.prose ul,.prose ol{padding-inline-start:1.3em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li + li{margin-block-start:.45em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:650}.prose code{font:.9em var(--mono);padding:2px 6px;border-radius:6px;background:var(--bg-elev-2)}.prose blockquote{padding-inline-start:16px;border-inline-start:3px solid var(--hot);color:var(--text-dim)}.prose table{inline-size:100%;border-collapse:collapse;font-size:.93rem}.prose th,.prose td{padding:9px 10px;border-block-end:1px solid var(--line);text-align:start}.prose th{color:var(--text-dim);font:600 .78rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em}.empty{padding:44px 20px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--text-dim)}.empty p{margin-block-start:8px}.foot{margin-block-start:56px;padding-block-start:22px;border-block-start:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.86rem;color:var(--text-dim)}.foot nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin-inline-start:auto}.foot a:hover{color:var(--accent)}.ad-slot{display:block;min-block-size:0;margin-block:18px;text-align:center}.ad-slot:empty{display:none}[dir="rtl"] .pid,[dir="rtl"] .eyebrow,[dir="rtl"] .nav-label{letter-spacing:normal}