html:has(body.page){overflow:auto;height:auto}body.page{overflow:visible;height:auto}body.page{min-height:100vh;padding:var(--gap)}.site-head{position:sticky;top:var(--gap);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1280px;margin:0 auto;padding:10px 10px 10px 18px;border-radius:var(--r-card);background:var(--glass);box-shadow:0 0 0 1px var(--ring);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-head .brand{text-decoration:none}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{padding:7px 12px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}.site-nav a:hover{background:var(--chip);color:var(--text)}.page-main{max-width:1280px;margin:0 auto;padding:56px 0 80px}.page-intro{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:40px;text-align:center}.page-intro h1{font-size:40px;letter-spacing:-.022em}.page-intro .lead{margin:0;max-width:520px;color:var(--muted);font-size:15px;line-height:1.5}.page-intro .btn{display:inline-flex;align-items:center;text-decoration:none}.gallery{columns:3 280px;column-gap:var(--gap)}.shot{break-inside:avoid;margin:0 0 var(--gap);overflow:hidden;border-radius:20px;background:var(--card)}.shot img{display:block;width:100%;height:auto;background:var(--field)}.shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-size:13px}.shot-who{display:flex;flex-direction:column;min-width:0}.shot-who strong{font-weight:600}.shot-who a,.shot-who span{overflow:hidden;color:var(--muted);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.shot-who a:hover{color:var(--text)}.shot-open{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.shot-actions{display:flex;gap:6px;flex-shrink:0}.btn-danger{background:#e5484d;color:#fff}.btn-danger:hover{background:#d13d42}.gallery-empty{margin:40px 0;color:var(--dim);text-align:center}.gallery-more{display:block;margin:24px auto 0}.page-wide{max-width:1680px}.site-head:has(+.page-wide){max-width:1680px}.feed{columns:5 240px;column-gap:8px}.tile{position:relative;break-inside:avoid;margin:0 0 8px;overflow:hidden;border-radius:16px;background:var(--card)}.tile img{display:block;width:100%;height:auto;background:var(--field);transition:transform .4s cubic-bezier(.2,.7,.3,1)}.tile:hover img{transform:scale(1.03)}.tile-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.tile-top,.tile-open{opacity:0;transition:opacity .18s,transform .18s}.tile:hover .tile-top,.tile:hover .tile-open,.tile:focus-within .tile-top,.tile:focus-within .tile-open{opacity:1}.tile-who{display:flex;align-items:center;gap:8px;min-width:0;color:#fff;text-decoration:none}.tile-avatar{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--inv-bg);color:var(--inv-fg);font-size:12px;font-weight:600;box-shadow:0 0 0 1.5px #ffffff59}.tile-name{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.4)}a.tile-who:hover .tile-name{text-decoration:underline}.tile-like{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:32px;padding:0 12px 0 10px;border:0;border-radius:999px;background:#00000073;color:#fff;font:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s}.tile-like:hover{background:#000000a6}.tile-like svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.tile-like.is-liked svg{fill:#ff3b5c;stroke:#ff3b5c}.tile-like.is-pop svg{animation:heart-pop .35s cubic-bezier(.3,.7,.4,1.6)}@keyframes heart-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.tile-open{position:absolute;left:50%;bottom:10px;padding:7px 12px;border-radius:999px;background:#ffffffeb;color:#000;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transform:translate(-50%,4px)}.tile:hover .tile-open{transform:translate(-50%)}@media(hover:none){.tile-top{opacity:1}.tile-open{display:none}}.about{max-width:600px;margin:0 auto}.about .lead+.lead{margin-top:-2px}.about-by{margin:6px 0 0;color:var(--muted);font-size:14px}.about-by strong{color:var(--text);font-weight:600}.about-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.site-nav a[aria-current=page]{background:var(--chip);color:var(--text)}.fx{max-width:1120px}.fx-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px;margin-bottom:56px}.fx-intro{display:flex;flex-direction:column;gap:14px}.fx-kicker{margin:0;color:var(--dim);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.fx-kicker a{color:inherit;text-decoration:none}.fx-kicker a:hover{color:var(--text)}.fx-intro h1{font-size:40px;line-height:1.08;letter-spacing:-.022em}.fx-intro .lead{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.fx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}.fx .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.fx-cta{height:40px;padding:0 20px;font-size:14px}.fx-free{color:var(--dim);font-size:13px}.fx-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.fx-compare figure{position:relative;margin:0;overflow:hidden;border-radius:20px;background:var(--card)}.fx-compare img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.fx-compare figcaption{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:var(--glass);box-shadow:0 0 0 1px var(--ring);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:500}.fx-block{margin-bottom:40px}.fx-block h2{margin-bottom:14px;font-size:20px;letter-spacing:-.01em}.fx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:0;padding:0;list-style:none}.fx-steps li{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-card);background:var(--card)}.fx-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--inv-bg);color:var(--inv-fg);font-size:13px;font-weight:600}.fx-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.fx-ideas{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.fx-ideas li{padding:8px 14px;border-radius:999px;background:var(--card);font-size:14px}.fx-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:48px;padding:20px 20px 20px 24px;border-radius:var(--r-card);background:var(--card)}.fx-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.fx-note strong{color:var(--text);font-weight:600}.fx-note .btn{height:36px}.fx-chips{display:flex;flex-wrap:wrap;gap:6px}.fx-chips a{padding:7px 12px;border-radius:999px;background:var(--chip);color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.fx-chips a:hover{background:var(--chip-hover);color:var(--text)}.fx-examples{display:grid;grid-template-columns:3fr 2fr;align-items:start;gap:var(--gap)}.fx-example{position:relative;margin:0;overflow:hidden;border-radius:20px;background:var(--card)}.fx-example>img:first-child{display:block;width:100%;height:auto}.fx-example-orig{position:absolute;top:10px;right:10px;width:26%;max-width:120px;height:auto;border-radius:10px;box-shadow:0 0 0 2px var(--card),0 6px 18px #00000059}.fx-example figcaption{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:var(--glass);box-shadow:0 0 0 1px var(--ring);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:500}.fx-credits{margin:10px 0 0;color:var(--dim);font-size:12px}.fx-faq{display:flex;flex-direction:column;gap:8px}.fx-faq details{border-radius:var(--r-block);background:var(--card)}.fx-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}.fx-faq summary::-webkit-details-marker{display:none}.fx-faq summary:after{content:"+";flex-shrink:0;color:var(--muted);font-size:18px;font-weight:400;line-height:1;transition:transform .2s}.fx-faq details[open] summary:after{transform:rotate(45deg)}.fx-faq summary:hover{color:var(--text)}.fx-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-block)}.fx-faq details p{margin:0;padding:0 18px 16px;color:var(--muted);font-size:14px;line-height:1.55}.fx .page-intro{margin-bottom:48px}.fx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}.fx-card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--card);color:var(--text);text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s}.fx-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--ring-hover)}.fx-card img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;background:var(--field)}.fx-card-text{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}.fx-card-text strong{font-size:14px;font-weight:600}.fx-card-text span{color:var(--muted);font-size:12.5px;line-height:1.4}@media(max-width:860px){.fx-hero{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.fx-examples,.fx-steps{grid-template-columns:1fr}}@media(max-width:640px){.fx-intro h1{font-size:30px}.fx-compare{gap:6px}.fx-compare figure{border-radius:14px}.fx-note{padding:16px}}.admin-login{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px;margin:0 auto}.admin-login .text-input{flex:1;height:36px}.admin-login .btn{height:36px}.admin-login .hint{width:100%;text-align:center;color:#e5484d}.admin-tabs{max-width:320px;margin:0 auto 24px;grid-template-columns:1fr 1fr}@media(max-width:640px){body.page{padding:8px}.site-head{top:8px;padding:8px 8px 8px 14px}.site-nav a{padding:6px 8px}.page-main{padding:32px 0 60px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:30px}.page-intro .lead{font-size:14px}.gallery{columns:2;column-gap:8px}.feed{columns:2;column-gap:6px}.tile{margin-bottom:6px;border-radius:12px}.tile-top{padding:6px}.tile-avatar{width:22px;height:22px;font-size:10px}.tile-name{font-size:11.5px}.tile-like{height:26px;padding:0 9px 0 7px;font-size:11.5px}.tile-like svg{width:13px;height:13px}.shot{margin-bottom:8px;border-radius:14px}.shot figcaption{flex-direction:column;align-items:stretch;gap:8px;padding:10px;font-size:12px}.shot-open,.shot-actions .btn{justify-content:center;height:28px;font-size:11.5px}.shot-actions{display:grid;grid-template-columns:1fr 1fr}.admin-tabs{max-width:none}}@media(max-width:400px){.site-head .brand-mark{display:none}}