@import "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Playwrite+NZ+Basic:wght@100..400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:mio;font-stretch:100%;font-style:normal;font-weight:100;src:url(/font/mso.woff2)format("woff2")}.material-symbols-outlined{font-family:mio;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-feature-settings:"liga";font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/font/QGYvz_MVcBeNP4NJuktqQ4E.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/font/QGYvz_MVcBeNP4NJtEtq.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/font/QGYvz_MVcBeNP4NJuktqQ4E.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/font/QGYvz_MVcBeNP4NJtEtq.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/font/QGYvz_MVcBeNP4NJuktqQ4E.woff2)format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/font/QGYvz_MVcBeNP4NJtEtq.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f7f7f8;--bg-header:#f0f0f0;--panel-bg:#ffffff;--text-color:#222222;--bubble-bg:#ffffff;--bubble-border:#e6e6e6;--bubble-me-bg:#f6ffef;--bubble-me-color:#889900;--msg-timestamp:#bbbbbb;--accent:#0b66c3;--drop-border:#dddddd;--drop-bg:#ffffff;--drop-dragover-border:#4a90e2;--drop-dragover-bg:#f0f8ff;--system-opacity:.5;--badge-color:#ffffff;--badge-bg:#1b7200;--panel-shadow:0 1px 2px rgba(0, 0, 0, .05);--shadow-soft:0 4px 12px rgba(16, 24, 40, .06);--bubble-radius:14px;--focus-outline:2px solid rgba(11, 102, 195, .12);--border-radius:6px;--border-radius-lg:12px;--border-radius-xl:18px;--border-color:#e6e6e6;--border-color-accent:#dddddd;--space-xs:.4rem;--space-sm:.6rem;--space-md:1rem;--space-lg:1.25rem;--font-size-base:14px;--font-family-script:"Playwrite NZ Basic", cursive;--font-family-base:Outfit, Roboto, sans-serif;--font-family-emoji:"Noto Color Emoji", sans-serif}:root{--avatar-size:36px;--avatar-system-size:32px;--max-width:820px;--gap:12px;--radius:var(--border-radius)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);background:var(--bg);color:var(--text-color);max-height:100dvh;display:flex;flex-direction:column}h1{margin:0 0 12px}main{display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100%;height:100%}.container{width:100%;max-width:600px;margin:0 auto}.container h1{text-align:center}#chat{width:100%;height:100%}.messages{overflow:auto}form{display:flex;gap:8px;margin-top:8px}input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}button{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background:#fff;display:flex;gap:1rem;align-items:center;cursor:pointer}.meta{font-size:12px;color:#666;margin-bottom:var(--space-sm)}a{color:var(--accent)}.badge{font-size:.7rem;color:var(--badge-color);background:var(--badge-bg);padding:.1rem .4rem;border-radius:4px}.off{height:0;overflow:hidden;opacity:0;padding:0!important}.page{flex:1;transition:opacity .3s,height .3s;padding:.5rem 1rem}header{border-bottom:1px solid #ddd;background:var(--bg-header);user-select:none}header h1{padding:0;margin:0;font-weight:900}header .container{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-md)}header .user{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;width:100%;max-width:50%;overflow:hidden}header .name{display:flex;align-items:center;gap:var(--space-sm)}header .avatar{width:38px;height:38px;overflow:hidden;border-radius:50%;cursor:pointer}header .avatar img{width:100%;height:100%;object-fit:cover}header nav{display:flex;align-items:center;gap:.5rem}header nav a{text-decoration:none;color:var(--color-text);opacity:.5;transition:.6s;cursor:pointer}header nav a:hover{opacity:1}header nav a.active{opacity:1;font-weight:600}.messages{display:flex;flex-direction:column;gap:var(--space-sm);height:auto;max-height:calc(100vh - 185px);padding:var(--space-sm)0}.message-row{display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-family-script);padding:.3rem 0}.message-row.me{justify-content:flex-end}.messages:has(.system-row){gap:var(--space-xs)}.editor-area{display:flex;flex-direction:column;gap:.5rem;position:absolute;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-md)}.toolbar{display:flex;gap:.5rem}.toolbar button{padding:6px 8px;border-radius:4px;border:0;background:0 0;opacity:.2;transition:.6s}.toolbar button:hover{opacity:1}.message-send{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(0,0,0,.08);border-radius:4px;outline:0}.message-send:has(.editor:focus){box-shadow:0 5px 30px #0000001a}.editor{min-height:40px;max-height:140px;overflow:auto;padding:8px;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;width:100%;display:flex;align-items:center}.editor:empty:before{content:attr(placeholder);color:#999}.editor-actions{display:flex;justify-content:flex-end;margin-top:6px;gap:1rem}.editor button{padding:8px 12px}.message-send button{border:0;background:0 0}.message-send div.editor{border:0;background:0 0;outline:0}.msg-header{display:flex;width:100%;gap:.5rem}.message-row.me svg{order:1}.msg-user{display:flex;align-items:flex-start;font-family:var(--font-family-base);flex-direction:column;font-size:.8rem}.msg-timestamp{font-size:.6rem;color:var(--msg-timestamp)}.msg-text{width:100%;max-width:calc(100% - 1rem);text-shadow:1px 1px rgba(0,0,0,.2);word-break:break-word}.message-row.me .msg-header{display:flex;flex-direction:row-reverse}.message-row.me .msg-text{color:var(--bubble-me-color);text-shadow:none}.system-row{opacity:var(--system-opacity);display:flex;font-style:italic;font-size:.7rem;font-family:var(--font-family-base);gap:0;margin:-.2rem 0;padding:0}.system-row .avatar{width:var(--avatar-system-size);height:var(--avatar-system-size);border-radius:calc(var(--radius) - 2px);flex:0 0 var(--avatar-system-size)}.avatar.system{background-size:cover;background-position:center;color:transparent}.file-item{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm)}.file-link{color:var(--accent);display:flex;align-items:center;gap:1rem;justify-content:flex-end;text-decoration:NONE}.status-panel{position:fixed;left:0;right:0;top:0;transform:translateY(-100%);transition:transform .32s ease;z-index:1200;overflow:auto}.status-panel .container{background:var(--panel-bg);box-shadow:var(--shadow-soft);padding:var(--space-md)}body.status-open .status-panel{transform:translateY(0)}.peerList{gap:1rem;display:flex;flex-direction:column;margin:1rem 0}.peer-row{display:flex;align-items:center;gap:.5rem;cursor:pointer}.peer-row .name{font-size:1rem}.peer-row .bio{opacity:.6;font-size:.9rem;color:#150}.peer-row img{border-radius:50%;width:38px;height:38px;align-self:flex-start}.peerList li{display:inline-flex;align-items:center;gap:.5rem;width:100%}.peerList input[type=checkbox]{flex:none}.file-actions{display:flex;gap:.5rem}.file-actions span{cursor:pointer}.file-actions span{transition:.5s;display:flex;padding:.3rem;align-items:center;justify-content:center;opacity:.3}.file-actions span:hover{opacity:1}.file-view{display:flex;flex-direction:column;gap:1rem;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-path-preview{cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-path{display:flex;align-items:center;gap:1rem;padding:1rem .5rem}.file-item-folder,.file-item-file{display:flex;cursor:pointer;gap:.5rem;background:#f4f4f3;background-image:linear-gradient(0deg,var(--bg),transparent,var(--bg));padding:0 .5rem;align-items:center}.file-item-folder:hover,.file-item-file:hover,.file-item-folder:hover span,.file-item-file:hover span{color:#000;opacity:1}.file-size{align-self:end;display:flex;justify-content:flex-end;opacity:.4}.file-name{text-align:start;width:100%;display:flex;justify-content:flex-start}.file-ico{max-width:2rem}.path-item{cursor:pointer;padding:0 .3rem}.path-item:hover{text-decoration:underline}.file-message{padding:1rem;margin-bottom:1rem;background:#0000000d;border-radius:8px;display:none}.file-message-text{font-size:.9rem;margin-bottom:.5rem}.progress-container{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.progress-bar{width:0%;height:100%;background:var(--primary, #007bff);transition:width .1s ease}.user-pg{background:var(--bg)}.pg-users h2{margin:0 0 1rem}