:root{--lagon:#00a6b2;--lagon-dark:#007c8c;--ocean:#0b3c5d;--corail:#ff6b57;--soleil:#ffb81c;--hibiscus:#e63e7a;--palm:#1f8a4c;--trunk:#8a5a2b;--sable:#fff4dc;--tiare:#fffdf5;--ink:#12313f;--radius:22px;--shadow:0 8px 24px #0b3c5d26;--tapa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cpath d='M0 24 L12 0 L24 24 Z' fill='%23ff6b57'/%3E%3Cpath d='M24 24 L36 0 L48 24 Z' fill='%23ffb81c'/%3E%3Cpath d='M0 24 H48' stroke='%230b3c5d' stroke-width='4'/%3E%3Ccircle cx='24' cy='6' r='3' fill='%23fffdf5'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--sable);background-image:radial-gradient(circle at 10% 0,#ffe9b8 0,#0000 40%),radial-gradient(circle at 100% 30%,#c8f1ee 0,#0000 35%);background-attachment:fixed;margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.05rem;line-height:1.65}img{max-width:100%;display:block}a{color:var(--lagon-dark)}h1,h2,h3{color:var(--ocean);font-family:Pacifico,Nunito,cursive;font-weight:400;line-height:1.2}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.tapa{background:var(--tapa) repeat-x center / auto 24px;height:24px}.site-header{background:linear-gradient(135deg, var(--lagon), #1bc5b3 60%, #6fe0c8);color:#fff;position:relative;overflow:hidden}.site-header .bar{z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex;position:relative}.brand{color:#fff;align-items:center;gap:10px;font-family:Pacifico,cursive;font-size:1.5rem;text-decoration:none;display:flex}.brand svg{filter:drop-shadow(0 2px 4px #00000040)}.nav{flex-wrap:wrap;gap:6px;display:flex}.nav a{color:#fff;background:#ffffff29;border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none}.nav a:hover,.nav a[aria-current]{background:#ffffff57}.hero{text-align:center;z-index:2;padding:36px 0 90px;position:relative}.hero h1{color:#fff;text-shadow:0 3px #0b3c5d59;margin:0 0 6px;font-size:clamp(2.2rem,7vw,4.2rem)}.hero p{text-shadow:0 1px 4px #00000040;max-width:640px;margin:0 auto;font-size:1.15rem}.hero .palm{z-index:1;pointer-events:none;width:auto;height:calc(100% - 20px);max-height:300px;position:absolute;bottom:-4px}.hero .palm.l{left:-10px;transform:rotate(-4deg)}.hero .palm.r{right:-14px;transform:scaleX(-1)rotate(-3deg)}.hero .tiare{opacity:.9;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{50%{transform:translateY(-8px)rotate(8deg)}}.waves{z-index:3;width:100%;height:46px;display:block;position:absolute;bottom:-1px;left:0}.sun{opacity:.7;background:radial-gradient(circle,#fff2b0,#ffd166 45%,#ffb81c00 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-50px;left:50%;translate:-50%}.toolbar{z-index:4;background:var(--tiare);border-radius:var(--radius);box-shadow:var(--shadow);border:3px solid var(--soleil);margin:-26px auto 20px;padding:16px;position:relative}.toolbar input[type=search]{width:100%;font:inherit;border:2px solid var(--lagon);background:#fff;border-radius:999px;outline:none;padding:12px 18px}.toolbar input[type=search]:focus{box-shadow:0 0 0 4px #00a6b240}.fam{margin-top:10px}.fam summary{cursor:pointer;color:var(--lagon-dark);background:#e4f8f6;border-radius:999px;padding:6px 16px;font-weight:900;list-style:none;display:inline-block}.fam summary::-webkit-details-marker{display:none}.fam summary:after{content:" ▾"}.fam[open] summary:after{content:" ▴"}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{font:inherit;cursor:pointer;border:2px solid var(--lagon);color:var(--lagon-dark);background:#fff;border-radius:999px;padding:4px 14px;font-weight:800}.chip[aria-pressed=true]{background:var(--lagon);color:#fff}.count{color:var(--ocean);margin:6px 0 0;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin:0 0 40px;padding:0;list-style:none;display:grid}.card{background:var(--tiare);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);border:3px solid #fff;flex-direction:column;height:100%;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.card:hover,.card:focus-visible{border-color:var(--corail);transform:translateY(-4px)rotate(-.4deg)}.card .ph{aspect-ratio:4/3;background:linear-gradient(135deg,#bff3ee,#ffe3a3);place-items:center;display:grid;overflow:hidden}.card .ph img{object-fit:cover;width:100%;height:100%}.card .ph .nophoto{font-size:3rem}.card .tx{padding:12px 16px 16px}.card h3{color:var(--ocean);margin:0;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900}.card .lat{color:#52707e;font-size:.9rem;font-style:italic}.card .ty{background:var(--hibiscus);color:#fff;border-radius:999px;margin-top:6px;padding:2px 12px;font-size:.85rem;font-weight:800;display:inline-block}.card .ty.none{color:#4b6370;background:#c9d7dd}.fish-head{background:linear-gradient(135deg, var(--lagon), #1bc5b3);color:#fff;padding:20px 0 64px;position:relative;overflow:hidden}.crumb{font-weight:800}.crumb a{color:#fff}.fish-head h1{color:#fff;text-shadow:0 3px #0b3c5d4d;margin:8px 0 0;font-size:clamp(2rem,6vw,3.4rem)}.names{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:16px;display:grid}.name{backdrop-filter:blur(4px);background:#fff3;border-radius:16px;padding:10px 16px}.name small{text-transform:uppercase;letter-spacing:.08em;opacity:.9;font-size:.72rem;font-weight:900;display:block}.name b{font-size:1.25rem}.name.latin b{font-style:italic}.name.tah{background:var(--hibiscus)}.layout>*{min-width:0}.layout{z-index:4;grid-template-columns:1fr;gap:28px;margin:-32px auto 40px;display:grid;position:relative}@media (width>=900px){.layout{grid-template-columns:1.15fr 1fr;align-items:start}}.panel{background:var(--tiare);border-radius:var(--radius);box-shadow:var(--shadow);border:3px solid #fff;padding:22px}.panel h2{margin-top:0;font-size:1.6rem}.gallery .main{aspect-ratio:4/3;background:#bff3ee;border-radius:18px;overflow:hidden}.gallery .main img{object-fit:cover;width:100%;height:100%}.thumbs{gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.thumbs button{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:12px;flex:none;width:84px;height:62px;padding:0;overflow:hidden}.thumbs button[aria-current=true]{border-color:var(--corail)}.thumbs img{object-fit:cover;width:100%;height:100%}.credit{color:#52707e;margin:8px 2px 0;font-size:.82rem}.facts{flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.facts li{color:var(--ocean);background:#e4f8f6;border-radius:999px;padding:4px 14px;font-weight:700}.anecdote{border-left:8px solid var(--soleil);background:#fff7df;border-radius:16px;margin-top:18px;padding:14px 18px;position:relative}.anecdote h3{color:var(--corail);margin:0 0 4px;font-size:1.25rem}.anecdote .src{color:#6b7f88;font-size:.85rem}.warn{color:#a1362a;background:#fff0ef;border-radius:12px;padding:6px 12px;font-size:.9rem}.upload form{gap:10px;display:grid}.upload label{gap:4px;font-weight:800;display:grid}.upload input[type=text],.upload input[type=file]{font:inherit;border:2px solid var(--lagon);background:#fff;border-radius:14px;width:100%;padding:10px 14px}.upload .hp{position:absolute;left:-9999px}.btn{font:inherit;cursor:pointer;background:var(--corail);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:900;box-shadow:0 4px #c7402f}.btn:active{transform:translateY(2px);box-shadow:0 2px #c7402f}.btn[disabled]{opacity:.6;cursor:wait}.msg{margin:0;font-weight:700}.msg.ok{color:var(--palm)}.msg.ko{color:#b3261e}.user-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px;display:grid}.user-photos figure{margin:0}.user-photos img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%}.user-photos figcaption{color:#52707e;font-size:.78rem}.site-footer{background:var(--ocean);color:#cfe9ee;text-align:center;margin-top:40px;padding:0 0 28px}.site-footer a{color:#ffd166}.site-footer .tapa{margin-bottom:20px}.credits-table{border-collapse:collapse;width:100%;font-size:.9rem}.credits-table td,.credits-table th{text-align:left;vertical-align:top;border-bottom:1px solid #e2d6bb;padding:6px 8px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=560px){.brand{font-size:1.25rem}.nav a{padding:6px 10px;font-size:.9rem}.hero .palm{opacity:.85}.panel{padding:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.pick .lbl{margin-bottom:6px;font-weight:800;display:block}.pick-btns{flex-wrap:wrap;gap:10px;display:flex}.btn.alt{background:var(--lagon);box-shadow:0 4px 0 var(--lagon-dark);flex:200px}.btn.alt:active{box-shadow:0 2px 0 var(--lagon-dark)}.sr-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.picked{color:#52707e;word-break:break-all;margin:8px 0 0;font-size:.9rem}#preview{object-fit:cover;border-radius:14px;max-height:220px;margin-top:8px}