/* Picker's Rock app — liquid glass + crystal. Patterns adapted (copied, not edited) from Chef Lynn, Gulf Crest, Treasure Guide, Savannah Tour App, Donnelly. */
@font-face{font-family:Alice;src:url(/fonts/alice-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0e0b1e;--ink:#f4f1ff;--mute:#b9b3d6;--line:rgba(255,255,255,.14);--acc:#b98cff;--cy:#7fe7ff;--gold:#f3c969;
 --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);
 --top-push:0px;--bar:60px;--header-h:calc(var(--sat) + var(--top-push) + var(--bar));
 --nav-h:64px;--nav-bottom:calc(var(--sab) + 10px);--nav-clear:calc(var(--nav-h) + var(--nav-bottom) + 22px);
 --serif:Alice,"Iowan Old Style",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --glass:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));--rim:rgba(255,255,255,.22);color-scheme:dark}
*{box-sizing:border-box}
html,body{background-color:var(--bg);margin:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}
body{color:var(--ink);font:16px/1.6 var(--sans);min-height:100dvh;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
.tabbar{view-transition-name:tabbar}.site-header{view-transition-name:hdr}
::view-transition-group(tabbar),::view-transition-group(hdr){animation:none}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
a{color:var(--cy);text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;letter-spacing:.005em;margin:0 0 .5em}
h1{font-size:clamp(30px,6vw,54px)}h2{font-size:clamp(23px,3.6vw,34px)}h3{font-size:20px}
p{margin:0 0 1em}
/* iOS 26 status bar: solid strip is the only fixed top-edge element with a background-color */
.status-strip{position:fixed;top:0;left:0;right:0;width:100%;height:max(var(--sat),1px);z-index:1000;background-color:var(--bg);pointer-events:none}
/* fixed crystal sky: gradient layers ONLY (no background-color) so iOS/Safari tint samplers ignore it */
.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:transparent;background-image:
 radial-gradient(60vmax 50vmax at 8% -8%,rgba(152,84,255,.34),transparent 62%),
 radial-gradient(55vmax 45vmax at 105% 12%,rgba(0,214,255,.20),transparent 60%),
 radial-gradient(60vmax 55vmax at 30% 112%,rgba(255,92,170,.20),transparent 62%),
 radial-gradient(40vmax 40vmax at 90% 95%,rgba(243,201,105,.14),transparent 60%),
 linear-gradient(#0e0b1e,#0e0b1e)}
/* header: opaque band; blur none (iOS 26 top-edge zone) */
.site-header{position:fixed;z-index:60;top:0;left:0;right:0;height:var(--header-h);padding-top:calc(var(--sat) + var(--top-push));background-color:var(--bg);
 box-shadow:0 1px 0 rgba(185,140,255,.28),0 10px 24px -14px rgba(0,0,0,.8)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#ff6fb0,#b98cff,#7fe7ff,#f3c969,transparent);opacity:.75}
.hdr{height:var(--bar);display:flex;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:0 max(14px,var(--sr)) 0 max(14px,var(--sl))}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex:none}
.brand img{width:50px;height:45px}
.brand b{font:400 21px/1 var(--serif);white-space:nowrap}
.brand small{display:block;font:700 9.5px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:4px}
.hdr .sp{flex:1}
.iconbtn{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none;touch-action:manipulation}
.iconbtn svg{width:22px;height:22px}
@media (display-mode:standalone){:root{--top-push:22px;--sat:max(env(safe-area-inset-top,0px),2px)}html{overscroll-behavior-y:none;min-height:calc(100% + env(safe-area-inset-top,0px))}
 .brand,.brand img,.hdr .iconbtn{transform:translateZ(0);-webkit-transform:translateZ(0)}.brand *{text-shadow:none;filter:none}}
html.standalone{--top-push:22px;--sat:max(env(safe-area-inset-top,0px),2px);overscroll-behavior-y:none;min-height:calc(100% + env(safe-area-inset-top,0px))}
html.standalone .brand,html.standalone .brand img,html.standalone .hdr .iconbtn{transform:translateZ(0);-webkit-transform:translateZ(0)}
main{padding:calc(var(--header-h) + 18px) max(16px,var(--sr)) var(--nav-clear) max(16px,var(--sl));max-width:1180px;margin:0 auto;display:block}
main.flush{padding-top:var(--header-h);max-width:none;padding-left:0;padding-right:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 max(16px,var(--sr)) 0 max(16px,var(--sl))}
/* glass surfaces */
.g{position:relative;border-radius:24px;background:var(--glass);border:1px solid var(--rim);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 40px -22px rgba(0,0,0,.8)}
.g::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,111,176,.10),transparent 30%,transparent 62%,rgba(127,231,255,.10));}
.pad{padding:22px}
.eyebrow{font:700 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:block}
.lead{font-size:18px;color:#e6e1fa}
.mute{color:var(--mute)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:600 16px/1 var(--sans);text-decoration:none;color:#170f2c;border:0;cursor:pointer;
 background:linear-gradient(135deg,#fff 0%,#e9dcff 35%,#bff4ff 70%,#ffe6f3 100%);box-shadow:inset 0 1px 0 #fff,0 10px 24px -10px rgba(185,140,255,.8);touch-action:manipulation}
.btn.ghost{background:rgba(255,255,255,.08);color:var(--ink);border:1px solid var(--rim);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.btn:active,.card:active,.chip:active{transform:scale(.97)}
.row{display:flex;flex-wrap:wrap;gap:10px}
section{margin:0 0 34px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.grid.lg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{display:block;text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .18s}
.card .ph{aspect-ratio:1;overflow:hidden;border-radius:23px 23px 0 0;background:#1a1533}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .tx{padding:12px 14px 14px}
.card .tx b{font:400 18px/1.2 var(--serif);display:block}
.card .tx span{font-size:13px;color:var(--mute)}
@media (hover:hover){.card:hover{transform:translateY(-3px)}}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--rim);color:var(--ink);text-decoration:none;font-size:15px;transition:transform .15s}
.chip i{width:10px;height:10px;border-radius:50%;background:var(--c,#fff);box-shadow:0 0 10px var(--c,#fff)}
/* faceted crystal placeholder */
.facet{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 70%,#fff 30%),color-mix(in srgb,var(--c) 40%,#0e0b1e 60%))}
.facet svg{width:46%;height:auto;opacity:.9}
/* hero */
.hero{position:relative;height:min(78svh,720px);min-height:460px;overflow:hidden;isolation:isolate}
.hero .sl{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.hero .sl.on{opacity:1}
.hero .sl img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.hero .sl.on img{animation:kb 9s ease-out forwards}
@keyframes kb{to{transform:scale(1.14)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,30,.35),rgba(14,11,30,.15) 40%,rgba(14,11,30,.92));z-index:1}
.hero .in{position:absolute;inset:auto 0 0 0;z-index:2;padding:0 max(16px,var(--sl)) 34px;text-align:center}
.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.6)}
.guides{display:flex;justify-content:center;gap:18px;margin:0 auto 18px;max-width:640px}
.guides a{flex:1;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:10px}
.guides img{width:min(34vw,200px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6))}
.guides span{display:inline-flex;min-height:48px;align-items:center;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.45);font:400 21px/1 var(--serif)}
.hero .dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.hero .dots i{width:7px;height:7px;border-radius:9px;background:rgba(255,255,255,.4);transition:width .3s,background .3s}.hero .dots i.on{width:22px;background:#fff}
@media (prefers-reduced-motion:reduce){.hero .sl.on img{animation:none}}
/* strip carousel */
.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none;overscroll-behavior-x:contain}
.strip::-webkit-scrollbar{display:none}
.strip a{flex:0 0 clamp(120px,30vw,180px);scroll-snap-align:start;border-radius:18px;overflow:hidden;aspect-ratio:1;border:1px solid var(--rim)}
.strip img{width:100%;height:100%;object-fit:cover}
/* lazy shimmer */
picture,.ph{background:linear-gradient(100deg,rgba(185,140,255,.06) 30%,rgba(185,140,255,.16) 50%,rgba(185,140,255,.06) 70%) 0 0/300% 100%}
html.js img[loading=lazy]:not(.ld){opacity:0}
html.js img[loading=lazy]{transition:opacity .4s}
/* page hero */
.ph-hero{display:grid;gap:22px;align-items:center;grid-template-columns:1fr;margin-bottom:28px}
@media (min-width:820px){.ph-hero{grid-template-columns:1.1fr .9fr}}
.ph-hero .art{border-radius:28px;overflow:hidden;aspect-ratio:1;max-width:460px;justify-self:center;width:100%}
.ph-hero .art img{width:100%;height:100%;object-fit:cover}
@media (max-width:819px){.ph-hero .art{order:-1;max-width:min(460px,78vw)}}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0}
.facts div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.facts dt{font:700 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.facts dd{margin:0;font-size:15px}
.prose{max-width:760px}
.prose h2{margin-top:1.4em;font-size:24px}
.prose li{margin:.3em 0}
.note{font-size:13.5px;color:var(--mute);border-left:3px solid var(--acc);padding:8px 12px;background:rgba(185,140,255,.07);border-radius:0 12px 12px 0}
.chapter{counter-increment:ch;position:relative;padding:22px 22px 18px 22px;margin:0 0 16px}
.chapter h2::before{content:"Chapter " counter(ch);display:block;font:700 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.chapters{counter-reset:ch}
.stone{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.stone:first-of-type{border-top:0}
.stone .th{width:72px;height:72px;border-radius:18px;overflow:hidden}
.stone .th img{width:100%;height:100%;object-fit:cover}
.stone b{font:400 19px/1.2 var(--serif)}
.stone p{margin:2px 0 0;font-size:14.5px;color:#d9d3f3}
.goalbox{margin-top:22px;padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(243,201,105,.12),rgba(185,140,255,.12));border:1px solid rgba(243,201,105,.35)}
/* constellation header */
.zhead{position:relative;margin:-18px calc(-1 * max(16px,var(--sl))) 24px;height:min(56vw,380px);min-height:260px;overflow:hidden;border-radius:0 0 30px 30px;
 background:radial-gradient(120% 90% at 50% 0%,#241a52 0%,#120d2a 55%,#0b0818 100%)}
@media (min-width:1212px){.zhead{margin:0 0 24px;border-radius:30px}}
@media (min-width:700px){.zhead{height:400px}}
.zhead svg{position:absolute;inset:0;width:100%;height:100%}
.zhead .t{position:absolute;inset:auto 0 22px;text-align:center;z-index:2;pointer-events:none}
.zhead .t h1{margin:0;text-shadow:0 2px 20px #0b0818}
.zhead .t .sym{font-size:22px;color:var(--gold)}
.cst .st{transform-box:fill-box;transform-origin:center;opacity:0;animation:stIn 1.5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
.cst .st circle{fill:#fff}
.cst .ln{fill:none;stroke:rgba(200,225,255,.65);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:lnIn .7s ease-out forwards;animation-delay:var(--d)}
.cst .bg{opacity:0;animation:fade 1s ease forwards}
.cst .tw{animation:tw var(--tw,3.2s) ease-in-out infinite;animation-delay:calc(2.4s + var(--td,0s));transform-box:fill-box;transform-origin:center}
@keyframes stIn{from{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}to{opacity:1;transform:none}}
@keyframes lnIn{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
@keyframes tw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.zhead.paused *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.cst .st,.cst .ln,.cst .bg{animation:none!important;opacity:1;stroke-dashoffset:0}.cst .tw{animation:none}}
/* zodiac grid */
.zgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (min-width:700px){.zgrid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1000px){.zgrid{grid-template-columns:repeat(6,1fr)}}
.zgrid a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;text-decoration:none;color:var(--ink);text-align:center;transition:transform .15s}
.zgrid .s{font-size:30px;line-height:1;color:var(--gold)}
.zgrid b{font:400 17px/1.1 var(--serif)}.zgrid small{font-size:11.5px;color:var(--mute)}
/* finder */
.finder form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.finder label{font-size:13px;color:var(--mute);display:grid;gap:6px}
.finder select,.finder input{font:16px var(--sans);min-height:48px;border-radius:14px;border:1px solid var(--rim);background:rgba(0,0,0,.3);color:var(--ink);padding:0 12px;width:100%}
.finder .full{grid-column:1/-1}
.finder .chk{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);min-height:44px}
.finder .chk input{width:22px;min-height:22px;height:22px}
.res{margin-top:16px}
/* chakra list */
.ck{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;padding:16px;text-decoration:none;color:var(--ink);margin-bottom:12px}
.ck img{width:64px;height:64px}
/* footer */
footer{padding:28px max(16px,var(--sl)) var(--nav-clear);text-align:center;color:var(--mute);font-size:14px;border-top:1px solid var(--line);margin-top:20px}
footer img{width:120px;margin:0 auto 10px}
footer a{color:var(--ink)}
footer .row{justify-content:center;margin:10px 0}
/* ---------- liquid glass bottom pill ---------- */
.tabbar{position:fixed;z-index:70;left:0;right:0;bottom:var(--nav-bottom);display:flex;justify-content:center;padding:0 max(12px,var(--sr)) 0 max(12px,var(--sl));pointer-events:none}
.gseg{position:relative;pointer-events:auto;display:flex;gap:2px;width:min(520px,100%);height:var(--nav-h);padding:5px;border-radius:999px;touch-action:none;user-select:none;-webkit-user-select:none;
 /* gradient layers only: Safari 26 bottom-toolbar tint sampler ignores them */
 background-image:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06) 55%,rgba(255,255,255,.10)),linear-gradient(rgba(22,16,48,.55),rgba(22,16,48,.55));
 -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
 border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.08),0 22px 44px -18px rgba(0,0,0,.75),0 4px 12px -4px rgba(0,0,0,.4)}
.gseg::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,rgba(255,111,176,.16),transparent 28%,transparent 70%,rgba(127,231,255,.16))}
.gseg-opt{position:relative;z-index:2;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:#e8e3ff;text-decoration:none;font:600 11px/1 var(--sans);letter-spacing:.02em;cursor:pointer;border-radius:999px;-webkit-user-drag:none;-webkit-touch-callout:none;transition:color .2s,transform .2s}
.gseg-opt svg{width:24px;height:24px;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.gseg-opt[aria-current=page],.gseg-opt.lensed{color:#fff}
.gseg-opt.lensed svg{transform:scale(1.12)}
.gseg-lens{position:absolute;z-index:1;left:0;top:5px;bottom:5px;width:100px;border-radius:999px;pointer-events:none;transform-origin:0 50%;will-change:transform;
 background:radial-gradient(120% 140% at 50% 0%,rgba(255,255,255,.34),rgba(255,255,255,.10) 55%,rgba(185,140,255,.16));
 box-shadow:inset 0 1px 1px rgba(255,255,255,.75),inset 0 -2px 6px rgba(127,231,255,.25),inset 0 0 0 1px rgba(255,255,255,.28),0 6px 16px -6px rgba(0,0,0,.6)}
.gseg-lens::after{content:"";position:absolute;left:14%;right:14%;top:2px;height:40%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0))}
.gseg-lens.dragging{background:radial-gradient(120% 140% at 50% 0%,rgba(255,255,255,.42),rgba(255,255,255,.14) 55%,rgba(127,231,255,.22))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.gseg{background-image:linear-gradient(#221a44,#221a44)}}
@media (prefers-reduced-transparency:reduce){.gseg{-webkit-backdrop-filter:none;backdrop-filter:none;background-image:linear-gradient(#221a44,#221a44)}}
/* desktop: same component at top */
.topnav{display:none}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
 .tabbar{display:none}:root{--nav-clear:40px}
 .topnav{display:flex;margin:0 auto;width:auto;height:48px;padding:4px}
 .topnav .gseg-opt{flex:none;padding:0 15px;font:400 15px/1 var(--serif);letter-spacing:.03em;flex-direction:row}
 .topnav .gseg-lens{top:4px;bottom:4px}
}
/* drawer */
.scrim{position:fixed;inset:0;z-index:89;background:rgba(5,3,14,.55);opacity:0;transition:opacity .3s;pointer-events:none}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(360px,88vw);transform:translate3d(105%,0,0);transition:transform .34s cubic-bezier(.22,.8,.24,1);
 background:linear-gradient(180deg,#1a1338,#0e0b1e);border-left:1px solid var(--rim);padding:calc(var(--sat) + var(--top-push) + 12px) 0 calc(var(--sab) + 20px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;visibility:hidden}
.drawer.on{transform:none;visibility:visible}
.drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:0 16px 8px}
.drawer h4{font:700 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:18px 20px 6px}
.drawer a,.drawer button.row-b{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 20px;color:var(--ink);text-decoration:none;font-size:16px;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.drawer a:active,.drawer button.row-b:active{background:rgba(255,255,255,.06)}
.drawer .zs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 10px}
.drawer .zs a{padding:0 10px;font-size:15px;gap:6px;min-height:44px}
.drawer .ver{font-size:12px;color:var(--mute);padding:8px 20px}
@media (prefers-reduced-motion:reduce){.drawer,.scrim{transition:none}}
/* lightbox */
.lb{position:fixed;inset:0;z-index:120;background:rgba(5,3,14,.94);display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none}
.lb img{max-width:100vw;max-height:84dvh;object-fit:contain;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
.lb-x{position:absolute;top:calc(var(--sat) + var(--top-push) + 10px);right:max(12px,var(--sr));width:48px;height:48px;border-radius:999px;border:1px solid var(--rim);background:rgba(255,255,255,.1);color:#fff;font-size:22px;z-index:2}
.lb-c{position:absolute;bottom:calc(var(--sab) + 18px);left:0;right:0;text-align:center;color:var(--mute);font-size:14px;padding:0 20px}
.gal{columns:2;column-gap:10px}@media (min-width:700px){.gal{columns:3}}@media (min-width:1000px){.gal{columns:4}}
.gal a{display:block;margin:0 0 10px;border-radius:16px;overflow:hidden;break-inside:avoid;border:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:calc(var(--nav-clear) + 4px);transform:translateX(-50%);z-index:130;padding:12px 18px;border-radius:999px;background:#2a2152;border:1px solid var(--rim);font-size:14px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:calc(var(--sat) + 8px);z-index:2000;background:#fff;color:#000;padding:8px 12px;border-radius:8px}
:focus-visible{outline:2px solid var(--cy);outline-offset:2px}