/* Etüt: paper, cobalt and generous spacing. */
.sidebar nav{display:flex;flex-direction:column;gap:10px;margin-top:24px}.sidebar nav>a{min-height:50px}.nav-more{margin-top:18px;border-top:1px solid #354054;padding-top:15px}.nav-more summary{cursor:pointer;display:flex;justify-content:space-between;color:#afbbd0;padding:14px;font-size:12px;list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-more a{margin-top:6px}.workspace-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 32px;overflow:auto}.workspace-tabs a{color:var(--muted);white-space:nowrap;padding:12px 0 15px;min-height:46px;text-decoration:none;font-size:13px;border-bottom:3px solid transparent}.workspace-tabs a[aria-current]{color:var(--blue);border-color:var(--blue);font-weight:650}.account-dropdown{position:relative}.account-menu-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);cursor:pointer;min-height:44px;font:inherit}.account-menu-button .avatar{margin:0}.account-dropdown nav{position:absolute;right:0;top:54px;width:240px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 32px #131d311a;z-index:25;padding:10px}.account-dropdown nav a{display:block;padding:14px;color:var(--ink);text-decoration:none}.account-dropdown nav a:hover{background:var(--pale)}.avatar img,.profile-avatar img,.person-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar,.profile-avatar{overflow:hidden}.person-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--pale);color:var(--blue);font-weight:650;overflow:hidden;flex-shrink:0;border-radius:50%;vertical-align:middle}.avatar-editor{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.avatar-editor p{font-size:13px}.avatar-upload{display:inline-flex;cursor:pointer;position:relative;overflow:hidden}.avatar-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.etude-overview{display:flex;gap:28px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin-bottom:24px}.etude-overview strong{font-size:24px;display:block;color:var(--ink)}.etude-overview span{font-size:12px;color:var(--muted)}.rooms-tabs{border-radius:0;background:transparent;border-bottom:1px solid var(--line);padding:0;gap:24px;margin:26px 0}.rooms-tabs .button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:12px 0;border-bottom:3px solid transparent;margin:0}.rooms-tabs .button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)}.rooms-layout{grid-template-columns:minmax(0,1fr) 230px;gap:28px}.rooms-card{padding:26px}.rooms-hero{margin-top:12px}.rooms-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.rooms-member{border:1px solid var(--line);padding:20px;min-width:0}.member-heading{display:flex;align-items:center;gap:12px}.member-heading h3{margin:0;font-size:18px}.etude-chat{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid var(--line);background:var(--paper);min-height:570px}.chat-channels{padding:20px 14px;background:#e9ecf1;border-right:1px solid var(--line)}.chat-channels .eyebrow{display:block;margin:5px 10px 16px}.chat-channel{display:block;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:left;background:transparent;border:0;padding:15px 12px;cursor:pointer;font:inherit;color:var(--ink);min-height:48px}.chat-channel[aria-current]{background:var(--paper);color:var(--blue);box-shadow:inset 3px 0 var(--blue);font-weight:650}.chat-channels p{font-size:12px;padding:8px 10px;line-height:1.7}.chat-workspace{min-width:0;display:flex;flex-direction:column}.chat-header{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:start}.chat-header h2{font-size:22px;margin:0 0 6px}.chat-header p{font-size:12px;margin:0;line-height:1.6;max-width:470px}.chat-header .text-btn{white-space:nowrap}.chat-feed{height:360px;overflow-y:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:18px;scroll-behavior:auto}.chat-empty{margin:auto;text-align:center;max-width:360px;padding:30px 16px}.chat-empty strong{display:block;font-size:22px;font-family:var(--display);color:var(--ink)}.chat-empty p{font-size:13px;line-height:1.8}.chat-message{max-width:88%;display:flex;gap:10px;align-self:flex-start;min-width:0}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-message .person-avatar{width:30px;height:30px;font-size:12px}.chat-bubble{background:#f0f1ee;padding:13px 16px;min-width:90px;overflow:hidden;border-radius:2px}.own .chat-bubble{background:#e9edfc}.chat-byline{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.chat-byline strong{font-size:12px}.chat-byline time{color:var(--muted);font-size:10px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;color:var(--ink);line-height:1.65}.chat-bubble audio,.chat-bubble video{display:block;max-width:100%;width:300px;margin-top:10px}.chat-bubble video{max-height:280px;background:#131d31}.chat-delete{display:block;font-size:10px;color:var(--muted);border:0;background:transparent;cursor:pointer;margin-top:8px;padding:4px 0}.chat-load-media{display:block;margin-top:10px;white-space:normal}.chat-composer{padding:18px 24px;border-top:1px solid var(--line);margin-top:auto}.chat-composer textarea{width:100%;min-height:75px;max-height:180px;resize:vertical;border:1px solid #bcc5d2;background:var(--paper);color:var(--ink);font:inherit;padding:12px;box-sizing:border-box;border-radius:2px}.chat-composer textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.chat-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.chat-attach{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-size:12px;color:var(--blue)}.chat-attach input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.chat-file-preview:empty{display:none}.chat-file-preview{margin:12px 0;font-size:12px;background:var(--pale);padding:12px;overflow-wrap:anywhere}.chat-file-preview video{max-height:180px;max-width:100%}.chat-file-preview audio{max-width:100%}.chat-file-preview .text-btn{margin-left:10px}.chat-note{font-size:11px;line-height:1.6;margin:10px 0 0;color:var(--muted)}.chat-status{padding:0 24px;font-size:12px;line-height:1.7;color:var(--blue);white-space:pre-wrap}.chat-status:empty{display:none}.chat-earlier{align-self:center;min-height:40px;flex-shrink:0}.chat-pending-delete{padding:12px 24px;background:#fff2df;border-bottom:1px solid #e3cba7;font-size:13px}.chat-pending-delete .text-btn{margin-left:14px}.rooms-shell .chat-composer button:disabled{opacity:.5}.rooms-shell .chat-composer button{min-height:44px}.chat-closed{padding:24px;color:var(--muted)}
@media(min-width:761px){.sidebar .side-bottom{margin-top:auto}.sidebar{display:flex;flex-direction:column}.app main{max-width:1450px}.etude-chat{min-height:620px}.chat-feed{height:410px}}
@media(max-width:1050px){.etude-chat{grid-template-columns:175px minmax(0,1fr)}.rooms-layout{grid-template-columns:1fr}.rooms-layout>aside{display:none}}
@media(max-width:760px){.workspace-tabs{gap:22px;margin-bottom:24px;margin-inline:-2px}.workspace-tabs a{font-size:12px;padding-bottom:12px}.account-button-label{display:none}.account-menu-button{gap:6px}.account-dropdown nav{top:48px}.rooms-tabs{top:64px;gap:23px;background:var(--bg)}.rooms-tabs .button{padding:12px 0;font-size:12px}.etude-overview{gap:30px;padding:18px 0}.etude-overview strong{font-size:21px}.rooms-card{padding:22px}.etude-chat{display:block;min-height:0;margin-inline:-6px}.chat-channels{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:8px;padding:10px;overflow-x:auto}.chat-channels .eyebrow,.chat-channels p{display:none}.chat-channel{width:auto;flex:0 0 auto;max-width:210px;font-size:12px;padding:12px;min-height:44px}.chat-channel[aria-current]{box-shadow:inset 0 -2px var(--blue)}.chat-header{padding:18px 16px}.chat-header h2{font-size:20px}.chat-header p{font-size:11px}.chat-feed{height:clamp(260px,45dvh,460px);padding:16px 12px}.chat-message{max-width:96%;gap:6px}.chat-message .person-avatar{width:25px;height:25px;font-size:10px}.chat-bubble{padding:12px;max-width:calc(100vw - 105px)}.chat-composer{padding:14px}.chat-status{padding:0 16px}.chat-note{font-size:10px}.chat-compose-actions .button{padding:12px 18px}.chat-byline{gap:7px}.chat-pending-delete{padding:12px}.rooms-roster{grid-template-columns:1fr}}
.workspace-tabs a:hover{background:var(--pale)}.account-dropdown [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.stat-cards{grid-template-columns:1fr}.stat-cards .stat-card{display:grid;grid-template-columns:1fr auto;gap:5px 18px;min-width:0;padding:20px}.stat-cards .stat-card .eyebrow{grid-column:1}.stat-cards .stat-card strong{grid-column:2;grid-row:1/3}.stat-cards .stat-card>span:last-child{grid-column:1;overflow-wrap:anywhere}.profile-stats{flex-wrap:wrap}}
@media(max-width:760px){.rooms-shell[data-room-view=chat] .rooms-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:8px 0 18px;align-items:center}.rooms-shell[data-room-view=chat] .rooms-hero h1{font-size:26px;margin:8px 0 0}.rooms-shell[data-room-view=chat] .rooms-hero p{display:none}.rooms-shell[data-room-view=chat] .rooms-hero>.button{width:auto;font-size:12px;padding:10px 14px}.rooms-shell[data-room-view=chat] .rooms-tabs{margin:12px 0 20px}.chat-note{font-size:11px;line-height:1.6}}
.chat-upload-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.chat-upload-progress[hidden]{display:none}.chat-upload-progress progress{flex:1;min-width:130px;height:10px;accent-color:var(--blue)}