@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--paper: #FAFAF8;--paper-alt: #F4F4F0;--rule: #E8E8E3;--rule-dark: #D0D0C8;--ink: #1A1A18;--ink-mid: #4A4A45;--ink-light: #8A8A82;--accent: #C8382A;--accent-soft: #F5E8E7;--online: #2BA363;--online-soft: #E4F5EC;--white: #FFFFFF;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "DM Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 3px rgba(26,26,24,.08);--shadow-md: 0 4px 16px rgba(26,26,24,.1);--shadow-lg: 0 8px 32px rgba(26,26,24,.14);--bubble-max: 72%;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule-dark);border-radius:2px}h1,h2,h3,h4{line-height:1.2;font-weight:600;color:var(--ink)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{color:var(--ink-mid)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--white);border:1.5px solid var(--rule-dark);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);outline:none;transition:border-color .15s;width:100%}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--ink-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-5);cursor:pointer;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--ink-mid)}.btn-ghost:hover{background:var(--paper-alt);color:var(--ink)}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--rule-dark)}.btn-outline:hover{border-color:var(--ink-mid)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--r-md)}.btn-icon-round{width:36px;height:36px;padding:0;border-radius:50%}.btn-danger{background:var(--accent);color:var(--white)}.card{background:var(--white);border:1.5px solid var(--rule);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.ruled{background-image:repeating-linear-gradient(to bottom,transparent,transparent 23px,var(--rule) 24px);background-attachment:local}.avatar{border-radius:50%;object-fit:cover;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-md{width:42px;height:42px;font-size:var(--text-base)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.status-dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--white)}.status-dot.online{background:var(--online)}.status-dot.offline{background:var(--ink-light)}.badge{background:var(--accent);color:var(--white);font-size:var(--text-xs);font-weight:600;border-radius:var(--r-pill);min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center}.divider{height:1px;background:var(--rule);margin:var(--sp-4) 0}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-accent{color:var(--accent)}.text-muted{color:var(--ink-light)}.text-mid{color:var(--ink-mid)}.fw-500{font-weight:500}.fw-600{font-weight:600}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.p-4{padding:var(--sp-4)}.px-4{padding-left:var(--sp-4);padding-right:var(--sp-4)}.py-2{padding-top:var(--sp-2);padding-bottom:var(--sp-2)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.w-full{width:100%}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-active{transition:opacity .15s}.slide-up-leave-to{opacity:0}.toast{position:fixed;bottom:calc(var(--sp-6) + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--ink);color:var(--white);font-size:var(--text-sm);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);z-index:9999;pointer-events:none;white-space:nowrap}