@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(/f/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}: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;--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);--border-radius:6px;--bubble-radius:14px;--focus-outline:2px solid rgba(11, 102, 195, .12);--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:"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;padding:var(--space-sm)}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;transition:opacity .3s,height .3s}.page{flex:1;transition:opacity .3s,height .3s}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:1rem}.message-row{display:flex;align-items:center;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)}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;align-self:flex-start}.editor-area{display:flex;flex-direction:column;gap:.5rem;position:absolute;bottom:0;left:0;right:0;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}.bubble{max-width:70%;text-shadow:1px 1px rgba(0,0,0,.2);word-break:break-word}.message-row.me .bubble{color:var(--bubble-me-color);text-shadow:none}.message-row.me .avatar{order:2;margin-left:var(--space-sm)}.message-row.me .bubble{order:1}.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-view{display:flex;flex-direction:column;gap:1rem}.file-item-folder,.file-item-file{display:flex;align-items:center;cursor:pointer}.file-item-folder span{color:#fc6}.file-item-folder span,.file-item-file span{width:100%;max-width:2rem}.user-pg{background:var(--bg)}.pg-users h2{margin:0 0 1rem}