:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,Leelawadee UI,Thonburi,Noto Sans Myanmar,Noto Sans Khmer,Noto Sans Lao,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--panel:#121622;--border:#2a3144;--text:#e8eaf0;--muted:#8b93a7;--accent:#5ec8e0;--accent-pressed:#4aa8c0;--danger:#f87171;--input-bg:#0e111a;--bubble:#1a2030;--bubble-mine:#152a3d;--bubble-mine-border:#2a4a6a;--chat-bg:#0a0c12}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--panel:#fff;--border:#c8ced9;--text:#1a1d26;--muted:#5c6478;--accent:#0d6f8c;--accent-pressed:#0a5a72;--danger:#c62828;--input-bg:#fafbfc;--bubble:#eef1f6;--bubble-mine:#dcecf2;--bubble-mine-border:#9cc4d4;--chat-bg:#fff}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:.5px solid var(--border);background:var(--panel);z-index:10;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex;position:sticky;top:0}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.header-nick{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.85rem;overflow:hidden}.header-label{color:var(--muted);margin-right:.25rem;font-size:.75rem}.locale-wrap{align-items:center;gap:.25rem;margin:0;display:inline-flex}.locale-select{border:.5px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:6px;padding:.25rem .4rem;font-size:.85rem}.brand{letter-spacing:.04em;color:var(--text);font-weight:700}.linkish{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.95rem}.linkish:hover{color:var(--accent)}.page{flex:1;width:100%;max-width:520px;margin:0 auto;padding:1rem 1rem 1.5rem}.page.narrow{flex-direction:column;justify-content:center;max-width:400px;display:flex}.center{text-align:center}.muted{color:var(--muted);line-height:1.5}.card{background:var(--panel);border:.5px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.card h1{margin:0 0 .25rem;font-size:1.35rem}.card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.card input,.composer textarea{border:.5px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-size:1rem}.card input:focus,.composer textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.error{color:var(--danger);margin:0;font-size:.9rem}button.primary{border:.5px solid var(--accent-pressed);cursor:pointer;background:var(--accent);color:var(--bg);border-radius:8px;padding:.65rem 1rem;font-weight:600}button.primary:disabled{opacity:.55;cursor:not-allowed}button.primary.big{padding:.85rem 1.25rem;font-size:1.05rem}button.ghost{border:.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .9rem}button.ghost:hover{border-color:var(--accent);color:var(--accent)}.link-button{text-align:center;border-radius:8px;display:inline-block;text-decoration:none!important}.hero-card{background:var(--panel);border:.5px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.5rem 1.25rem;display:flex}.hero-card h1{margin:0;font-size:1.6rem}.bottle-actions{flex-direction:column;gap:.75rem;width:100%;display:flex}.bottle-label{color:var(--muted);font-size:.9rem}.bottle-draft{border:.5px solid var(--border);background:var(--input-bg);width:100%;min-height:100px;color:var(--text);resize:vertical;border-radius:8px;padding:.65rem .75rem;font-size:1rem}.bottle-draft:focus{outline:1px solid var(--accent);border-color:var(--accent)}.muted.small{margin:0;font-size:.82rem}.bottle-field{flex-direction:column;gap:.35rem;width:100%;display:flex}.bottle-number{border:.5px solid var(--border);background:var(--input-bg);max-width:6rem;color:var(--text);border-radius:8px;padding:.45rem .55rem;font-size:1rem}.continent-chips{flex-wrap:wrap;gap:.4rem;display:flex}.continent-chips .chip{border:.5px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:999px;padding:.35rem .6rem;font-size:.82rem}.continent-chips .chip:hover{border-color:var(--accent)}.continent-chips .chip-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.bottle-radius input[type=range]{width:100%}.bottle-read .bottle-text{border:.5px solid var(--border);background:var(--chat-bg);white-space:pre-wrap;word-break:break-word;border-radius:10px;width:100%;min-height:120px;padding:1rem;line-height:1.5}.bottle-read-actions{flex-wrap:wrap;gap:.5rem;display:flex}.waiting{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.pulse{border:.5px solid var(--accent);opacity:.85;border-radius:50%;width:44px;height:44px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.45;transform:scale(.9)}}.chat-layout .chat-page{flex-direction:column;gap:.75rem;max-width:520px;display:flex}.chat-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chat-top h2{margin:0 0 .25rem;font-size:1.15rem}.chat-window{background:var(--chat-bg);border:.5px solid var(--border);border-radius:10px;flex-direction:column;flex:1;gap:.5rem;min-height:320px;max-height:min(60vh,520px);padding:.75rem;display:flex;overflow-y:auto}.bubble{background:var(--bubble);border:.5px solid var(--border);border-radius:10px;align-self:flex-start;max-width:88%;padding:.55rem .75rem}.bubble.mine{background:var(--bubble-mine);border-color:var(--bubble-mine-border);align-self:flex-end}.bubble .meta{color:var(--muted);gap:.5rem;margin-bottom:.2rem;font-size:.75rem;display:flex}.bubble .nick{color:var(--accent);font-weight:600}.bubble .text{white-space:pre-wrap;word-break:break-word}.composer{align-items:flex-end;gap:.5rem;display:flex}.composer textarea{resize:vertical;flex:1;min-height:52px;max-height:160px}.settings-fab{background:var(--accent);width:3rem;height:3rem;color:var(--bg);z-index:40;border-radius:50%;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 2px 12px #00000038;text-decoration:none!important}.settings-fab:hover{filter:brightness(1.08)}.shell.home-shell{box-sizing:border-box;justify-content:center;align-items:center;padding:1.25rem 1rem 5.5rem}.home-shell{flex-direction:column;flex:0 auto;width:100%;max-width:920px;min-height:0;display:flex}.home-split{border:.5px solid var(--border);background:var(--panel);border-radius:12px;flex:1;grid-template-columns:minmax(220px,34%) 1fr;min-width:0;min-height:min(52vh,440px);max-height:min(76vh,680px);display:grid;overflow:hidden;box-shadow:0 4px 24px #0000000f}[data-theme=dark] .home-split{box-shadow:0 4px 28px #00000059}.home-sidebar{border-right:.5px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, var(--border));flex-direction:column;min-height:0;display:flex}.home-sidebar-head{border-bottom:.5px solid var(--border);flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem .75rem .5rem;display:flex}.home-sidebar-title{margin:0;font-size:1rem}.session-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.session-list-err{margin:0;padding:.5rem .75rem;font-size:.85rem}.session-item{text-align:left;border:none;border-bottom:.5px solid var(--border);width:100%;color:var(--text);cursor:pointer;font:inherit;background:0 0;flex-direction:column;gap:.15rem;padding:.65rem .85rem;display:flex}.session-item:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.session-item.active{background:color-mix(in srgb, var(--accent) 15%, transparent)}.session-peer{font-weight:600}.home-main{background:var(--bg);flex-direction:column;width:100%;max-width:none;min-height:0;margin:0;padding:.75rem 1rem 1rem;display:flex}.chat-thread{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.chat-thread .chat-window{flex:1;max-height:min(70vh,640px)}.home-empty{flex-direction:column;flex:1;justify-content:center;gap:1rem;width:100%;max-width:420px;margin:0 auto;padding:1.5rem 0;display:flex}.home-fish-block{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.home-fish-select{max-width:100%}.settings-back{margin:0 0 .5rem}.settings-main{max-width:480px}.settings-section{margin-top:1rem}.settings-h2{margin:0 0 .5rem;font-size:1.05rem}.settings-locale{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.settings-logout{margin-top:1.5rem}.throw-actions{flex-wrap:wrap;gap:.5rem;display:flex}.link-button.small{padding:.45rem .75rem;font-size:.85rem}.throw-page .page,.settings-page .page{max-width:520px}@media (width<=700px){.shell.home-shell{justify-content:flex-start;padding-top:.75rem}.home-split{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:min(68vh,520px);max-height:none}.home-sidebar{border-right:none;border-bottom:.5px solid var(--border);max-height:38vh}}@media (width<=520px){.hero-card{padding:1.25rem 1rem}.chat-top{flex-direction:column}.app-header{flex-direction:column;align-items:flex-start}}