@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;800&family=Inter:wght@400;600;700&display=swap');
/* Hentai Squid - deep sea */
:root:root{--bg:#021316;--bg2:#06202a;--bg3:#0a2c38;--bg4:#103d4c;--text:#e8fbfa;--muted:#9fc9cb;--faint:#5f8d93;--line:rgba(0,194,168,.22);--accent:#00c2a8;--accent2:#a77bff;--radius:18px}
body{font-family:Inter,system-ui,sans-serif;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='180' viewBox='0 0 1200 180' preserveAspectRatio='none'%3E%3Cpath d='M0 90 C150 20 300 160 450 90 S750 20 900 90 1050 160 1200 90 V180 H0Z' fill='%2300c2a8' fill-opacity='.07'/%3E%3Cpath d='M0 125 C200 70 400 180 600 125 S1000 70 1200 125 V180 H0Z' fill='%23a77bff' fill-opacity='.06'/%3E%3C/svg%3E") bottom/100% 180px no-repeat,radial-gradient(circle at 12% 22%,rgba(0,194,168,.1) 0 3px,transparent 4px) 0 0/140px 140px,radial-gradient(circle at 70% 60%,rgba(167,123,255,.1) 0 2px,transparent 3px) 0 0/90px 90px,radial-gradient(1100px 600px at 50% -10%,rgba(0,194,168,.16),transparent 65%),var(--bg);background-attachment:fixed}
.logo,.logo *{font-family:'Baloo 2',sans-serif;font-weight:800;letter-spacing:.02em}
.logo span{color:var(--accent)}
.logo::after{content:"イカ";font-size:.55em;margin-left:.5em;padding:1px 9px;border-radius:999px;background:var(--accent2);color:#120a24;vertical-align:middle}
h1,h2,.section-title,.list-head h1{font-family:'Baloo 2',sans-serif;font-weight:800}
.top-inner{gap:20px}
.search{order:2;margin:0 auto;max-width:560px;flex:1}
.main-nav{order:3}
.search input{background:var(--bg3);border:1px solid var(--line);border-radius:999px 0 0 999px;padding-left:20px}
.search button{background:var(--accent);color:#021316;border-radius:0 999px 999px 0;padding-right:18px}
.main-nav a{border-radius:999px;padding:6px 14px}
.main-nav a:hover{color:var(--accent)}
.main-nav a.on{background:var(--accent);color:#021316}
.catbar{gap:8px}
.catbar a{border-radius:999px;background:rgba(0,194,168,.08);border:1px solid var(--line);padding:6px 14px}
.catbar a.on,.catbar a:hover{background:var(--accent2);color:#120a24;border-color:transparent}
.card{transition:transform .25s}
.card:hover{transform:translateY(-4px) rotate(-.4deg)}
.thumb{border-radius:18px;overflow:hidden;border:1px solid var(--line);transition:box-shadow .25s,border-color .25s}
.card:hover .thumb{border-color:var(--accent);box-shadow:0 10px 30px rgba(0,194,168,.3)}
.card h3{font-weight:600}
.card:hover h3{color:var(--accent)}
.dur{border-radius:999px;background:rgba(2,19,22,.8)}
.hd{border-radius:999px;background:var(--accent2);color:#120a24;font-weight:700}
.sorts a,.pager a,.pager span{border-radius:999px}
.sorts a.on,.sorts a.on:hover,.pager span.on{background:var(--accent);color:#021316;box-shadow:none}
.chip{border-radius:999px;border:1px solid var(--line)}
.agegate-box{border-radius:24px;border:1px solid var(--accent);box-shadow:0 0 60px rgba(0,194,168,.3)}
@media (max-width:820px){.search{flex-basis:100%;max-width:none;order:3}.main-nav{margin-left:auto}.logo::after{display:none}}

/* logo-fix */
.logo span{color:#021316 !important;text-shadow:none}