.fish-brand{top:calc(env(safe-area-inset-top) + 24px);left:calc(env(safe-area-inset-left) + 24px);color:#d9e6dd;z-index:8;letter-spacing:.14em;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font:12px system-ui,sans-serif;position:fixed}.fish-brand strong{letter-spacing:.22em;margin-bottom:7px;font-size:19px;font-weight:500;display:block}.fish-brand span{opacity:.55;letter-spacing:.08em}.fish-toggle{right:calc(env(safe-area-inset-right) + 20px);top:calc(env(safe-area-inset-top) + 24px);z-index:21;position:fixed}.fish-button{color:#e2efe7;cursor:pointer;background:#0a252bd9;border:1px solid #afc9be42;border-radius:18px;min-height:38px;padding:9px 14px;font:13px system-ui,sans-serif}.fish-button:hover{background:#1c454a}.fish-button:focus-visible,.fish-panel input:focus-visible{outline-offset:3px;outline:2px solid #e0bd78}.fish-panel{top:calc(env(safe-area-inset-top) + 76px);right:calc(env(safe-area-inset-right) + 20px);z-index:20;width:310px;max-width:calc(100vw - 40px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 145px);box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;color:#dfebe5;scrollbar-width:thin;background:#09252bf2;border:1px solid #b9d2c62b;border-radius:20px;padding:20px;font:13px/1.65 system-ui,sans-serif;position:fixed;overflow:auto}.fish-panel[hidden]{display:none}.fish-panel h2{margin:0 0 6px;font-size:16px;font-weight:500}.fish-panel p{color:#a4bcb5;margin:7px 0 14px}.fish-panel .row{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.fish-panel .row .fish-button{white-space:nowrap;flex:1;padding:7px 9px}.fish-panel [aria-pressed=true]{color:#132d2e;background:#d1ddc5}.fish-panel label{margin:10px 0;display:block}.fish-panel label output{float:right;color:#e2c489;font-variant-numeric:tabular-nums}.fish-panel input[type=range]{accent-color:#ccbd8d;touch-action:pan-x;width:100%;margin:8px 0;display:block}.fish-panel hr{border:0;border-top:1px solid #bad4c51f;margin:18px 0}.fish-panel summary{cursor:pointer;color:#d2e4d8}.fish-panel ol{color:#b1c6be;padding-left:20px}.fish-panel a{color:#d8c99c}.fish-panel .hint{color:#8fa9a1;font-size:12px;line-height:1.5;display:block}.fish-panel textarea{box-sizing:border-box;color:#dfebe5;touch-action:auto;-webkit-user-select:text;user-select:text;resize:vertical;background:#03171b80;border:1px solid #b9d2c62b;border-radius:10px;width:100%;min-height:64px;margin:10px 0 0;padding:8px 10px;font:16px/1.5 system-ui,sans-serif;display:block}.fish-panel pre{white-space:pre-wrap;color:#bed3c8;background:#03171b80;border-radius:10px;padding:10px;font:11px/1.65 ui-monospace,monospace}.fish-note{left:calc(env(safe-area-inset-left) + 24px);bottom:calc(env(safe-area-inset-bottom) + 22px);color:#eef5f0;text-shadow:0 1px 2px #000a,0 0 6px #0008;pointer-events:none;z-index:8;max-width:calc(100vw - 48px);font:12px/1.8 system-ui,sans-serif;position:fixed}.fish-status{font-variant-numeric:tabular-nums;white-space:pre-line;min-height:3em}.fish-capture{pointer-events:none;z-index:7;border:1px solid #ebddb3;border-radius:50%;width:36px;height:36px;margin:-18px;animation:.55s ease-out forwards fishRipple;position:fixed}@keyframes fishRipple{to{opacity:0;transform:scale(3)}}@media (max-width:600px){.fish-brand{top:calc(env(safe-area-inset-top) + 18px);left:18px}.fish-brand strong{font-size:17px}.fish-toggle{right:16px;top:calc(env(safe-area-inset-top) + 18px)}.fish-note{left:calc(env(safe-area-inset-left) + 18px);bottom:calc(env(safe-area-inset-bottom) + 68px)}.fish-panel{max-width:calc(100vw - 32px);right:16px}}@media (max-height:500px){.fish-panel{max-height:calc(100dvh - 75px);top:58px}.fish-brand span{display:none}.fish-note{bottom:calc(env(safe-area-inset-bottom) + 10px)}}