:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;background:radial-gradient(circle at top right,#e7ecff,#f4f6fd 38%,#eaf2ff);color:#12213e}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.app-shell{max-width:1320px;margin:0 auto;padding:1rem}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem;margin-bottom:.85rem;border:1px solid #d7ddf0;border-radius:16px;background:#ffffffc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-header h1{margin:0;font-size:1.35rem}.app-header p{margin:.2rem 0 0;color:#48597d}.profile-area{min-width:260px;display:flex;justify-content:flex-end;align-items:center;gap:.65rem}.profile-name{margin:0;font-weight:700}.rename-inline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;align-items:end}.desktop-layout{display:block}.mobile-layout{display:none}.ui-columns{display:grid;grid-template-columns:280px minmax(420px,1fr) 320px;gap:.8rem}.ui-panel{min-height:560px;height:min(72vh,760px);display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-radius:16px;border:1px solid #d8deed;background:#ffffffe6;overflow:hidden}.ui-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.ui-panel-header h2{margin:0;font-size:1rem}.ui-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.7rem}.ui-tabs button{min-height:44px;border-radius:10px;border:1px solid #c6d4f2;background:#f7faff;color:#163262;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.ui-tabs button:hover{border-color:#96b2e8}.ui-tabs button.is-active{border-color:#6f8fca;background:#deebff}.ui-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ui-button{border:1px solid transparent;min-height:40px;border-radius:10px;padding:.5rem .8rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button-primary{color:#fff;background:#2f59c8}.ui-button-primary:hover:not(:disabled){background:#234ab0}.ui-button-secondary{color:#143269;background:#eef4ff;border-color:#bcd0f6}.ui-button-secondary:hover:not(:disabled){background:#e3edff}.ui-button-ghost{color:#42506f;background:transparent;border-color:#cfd8eb}.ui-button-ghost:hover:not(:disabled){background:#f8fbff}.ui-input-wrap{display:flex;flex-direction:column;gap:.2rem}.ui-input-wrap label{color:#42527a;font-size:.85rem}.ui-input{width:100%;min-height:40px;border:1px solid #c6d4f2;border-radius:10px;padding:.4rem .65rem}.ui-input:focus-visible,.ui-button:focus-visible,.ui-tabs button:focus-visible,.afm-row:focus-visible{outline:2px solid #4a7df0;outline-offset:1px}.afm-row{width:100%;border:1px solid #d5deef;border-radius:10px;background:#fdfdff;color:#13254d;min-height:44px;padding:.45rem .6rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;cursor:pointer}.afm-row:hover{border-color:#99b5eb;background:#f2f7ff}.afm-row.is-selected{border-color:#6f8fca;background:#e8f0ff}.afm-presence-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:.45rem}.afm-presence-dot.is-online{background:#23ad61}.afm-presence-dot.is-offline{background:#97a4c0}.afm-room-code{color:#4d628d;font-size:.84rem;font-weight:700}.afm-join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:end}.afm-subtitle{margin:.3rem 0 0;color:#4e5f87;font-size:.88rem}.afm-empty{margin:.2rem 0;color:#596888;font-size:.92rem}.afm-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border:1px solid #d9e0f2;border-radius:12px;padding:.65rem;background:#f8fbff;display:flex;flex-direction:column;gap:.45rem}.ui-message{max-width:82%;min-width:0;border-radius:12px;padding:.5rem .65rem;border:1px solid #d6dcef;overflow-wrap:anywhere;word-break:break-word}.ui-message-self{align-self:flex-end;background:#dfe9ff;border-color:#a6bee9}.ui-message-other{align-self:flex-start;background:#fff}.ui-message-system{align-self:center;max-width:96%;background:#f7f0d8;border-style:dashed;border-color:#cfbd82}.ui-message-author,.ui-message-text,.ui-message-time{margin:0}.ui-message-author{font-size:.78rem;color:#4a5f8e}.ui-message-text{font-size:.95rem;color:#1c2d4f;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.ui-message-time{display:block;margin-top:.2rem;text-align:right;color:#5f7298;font-size:.72rem}.afm-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end}@media (max-width: 1024px){.ui-columns{grid-template-columns:240px minmax(300px,1fr) 280px}}@media (max-width: 900px){.app-shell{padding:.75rem}.app-header{flex-direction:column}.profile-area{width:100%;justify-content:flex-start;min-width:0}.rename-inline{width:100%;grid-template-columns:minmax(0,1fr) auto auto}.desktop-layout{display:none}.mobile-layout{display:block}.ui-panel{min-height:460px;height:min(68vh,640px)}.afm-messages{min-height:0}}