:root{--bg:#0a1510;--card:#14261c;--line:#24402f;--fg:#eef5ee;--mut:#8fa898;--acc:#4cc15a;--mud:#2b2218;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:radial-gradient(1200px 500px at 50% -120px,#17402a 0%,transparent 70%) no-repeat,var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Roboto,sans-serif}button,select,input{font:inherit;color:inherit}.app{max-width:640px;margin:0 auto;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}header{padding:16px 16px 4px}h1{margin:0 0 12px;font-size:26px;display:flex;align-items:center;gap:10px;letter-spacing:.3px}h1 .logo{width:36px;height:36px;border-radius:9px}.tagline{margin:-6px 0 12px;font-size:13px;font-style:italic;color:var(--mut)}.sec{font-size:17px;margin:20px 16px 8px}.hint{color:var(--mut);font-size:13px;margin:6px 0}.hint.small{font-size:11px}.pad{padding:0 16px}.seg{display:flex;background:var(--card);border-radius:10px;padding:3px;margin-bottom:12px}.seg button{flex:1;border:0;background:none;padding:8px;border-radius:8px}.seg .on{background:#1f3d2b}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 13px;font-size:14px}.chip.on{background:var(--acc);border-color:var(--acc);color:#06210e;font-weight:600}.filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:14px;margin-top:8px}select,.search{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px}.search{width:100%;padding:12px;font-size:16px}.row{display:flex;gap:12px;overflow-x:auto;padding:0 16px 4px;scroll-snap-type:x proximity;scroll-padding-left:16px}.row .poster{flex:0 0 120px;scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 16px}.poster{background:none;border:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:4px}.poster img,.noimg{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:var(--card)}.noimg{display:flex;align-items:center;justify-content:center;padding:6px;font-size:12px;text-align:center;color:var(--mut)}.pname{font-size:13px;line-height:1.2}.pmeta{font-size:11px;color:var(--mut)}nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0c1912;border-top:1px solid var(--line);padding-bottom:calc(10px + env(safe-area-inset-bottom));transition:transform .2s ease;z-index:5}nav.hide{transform:translateY(100%)}nav button{flex:1;border:0;background:none;padding:10px 0 4px;min-height:60px;color:var(--mut);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}nav button.on{color:var(--acc);box-shadow:inset 0 2px 0 var(--acc)}.go{margin-top:16px;width:100%;padding:14px;border:0;border-radius:10px;background:var(--acc);color:#06210e;font-weight:700}footer{color:var(--mut);font-size:10px;text-align:center;padding:28px 24px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:10}.sheet{background:#101e16;width:100%;max-width:640px;margin:0 auto;border-radius:18px 18px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto;position:relative}.sheet h2{margin:0 0 4px}.sheet h3{margin:16px 0 8px;font-size:15px}.sheet-head{display:flex;gap:14px}.sheet-head img{width:90px;border-radius:8px;align-self:flex-start}.close{position:absolute;top:10px;right:10px;border:0;background:none;font-size:20px;color:var(--mut)}.overview{font-size:14px;line-height:1.45}.watch,.actions{display:flex;flex-wrap:wrap;gap:8px}.actions{margin-top:16px}.btn{color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:600;font-size:14px}.btn.ghost,.actions button{background:var(--card);border:1px solid var(--line);color:var(--fg);padding:11px 16px;border-radius:10px;font-size:14px}.actions button.on{background:#1f4a2d;border-color:#4cc15a}header{position:relative;padding-bottom:18px}.poster img,.noimg{box-shadow:0 2px 10px #00000073;border:1px solid var(--line)}.poster:active img{transform:scale(.97)}.sec{display:flex;align-items:center;gap:8px}.sec:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--acc)}.sheet{border-top:2px solid var(--acc)}.reeds{display:block;margin:24px auto 0;opacity:.5}.swamp-note{text-align:center;color:var(--mut);font-size:12px;font-style:italic;padding:0 16px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.07;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='28'><path d='M0 14 Q17 -3 34 14 M-17 28 Q0 11 17 28 Q34 11 51 28' fill='none' stroke='%234cc15a' stroke-width='2'/></svg>")}.app{position:relative;z-index:1}.water{position:relative;height:44px;margin:6px -16px -18px;overflow:hidden}.water .peek{position:absolute;right:14px;bottom:0}.bob{animation:bob 3.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.blink{transform-origin:76px 19px;animation:blink 5s infinite}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}nav:before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='9'><path d='M0 9 L9 0 L18 9z' fill='%230c1912'/></svg>") repeat-x}.sheet:before{content:"";display:block;height:9px;margin:-20px -16px 14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='9'><path d='M0 0 L9 9 L18 0z' fill='%234cc15a'/></svg>") repeat-x}.sheet{border-top:0}@media (prefers-reduced-motion: reduce){.bob,.blink{animation:none}}