.create-group__backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-5);background:#06080c66;z-index:20}.create-group{display:flex;flex-direction:column;gap:var(--space-4);width:min(640px,100%);max-height:min(600px,90vh);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-3);animation:create-group-in var(--motion-base) var(--motion-ease) both}@keyframes create-group-in{0%{opacity:0;transform:translateY(var(--space-3)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-group__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.create-group__head h2{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--weight-bold)}.create-group__close{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border:0;border-radius:var(--radius-pill);color:var(--color-text-muted);background:transparent;font-size:var(--font-size-lg);cursor:pointer}.create-group__close:hover{background:var(--color-surface-hover)}.create-group__name-label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.create-group__name-input{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font:inherit}.create-group__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:var(--space-4);min-height:0;flex:1}.create-group__pane{display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.create-group__search{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font:inherit}.create-group__pinned{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft)}.create-group__pinned-avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.create-group__pinned-name{color:var(--color-accent-strong);font-weight:var(--weight-semibold)}.create-group__pinned-hint{margin-inline-start:auto;color:var(--color-text-muted);font-size:var(--font-size-xs)}.create-group__people{display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;margin:0;padding:0;list-style:none}.create-group__person{display:flex;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;font:inherit}.create-group__person:hover{background:var(--color-surface-hover)}.create-group__person[aria-checked=true]{background:var(--color-accent-soft)}.create-group__avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-text);background:var(--color-surface-sunken);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.create-group__empty{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.create-group__selected{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.create-group__selected h3{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.create-group__selected-list{display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;margin:0;padding:0;list-style:none}.create-group__selected-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--color-text);font-size:var(--font-size-sm)}.create-group__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.create-group__cancel{border:0;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);background:transparent;font:inherit;cursor:pointer}.create-group__cancel:hover{background:var(--color-surface-hover)}.create-group__submit{border:0;border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);color:var(--color-accent-text);background:var(--color-accent);font:inherit;font-weight:var(--weight-bold);cursor:pointer}.create-group__submit:hover{background:var(--color-accent-strong)}@media (max-width: 720px){.create-group__body{grid-template-columns:minmax(0,1fr);overflow-y:auto}}.group-info__backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-5);background:#06080c66;z-index:20}.group-info{display:flex;flex-direction:column;gap:var(--space-4);width:min(480px,100%);max-height:min(600px,90vh);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-3);animation:group-info-in var(--motion-base) var(--motion-ease) both}@keyframes group-info-in{0%{opacity:0;transform:translateY(var(--space-3)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.group-info__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.group-info__titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.group-info__titles h2{margin:0;overflow:hidden;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.group-info__titles span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.group-info__close{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border:0;border-radius:var(--radius-pill);color:var(--color-text-muted);background:transparent;font-size:var(--font-size-lg);cursor:pointer}.group-info__close:hover{background:var(--color-surface-hover)}.group-info__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-4) var(--space-2);margin:0;padding:0;overflow-y:auto;list-style:none}.group-info__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.group-info__avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-sunken);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.group-info__name{overflow:hidden;max-width:100%;color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.group-info__tile--action{position:relative}.group-info__add,.group-info__remove{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface-sunken);font-size:var(--font-size-lg);font-weight:var(--weight-bold);cursor:pointer}.group-info__add:hover,.group-info__remove:hover{background:var(--color-surface-hover)}.group-info__remove[aria-pressed=true]{color:var(--color-accent-text);background:var(--color-accent);border-style:solid;border-color:var(--color-accent)}.group-info__remove-mark{position:absolute;top:-6px;inset-inline-end:6px;display:grid;place-items:center;width:var(--space-4);height:var(--space-4);border:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--status-rejected-text);font-size:var(--font-size-sm);font-weight:var(--weight-bold);line-height:1;cursor:pointer}.group-info__add-menu{position:absolute;top:calc(100% + var(--space-1));inset-inline-start:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;min-width:calc(var(--space-8) * 2);max-height:calc(var(--space-8) * 3);overflow-y:auto;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--elevation-2)}.group-info__add-item{display:flex;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;font:inherit;font-size:var(--font-size-sm);cursor:pointer}.group-info__add-item:hover{background:var(--color-surface-hover)}.group-info__add-empty{position:absolute;top:calc(100% + var(--space-1));inset-inline-start:50%;transform:translate(-50%);z-index:1;width:max-content;max-width:220px;margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--elevation-2);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center}.chat-room{display:grid;grid-template-columns:minmax(calc(var(--space-8) * 4),.34fr) minmax(0,1fr);min-height:100%;overflow:hidden;background:var(--color-surface-sunken)}.chat-room__list-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--color-border);background:var(--color-surface)}.chat-room__search-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border)}.chat-room__search{flex:1;min-width:0;height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.chat-room__list{display:flex;flex-direction:column;overflow-y:auto;margin:0;padding:var(--space-2);list-style:none}.chat-room__item{position:relative}.chat-room__row{display:flex;align-items:center;width:100%;gap:var(--space-3);padding:var(--space-2) calc(var(--space-6) + var(--space-3)) var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.chat-room__row:hover{background:var(--color-surface-hover)}.chat-room__row--active{background:var(--color-accent-soft)}.chat-room__row--pinned{background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.chat-room__row--active.chat-room__row--pinned{background:var(--color-accent-soft)}.chat-room__row-avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.chat-room__row-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.chat-room__row-top,.chat-room__row-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.chat-room__row-name{overflow:hidden;color:var(--color-text);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.chat-room__row-time{flex-shrink:0;color:var(--color-text-subtle);font-size:var(--font-size-xs)}.chat-room__row-preview{overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.chat-room__row-pin-status{flex-shrink:0;border-radius:var(--radius-pill);padding:0 var(--space-2);color:var(--color-accent-strong);background:var(--color-accent-soft);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.chat-room__row-badge{flex-shrink:0;border-radius:var(--radius-pill);padding:0 var(--space-2);color:var(--color-accent-text);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.chat-room__row-action{position:absolute;inset-inline-end:var(--space-3);top:50%;display:grid;place-items:center;width:var(--space-5);height:var(--space-5);border:0;border-radius:var(--radius-pill);color:var(--color-text-muted);background:transparent;font:inherit;cursor:pointer;transform:translateY(-50%)}.chat-room__row-action:hover,.chat-room__row-action[aria-expanded=true]{color:var(--color-text);background:var(--color-surface-hover)}.chat-room__row-menu{position:absolute;inset-inline-end:var(--space-2);top:calc(100% + var(--space-1));z-index:2;display:flex;flex-direction:column;min-width:calc(var(--space-8) * 2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--elevation-2)}.chat-room__row-menu-item{border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);background:transparent;text-align:left;font:inherit;cursor:pointer}.chat-room__row-menu-item:hover{background:var(--color-surface-hover)}.chat-room__main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.chat-room__main--empty{grid-column:1 / -1}.chat-room__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.chat-room__back{display:none;border:0;background:transparent;color:var(--color-text);font-size:var(--font-size-xl);line-height:1;cursor:pointer}.chat-room__head-avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.chat-room__head-titles{display:flex;flex-direction:column;min-width:0}.chat-room__head-titles h2{margin:0;overflow:hidden;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.chat-room__head span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.chat-room__head-actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}.chat-room__info{display:grid;place-items:center;width:var(--space-5);height:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-bold);font-style:italic;cursor:pointer}.chat-room__info:hover{background:var(--color-surface-hover)}.chat-room__create{display:grid;flex-shrink:0;place-items:center;width:36px;height:36px;border:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent);font:inherit;font-size:var(--font-size-lg);font-weight:var(--weight-bold);line-height:var(--line-height-tight);cursor:pointer}.chat-room__create:hover{background:var(--color-accent-strong)}.chat-room__create-wrap{position:relative}.chat-room__menu{position:absolute;inset-inline-end:0;top:calc(100% + var(--space-1));z-index:1;display:flex;flex-direction:column;min-width:calc(var(--space-8) * 2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--elevation-2)}.chat-room__menu-item{border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);background:transparent;text-align:left;font:inherit;cursor:pointer}.chat-room__menu-item:hover{background:var(--color-surface-hover)}.chat-room__messages{overflow-y:auto;padding:var(--space-4) var(--space-5);background:radial-gradient(circle at center,var(--color-accent-soft) 0 1px,transparent 1px 100%),var(--color-surface-sunken);background-size:var(--space-7) var(--space-7)}.chat-room__message-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.chat-room__message{display:flex;align-items:flex-end;justify-content:flex-start;gap:var(--space-2);animation:chat-room-message-in var(--motion-base) var(--motion-ease) both}.chat-room__message--self{justify-content:flex-end}.chat-room__message--grouped{padding-inline-start:calc(var(--space-6) + var(--space-2))}.chat-room__message--self.chat-room__message--grouped{padding-inline-start:0}.chat-room__avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.chat-room__message-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-width:0}.chat-room__message--self .chat-room__message-body{align-items:flex-end}.chat-room__author{color:var(--color-text-muted);font-size:var(--font-size-xs)}.chat-room__bubble{max-width:min(calc(var(--space-8) * 9),78%);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);box-shadow:var(--elevation-1);overflow-wrap:anywhere}.chat-room__message--self .chat-room__bubble{color:var(--color-accent-text);background:var(--color-accent)}.chat-room__time{color:var(--color-text-subtle);font-size:var(--font-size-xs)}@keyframes chat-room-message-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.chat-room__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface)}.chat-room__input{min-height:calc(var(--space-5) + var(--space-5));max-height:calc(var(--space-8) * 2);field-sizing:content;resize:vertical;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);font:inherit}.chat-room__send{min-width:calc(var(--space-8) + var(--space-2));border:0;border-radius:var(--radius-md);padding:0 var(--space-4);color:var(--color-accent-text);background:var(--color-accent);font-weight:var(--weight-bold);cursor:pointer}.chat-room__send:hover{background:var(--color-accent-strong)}.chat-room__auth-hint{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0 var(--space-3) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);background:var(--color-surface)}.chat-room__auth-hint-action{border:0;border-radius:var(--radius-md);padding:0 var(--space-3);height:calc(var(--space-6));color:var(--color-accent-text);background:var(--color-accent);font:inherit;font-size:var(--font-size-xs);font-weight:var(--weight-semibold);cursor:pointer}.chat-room__auth-hint-action:hover{background:var(--color-accent-strong)}@media (max-width: 720px){.chat-room{grid-template-columns:1fr}.chat-room__list-pane{border-right:0}.chat-room__main{display:none}.chat-room__main--empty{display:grid}.chat-room__back{display:block}.chat-room--show-room .chat-room__list-pane{display:none}.chat-room--show-room .chat-room__main{display:grid}}.invite{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.invite__field{flex:1 1 200px;min-width:0;height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.invite__field::placeholder{color:var(--color-text-subtle)}.invite__field:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.invite__submit{height:44px;padding-inline:var(--space-5);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.invite__submit:hover{background:var(--color-accent-strong)}.invite__submit:active{transform:translateY(1px)}.invite__submit:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.invite__submit:disabled{cursor:not-allowed;opacity:.6}.invite__hint{flex-basis:100%;margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.invite__hint--error{color:var(--status-rejected-text)}.invite__signin{margin-left:var(--space-2);border:0;border-radius:var(--radius-md);padding:0 var(--space-3);height:calc(var(--space-6));color:var(--color-accent-text);background:var(--color-accent);font:inherit;font-size:var(--font-size-xs);font-weight:var(--weight-semibold);cursor:pointer}.invite__signin:hover{background:var(--color-accent-strong)}.add-contact{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:#141a2280;z-index:100}.add-contact__dialog{display:flex;flex-direction:column;gap:var(--space-4);width:min(420px,100%);max-height:min(640px,100dvh - var(--space-6));overflow-y:auto;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-3);animation:add-contact-rise var(--motion-base) var(--motion-ease) both}.add-contact__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.add-contact__head h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.add-contact__close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:1;cursor:pointer}.add-contact__close:hover{background:var(--color-surface-hover)}.add-contact__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.add-contact__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.add-contact__qr{display:block;width:220px;height:220px;margin-inline:auto;border-radius:var(--radius-md);background:var(--color-surface-sunken)}.add-contact__link-row{display:flex;gap:var(--space-2)}.add-contact__link{flex:1;min-width:0;height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm)}.add-contact__copy{flex-shrink:0;height:44px;padding-inline:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.add-contact__copy:hover{background:var(--color-accent-strong)}.add-contact__copy:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@keyframes add-contact-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.consent{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.consent__from{margin:0;flex:1 1 160px;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.consent__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.consent__accept{height:40px;padding-inline:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.consent__accept:hover{background:var(--color-accent-strong)}.consent__accept:disabled{cursor:not-allowed;opacity:.6}.consent__accept:focus-visible,.consent__reject:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.consent__reject{height:40px;padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.consent__reject:hover{color:var(--status-rejected-text);border-color:var(--status-rejected-text)}.consent__hint{flex-basis:100%;margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.consent__hint--rejected{color:var(--status-rejected-text)}.contacts{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);max-width:var(--layout-app-max-width);margin-inline:auto;animation:contacts-rise var(--motion-slow) var(--motion-ease) both}.contacts__toolbar{display:flex;justify-content:flex-end}.contacts__add-button{height:44px;padding-inline:var(--space-5);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.contacts__add-button:hover{background:var(--color-accent-strong)}.contacts__add-button:active{transform:translateY(1px)}.contacts__add-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.contacts__requests{display:flex;flex-direction:column;gap:var(--space-2)}.contacts__requests-title{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.contacts__row{position:relative;display:flex;align-items:center}.contacts__avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:var(--font-size-md);font-weight:var(--weight-semibold)}.contacts__meta{flex-direction:column;align-items:flex-start;min-width:0}.contacts__name{font-size:var(--font-size-md);font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts__handle{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts__remove{position:absolute;inset-inline-end:calc(var(--space-2) + 22px);flex-shrink:0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-xs);font-weight:var(--weight-medium);cursor:pointer;opacity:0;transition:opacity var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.contacts__row:hover .contacts__remove,.contacts__remove:focus-visible{opacity:1}@media (pointer: coarse){.contacts__remove{opacity:1;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}.contacts__remove:hover{color:var(--status-rejected-text);border-color:var(--status-rejected-text)}.contacts__remove:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@keyframes contacts-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.approval{display:flex;flex-direction:column;gap:var(--space-3);max-width:min(calc(var(--space-8) * 9),78%);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised, var(--color-surface));box-shadow:var(--elevation-2)}.approval__head{display:flex;flex-direction:column;gap:var(--space-1)}.approval__eyebrow{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.approval__title{margin:0;color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--weight-semibold)}.approval__reason{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.approval__untrusted{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--font-size-sm)}.approval__untrusted-label{margin:0;font-size:var(--font-size-xs);font-weight:var(--weight-bold)}.approval__untrusted-hint{margin:0;font-size:var(--font-size-xs)}.approval__untrusted-quote{margin:0;padding-left:var(--space-2);border-left:2px solid var(--color-border-strong);overflow-wrap:anywhere}.approval__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.approval__action{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.approval__action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.approval__action--send{border:1px solid var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.approval__action--send:hover{background:var(--color-surface-hover)}.approval__action--approve{border:1px solid var(--color-accent);color:var(--color-accent-text);background:var(--color-accent)}.approval__action--approve:hover{background:var(--color-accent-strong)}.approval__action--bounce{border:1px solid var(--status-rejected-text);color:var(--status-rejected-text);background:var(--status-rejected-soft)}.conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100%;background:var(--color-surface-sunken)}.conversation__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.conversation__avatar{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-pill);color:var(--color-accent-text);background:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--weight-bold)}.conversation__avatar--small{width:var(--space-5);height:var(--space-5);font-size:var(--font-size-xs)}.conversation__heading{display:flex;flex-direction:column;min-width:0}.conversation__name{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--weight-bold)}.conversation__subtitle{color:var(--color-text-muted);font-size:var(--font-size-xs)}.conversation__thread{overflow-y:auto;padding:var(--space-5)}.conversation__starters{display:flex;flex-direction:column;gap:var(--space-3);max-width:calc(var(--space-8) * 8);margin:0 auto;animation:conversation-fade-in var(--motion-base) var(--motion-ease) both}.conversation__starters-title{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.conversation__starter{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-1);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.conversation__starter:hover{background:var(--color-surface-hover)}.conversation__starter:active{transform:scale(.99)}.conversation__starter:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.conversation__starter-icon{font-size:var(--font-size-lg)}.conversation__starter-label{flex:1 1 auto;font-weight:var(--weight-medium)}.conversation__messages{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.conversation__message{display:flex;align-items:flex-end;gap:var(--space-2);animation:conversation-message-in var(--motion-base) var(--motion-ease) both}.conversation__message--you{justify-content:flex-end}.conversation__message-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.conversation__bubble{max-width:min(calc(var(--space-8) * 9),78%);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);box-shadow:var(--elevation-1);overflow-wrap:anywhere}.conversation__message--you .conversation__bubble{max-width:min(calc(var(--space-8) * 9),78%);color:var(--color-accent-text);background:var(--color-accent)}.conversation__bubble--error{color:var(--status-rejected-text);background:var(--status-rejected-soft)}.conversation__answer{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-normal)}.conversation__citations{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0 0;padding:0;list-style:none}.conversation__citation{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.conversation__artifacts{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.conversation__artifact{display:grid;grid-template-columns:minmax(56px,max-content) minmax(0,1fr);align-items:center;gap:var(--space-3)}.conversation__artifact-kind{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.conversation__artifact-value{min-width:0;overflow-wrap:anywhere;font:inherit;font-size:var(--font-size-sm)}.conversation__status{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}@keyframes conversation-message-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes conversation-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.conversation__starters,.conversation__message{animation:none}}.conversation__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface)}.conversation__input{min-height:calc(var(--space-5) + var(--space-5));max-height:calc(var(--space-8) * 2);field-sizing:content;resize:vertical;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.conversation__input::placeholder{color:var(--color-text-subtle)}.conversation__input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.conversation__input:disabled{color:var(--color-text-muted);cursor:not-allowed}.conversation__send{min-width:calc(var(--space-8) + var(--space-2));border:0;border-radius:var(--radius-md);padding:0 var(--space-4);color:var(--color-accent-text);background:var(--color-accent);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.conversation__send:hover{background:var(--color-accent-strong)}.conversation__send:active{transform:translateY(1px)}.conversation__send:disabled{background:var(--color-border-strong);cursor:not-allowed}.conversation__send:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.conversation__hint{margin:0;padding:0 var(--space-5) var(--space-3);color:var(--status-rejected-text);font-size:var(--font-size-xs);background:var(--color-surface)}.conversation__auth-hint{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0 var(--space-5) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);background:var(--color-surface)}.conversation__auth-hint-action{border:0;border-radius:var(--radius-md);padding:0 var(--space-3);height:calc(var(--space-6));color:var(--color-accent-text);background:var(--color-accent);font:inherit;font-size:var(--font-size-xs);font-weight:var(--weight-semibold);cursor:pointer}.conversation__auth-hint-action:hover{background:var(--color-accent-strong)}@media (max-width: 520px){.conversation__head,.conversation__thread,.conversation__composer{padding-inline:var(--space-3)}}.signup{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-5);background:var(--color-app-backdrop)}.signup__card{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:360px;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-3);animation:signup-rise var(--motion-slow) var(--motion-ease) both}.signup__brand{display:flex;align-items:center;gap:var(--space-2);justify-content:center}.signup__logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font-weight:var(--weight-bold)}.signup__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.signup__tabs{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.signup__tab{flex:1;height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.signup__tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation-1)}.signup__oauth{display:flex;flex-direction:column;gap:var(--space-2)}.signup__oauth-btn{height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.signup__oauth-btn:hover{background:var(--color-surface-sunken);border-color:var(--color-accent)}.signup__divider{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-subtle);font-size:var(--font-size-sm)}.signup__divider:before,.signup__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.signup__form{display:flex;flex-direction:column;gap:var(--space-3)}.signup__field{height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.signup__field::placeholder{color:var(--color-text-subtle)}.signup__field:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.signup__submit{height:44px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.signup__submit:hover{background:var(--color-accent-strong)}.signup__submit:disabled{opacity:.6;cursor:not-allowed}.signup__error{margin:0;color:var(--status-rejected-text);background:var(--status-rejected-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.signup__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.signup__foot{display:flex;justify-content:space-between;gap:var(--space-2)}.signup__link{border:0;background:transparent;padding:0;color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.signup__link:hover{color:var(--color-accent-strong)}.signup__link:disabled{opacity:.6;cursor:not-allowed}@keyframes signup-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cli{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-1) var(--space-3)}.cli__scope{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.cli__connect{align-self:flex-start;height:44px;padding-inline:var(--space-5);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.cli__connect:hover{background:var(--color-accent-strong)}.cli__connect:active{transform:translateY(1px)}.cli__connect:disabled{cursor:not-allowed;opacity:.6}.cli__connect:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cli__choose{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.cli__choose-option{height:40px;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease)}.cli__choose-option:hover{border-color:var(--color-accent);color:var(--color-accent)}.cli__choose-option:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cli__awaiting{display:flex;flex-direction:column;gap:var(--space-1)}.cli__download{align-self:flex-start;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);text-decoration:none}.cli__download:hover{color:var(--color-accent-strong);text-decoration:underline}.cli__confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.cli__confirm-text{margin:0;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.cli__confirm-actions{display:flex;gap:var(--space-2)}.cli__confirm-allow{height:40px;padding-inline:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.cli__confirm-allow:hover{background:var(--color-accent-strong)}.cli__confirm-allow:focus-visible,.cli__confirm-cancel:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.cli__confirm-cancel{height:40px;padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.cli__confirm-cancel:hover{color:var(--color-text);border-color:var(--color-border-strong)}.cli__status{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.cli__status--error{color:var(--status-rejected-text)}.settings{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:var(--layout-app-max-width);margin-inline:auto;padding:var(--space-5)}@media (min-width: 900px){.settings{padding:var(--space-6);gap:var(--space-6)}}.settings__hero-button{width:100%;border:1px solid var(--color-border);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.settings__hero-button:hover{border-color:var(--color-border-strong);box-shadow:var(--elevation-2)}.settings__hero-button:active{transform:translateY(1px)}.settings__hero-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.settings__hero-button .profile-hero__meta{flex:1}.settings__hero-chevron{margin-inline-start:auto}.settings__row-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:var(--font-size-md);font-weight:var(--weight-semibold)}.settings__row-label{font-weight:var(--weight-semibold)}.settings__back{align-self:flex-start;min-height:40px;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer}.settings__back:hover{border-color:var(--color-accent);color:var(--color-accent)}.settings__back:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.settings__form{display:flex;flex-direction:column;gap:var(--space-3)}.section-card.settings__form{padding:var(--space-2) var(--space-4) var(--space-4)}.settings__field{display:flex;flex-direction:column;gap:var(--space-1)}.settings__label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.settings__input{width:100%;min-height:40px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--motion-ease)}.settings__textarea{min-height:96px;padding-block:var(--space-2);resize:vertical}.settings__input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.settings__photo-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-1)}.settings__photo-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings__primary,.settings__secondary{align-self:flex-start;min-height:40px;padding-inline:var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer}.settings__primary{border:0;background:var(--color-accent);color:var(--color-accent-text)}.settings__secondary{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text)}.settings__primary:hover{background:var(--color-accent-strong)}.settings__secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.settings__primary:disabled,.settings__secondary:disabled{cursor:not-allowed;opacity:.6}.settings__primary:focus-visible,.settings__secondary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.settings__link{border:0;background:transparent;padding:0;color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.settings__link:hover{color:var(--color-accent-strong)}.settings__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.settings__status{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings__status--error{color:var(--status-rejected-text)}.settings__row-hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings__agent-card{display:flex;flex-direction:column;gap:var(--space-3)}.list-row:disabled{cursor:not-allowed;color:var(--color-text-subtle)}.list-row:disabled:hover{background:transparent}.mine-card{gap:var(--space-3)}.mine-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mine-card__count{min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.mine-card__empty{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.mine-card__list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.mine-work{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.mine-work__main{min-width:0;display:grid;gap:var(--space-1)}.mine-work__title-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.mine-work__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.mine-work__badge{flex:0 0 auto;min-height:1.5rem;display:inline-flex;align-items:center;padding-inline:var(--space-2);border-radius:999px;background:var(--status-todo-soft);color:var(--status-todo-text);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.mine-work__badge--public{background:var(--status-done-soft);color:var(--status-done-text)}.mine-work__ref,.mine-work__date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:var(--font-size-xs)}.mine-work__publish{min-height:36px;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.mine-work__publish:hover{border-color:var(--color-accent);color:var(--color-accent)}.mine-work__publish:disabled{cursor:not-allowed;opacity:.6}.mine-work__publish:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width: 540px){.mine-work{grid-template-columns:1fr}.mine-work__publish{inline-size:100%}}.wall{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(248px,1fr);gap:var(--space-4);align-items:start;padding:var(--space-5);overflow-x:auto;scroll-snap-type:x proximity}.wall__column{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);scroll-snap-align:start}.wall__column-head{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1)}.wall__column-name{flex:1;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}.wall__count{min-inline-size:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-align:center;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.wall__stack{display:flex;flex-direction:column;gap:var(--space-3);min-height:var(--space-6)}.wall-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);transition:box-shadow var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.wall-card:hover{border-color:var(--color-border-strong);box-shadow:var(--elevation-2);transform:translateY(-2px)}.wall-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}.wall-card__author{color:var(--color-text-muted);font-size:var(--font-size-sm)}.wall-card__links{display:flex;gap:var(--space-3)}.wall-card__link{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.wall-card__link:hover{color:var(--color-accent-strong)}.wall-card__button{align-self:flex-start;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer}.wall-card__button:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}@media (max-width: 899px){.wall{display:flex;flex-direction:column;overflow-x:clip;inline-size:100%}.wall-card{min-inline-size:0}}@media (min-width: 900px){.wall{padding:var(--space-6)}}:root{--brand-500: #2f6bff;--brand-600: #1f55e0;--brand-700: #1843b8;--brand-soft: #e8efff;--status-todo-soft: #eef1f6;--status-todo-text: #5d6775;--status-doing-soft: #e8efff;--status-doing-text: #1f55e0;--status-submitted-soft: #fff1d6;--status-submitted-text: #8a5f00;--status-done-soft: #dcf5e6;--status-done-text: #16794a;--status-blocked-soft: #f0e6ff;--status-blocked-text: #6b3fc0;--status-rejected-soft: #ffe2e2;--status-rejected-text: #b83029;--color-app-backdrop: #eef1f6;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f5f7fa;--color-surface-hover: #f0f3f8;--color-rail: #f8fafc;--color-border: #e4e8ee;--color-border-strong: #d3d9e2;--color-text: #141a22;--color-text-muted: #5d6775;--color-text-subtle: #6a7280;--color-accent: var(--brand-500);--color-accent-strong: var(--brand-600);--color-accent-text: #ffffff;--color-accent-soft: var(--brand-soft);--color-focus-ring: var(--brand-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--elevation-1: 0 1px 2px rgba(20, 26, 34, .06);--elevation-2: 0 4px 16px rgba(20, 26, 34, .08);--elevation-3: 0 18px 48px rgba(20, 26, 34, .14);--shadow-tabbar: 0 -1px 12px rgba(20, 26, 34, .06);--motion-fast: .12s;--motion-base: .22s;--motion-slow: .36s;--motion-ease: cubic-bezier(.2, 0, 0, 1);--motion-spring: cubic-bezier(.34, 1.56, .64, 1);--layout-header-height: 60px;--layout-tabbar-height: 60px;--layout-rail-width: 232px;--layout-app-max-width: 1080px;--icon-size: 24px;--avatar-size-sm: 32px;--avatar-size-md: 48px;--avatar-size-lg: 80px}@media (prefers-color-scheme: dark){:root{--brand-500: #5a8bff;--brand-600: #4778f0;--brand-700: #3a66d6;--brand-soft: #1c2a47;--status-todo-soft: #1c2330;--status-todo-text: #a3adbb;--status-doing-soft: #18294e;--status-doing-text: #7ea4ff;--status-submitted-soft: #3a2e10;--status-submitted-text: #e7b850;--status-done-soft: #0f3525;--status-done-text: #4fce93;--status-blocked-soft: #2a1d44;--status-blocked-text: #b18cf0;--status-rejected-soft: #3d1b1b;--status-rejected-text: #f08a84;--color-app-backdrop: #06080c;--color-surface: #141922;--color-surface-raised: #1a2029;--color-surface-sunken: #0e131a;--color-surface-hover: #1f2630;--color-rail: #10151d;--color-border: #262e3a;--color-border-strong: #333d4c;--color-text: #eef2f7;--color-text-muted: #a3adbb;--color-text-subtle: #8b95a3;--color-accent: var(--brand-500);--color-accent-strong: var(--brand-600);--color-accent-text: #06080c;--color-accent-soft: var(--brand-soft);--color-focus-ring: var(--brand-500);--elevation-1: 0 1px 2px rgba(0, 0, 0, .5);--elevation-2: 0 4px 16px rgba(0, 0, 0, .55);--elevation-3: 0 18px 48px rgba(0, 0, 0, .65);--shadow-tabbar: 0 -1px 12px rgba(0, 0, 0, .5)}}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:var(--color-surface);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.icon{width:var(--icon-size);height:var(--icon-size);display:block}.app{min-height:100dvh}.shell{display:grid;grid-template-rows:auto 1fr;grid-template-areas:"rail" "body";min-height:100dvh;background:var(--color-surface)}.shell__rail{grid-area:rail;display:flex;align-items:center}.shell__body{grid-area:body;display:flex;flex-direction:column;min-height:0}.shell__header{display:flex;align-items:center;height:var(--layout-header-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.shell__heading{font-size:var(--font-size-md);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-tight)}.shell__main{flex:1;min-height:0;overflow:auto;background:var(--color-surface-sunken);padding-bottom:calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom))}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1);padding:var(--space-2) var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-tabbar)}.tabbar__tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:48px;padding:var(--space-2) var(--space-1);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-xs);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.tabbar__tab:hover{color:var(--color-text-muted)}.tabbar__tab:active{transform:scale(.94)}.tabbar__tab[aria-current=page]{color:var(--color-accent)}.tabbar__icon{display:grid;place-items:center;transition:transform var(--motion-base) var(--motion-spring)}.tabbar__tab[aria-current=page] .tabbar__icon{transform:translateY(-1px) scale(1.06)}.tabbar__label{letter-spacing:.01em}.tabbar__indicator{position:absolute;top:4px;width:5px;height:5px;border-radius:var(--radius-pill);background:var(--color-accent);opacity:0;transform:scale(.4);transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-spring)}.tabbar__tab[aria-current=page] .tabbar__indicator{opacity:1;transform:scale(1)}.empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100%;padding:var(--space-7) var(--space-5);text-align:center;animation:panel-rise var(--motion-slow) var(--motion-ease) both}.empty-panel__art{position:relative;display:grid;place-items:center;width:96px;height:96px;margin-bottom:var(--space-1)}.empty-panel__glow{position:absolute;inset:0;border-radius:var(--radius-pill);background:radial-gradient(circle at 50% 40%,var(--color-accent-soft),transparent 70%)}.empty-panel__badge{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);box-shadow:var(--elevation-2)}.empty-panel__badge .icon{width:30px;height:30px}.empty-panel__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-tight)}.empty-panel__hint{margin:0;max-width:34ch;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-normal)}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 900px){.app{background:radial-gradient(1200px 600px at 80% -10%,var(--color-accent-soft),transparent 60%),var(--color-app-backdrop)}.shell{grid-template-columns:var(--layout-rail-width) 1fr;grid-template-rows:1fr;grid-template-areas:"rail body";width:100%;height:100dvh;min-height:0;overflow:hidden}.shell__rail{grid-area:rail;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-rail);border-right:1px solid var(--color-border)}.tabbar{position:static;z-index:auto;grid-template-columns:1fr;gap:var(--space-1);padding:0;border-top:0;background:transparent;box-shadow:none}.tabbar__tab{flex-direction:row;justify-content:flex-start;gap:var(--space-3);min-height:0;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--weight-medium);transition:color var(--motion-base) var(--motion-ease),background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.tabbar__tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.tabbar__tab:active{transform:scale(.98)}.tabbar__tab[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:var(--weight-semibold)}.tabbar__tab[aria-current=page] .tabbar__icon{transform:none}.tabbar__label{letter-spacing:var(--letter-spacing-tight)}.tabbar__indicator{top:50%;left:0;width:3px;height:20px;border-radius:var(--radius-pill);transform:translateY(-50%) scaleY(.4);transform-origin:center}.tabbar__tab[aria-current=page] .tabbar__indicator{transform:translateY(-50%) scaleY(1)}.shell__header{height:var(--layout-header-height);padding:0 var(--space-6)}.shell__heading{font-size:var(--font-size-lg)}.shell__main{background:var(--color-surface);padding-bottom:0}.empty-panel__art{width:120px;height:120px}.empty-panel__badge{width:76px;height:76px}.empty-panel__badge .icon{width:36px;height:36px}.empty-panel__title{font-size:var(--font-size-2xl)}}.task-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);transition:box-shadow var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.task-card:hover{border-color:var(--color-border-strong);box-shadow:var(--elevation-2);transform:translateY(-2px)}.task-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}.task-card__badge{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:capitalize}.task-card__badge--todo{background:var(--status-todo-soft);color:var(--status-todo-text)}.task-card__badge--doing{background:var(--status-doing-soft);color:var(--status-doing-text)}.task-card__badge--submitted{background:var(--status-submitted-soft);color:var(--status-submitted-text)}.task-card__badge--done{background:var(--status-done-soft);color:var(--status-done-text)}.task-card__badge--blocked{background:var(--status-blocked-soft);color:var(--status-blocked-text)}.task-card__badge--rejected{background:var(--status-rejected-soft);color:var(--status-rejected-text)}.task-card__progress{display:flex;align-items:center;gap:var(--space-3)}.task-card__bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);overflow:hidden}.task-card__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-accent);transition:inline-size var(--motion-base) var(--motion-ease)}.task-card__percent{min-inline-size:4ch;text-align:end;font-size:var(--font-size-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(248px,1fr);gap:var(--space-4);align-items:start;padding:var(--space-5);overflow-x:auto;scroll-snap-type:x proximity}.board__column{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);scroll-snap-align:start}.board__column-head{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1)}.board__dot{width:8px;height:8px;border-radius:var(--radius-pill)}.board__dot--todo{background:var(--status-todo-text)}.board__dot--doing{background:var(--status-doing-text)}.board__dot--submitted{background:var(--status-submitted-text)}.board__dot--done{background:var(--status-done-text)}.board__dot--blocked{background:var(--status-blocked-text)}.board__dot--rejected{background:var(--status-rejected-text)}.board__column-name{flex:1;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-tight);text-transform:capitalize;color:var(--color-text)}.board__count{min-inline-size:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-align:center;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.board__stack{display:flex;flex-direction:column;gap:var(--space-3);min-height:var(--space-6)}@media (min-width: 900px){.board{padding:var(--space-6)}}.profile-hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-2)}.profile-hero__avatar{position:relative;flex-shrink:0;width:var(--avatar-size-lg);height:var(--avatar-size-lg);border-radius:var(--radius-pill);overflow:hidden;border:0;padding:0;cursor:pointer;background:var(--color-accent-soft);color:var(--color-accent-strong);font:inherit}.profile-hero__avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-hero__avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:var(--font-size-2xl);font-weight:var(--weight-semibold)}.profile-hero__avatar-badge{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-text);border:2px solid var(--color-surface-raised)}.profile-hero__avatar-badge .icon{width:14px;height:14px}.profile-hero__meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.profile-hero__name{margin:0;font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hero__email{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-stack{display:flex;flex-direction:column;gap:var(--space-5)}.section-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:var(--space-2) var(--space-4)}.section-title{margin:0;padding:var(--space-3) var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase}.list-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-1);border:0;border-bottom:1px solid var(--color-border);background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--color-surface-hover)}.list-row:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.list-row__label{flex:1;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text)}.list-row__value{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.list-row__chevron{flex-shrink:0;display:grid;place-items:center;color:var(--color-text-subtle)}.list-row__chevron .icon{width:18px;height:18px}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.tabbar__tab:focus-visible{outline-offset:-2px}