@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@400;600;700&family=Barlow+Semi+Condensed:wght@400;500;600&display=swap";:root{--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-heading-weight: 600;--font-body: "Barlow", system-ui, sans-serif;--font-label: "Barlow Semi Condensed", system-ui, sans-serif;--text-display: 32px;--text-display-lh: 34px;--text-title: 20px;--text-title-lh: 24px;--text-lg: 16px;--text-lg-lh: 25px;--text-body: 14px;--text-body-lh: 22px;--text-sm: 12px;--text-sm-lh: 18px;--text-label: 11px;--text-label-lh: 14px;--text-label-tracking: .1em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 7px;--motion-fast: .1s;--motion-base: .16s;--motion-slow: .24s;--ease: cubic-bezier(.2, 0, .2, 1);--rail-width: 72px;--sidebar-width: 248px;--panel-width: 360px;--header-height: 52px}:root,[data-theme=dark]{color-scheme:dark;--surface-0: #14171b;--surface-1: #1b1f24;--surface-2: #232830;--surface-3: #2e343d;--rail: #0f1216;--text-primary: #f2f5f8;--text-secondary: #b3c0cd;--text-muted: #7d8b99;--text-strong: #e6ecf2;--accent: #5980a6;--accent-hover: #6b93ba;--accent-active: #416180;--accent-bright: #94bce3;--accent-pale: #b5d9fd;--accent-tint: rgba(89, 128, 166, .22);--on-accent: #f2f5f8;--safety-safe: #5c9b7f;--safety-safe-text: #8bc4a6;--safety-safe-tint: rgba(92, 155, 127, .16);--safety-flagged: #c59a4f;--safety-flagged-text: #dcb877;--safety-flagged-tint: rgba(197, 154, 79, .16);--safety-blocked: #b46653;--safety-blocked-text: #d19c8c;--safety-blocked-tint: rgba(180, 102, 83, .16);--border-subtle: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--border-accent: rgba(148, 188, 227, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 3px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--color-bg: var(--surface-0);--color-surface: var(--surface-1);--color-text: var(--text-primary);--color-accent: var(--accent);--color-divider: var(--border)}[data-theme=light]{color-scheme:light;--surface-0: #f2f2f3;--surface-1: #e9e9ea;--surface-2: #e1e1e4;--surface-3: #d4d4d7;--rail: #e4e4e6;--text-primary: #1d1f20;--text-secondary: #424244;--text-muted: #5d5d60;--text-strong: #2b2b2d;--accent: #416180;--accent-hover: #2c455d;--accent-active: #1d2d3d;--accent-bright: #2c455d;--accent-pale: #416180;--accent-tint: rgba(65, 97, 128, .14);--on-accent: #f2f2f3;--safety-safe: #3f6b55;--safety-safe-text: #2f5140;--safety-safe-tint: rgba(63, 107, 85, .13);--safety-flagged: #8a6520;--safety-flagged-text: #6b4e19;--safety-flagged-tint: rgba(138, 101, 32, .13);--safety-blocked: #8f4938;--safety-blocked-text: #70392b;--safety-blocked-tint: rgba(143, 73, 56, .13);--border-subtle: rgba(29, 31, 32, .08);--border: rgba(29, 31, 32, .16);--border-strong: rgba(29, 31, 32, .28);--border-accent: rgba(65, 97, 128, .45);--shadow-sm: 0 1px 2px rgba(43, 43, 45, .14);--shadow-md: 0 3px 10px rgba(43, 43, 45, .16);--shadow-lg: 0 12px 32px rgba(43, 43, 45, .22);--color-bg: var(--surface-0);--color-surface: var(--surface-1);--color-text: var(--text-primary);--color-accent: var(--accent);--color-divider: var(--border)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){color-scheme:light;--surface-0: #f2f2f3;--surface-1: #e9e9ea;--surface-2: #e1e1e4;--surface-3: #d4d4d7;--rail: #e4e4e6;--text-primary: #1d1f20;--text-secondary: #424244;--text-muted: #5d5d60;--text-strong: #2b2b2d;--accent: #416180;--accent-hover: #2c455d;--accent-active: #1d2d3d;--accent-bright: #2c455d;--accent-pale: #416180;--accent-tint: rgba(65, 97, 128, .14);--on-accent: #f2f2f3;--safety-safe: #3f6b55;--safety-safe-text: #2f5140;--safety-safe-tint: rgba(63, 107, 85, .13);--safety-flagged: #8a6520;--safety-flagged-text: #6b4e19;--safety-flagged-tint: rgba(138, 101, 32, .13);--safety-blocked: #8f4938;--safety-blocked-text: #70392b;--safety-blocked-tint: rgba(143, 73, 56, .13);--border-subtle: rgba(29, 31, 32, .08);--border: rgba(29, 31, 32, .16);--border-strong: rgba(29, 31, 32, .28);--border-accent: rgba(65, 97, 128, .45);--shadow-sm: 0 1px 2px rgba(43, 43, 45, .14);--shadow-md: 0 3px 10px rgba(43, 43, 45, .16);--shadow-lg: 0 12px 32px rgba(43, 43, 45, .22)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-0);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--text-body-lh);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--text-primary);line-height:1.12}h1{font-size:var(--text-display);line-height:var(--text-display-lh)}h2{font-size:var(--text-title);line-height:var(--text-title-lh)}h3{font-size:var(--text-lg);line-height:var(--text-lg-lh)}p{margin:0 0 var(--space-3)}a{color:var(--accent-bright);text-underline-offset:3px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}::selection{background:var(--accent-tint)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.jn-label{font-family:var(--font-label);font-size:var(--text-label);line-height:var(--text-label-lh);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-muted)}.jn-meta{font-family:var(--font-label);font-size:var(--text-sm);color:var(--text-muted)}.jn-muted{color:var(--text-muted)}.jn-secondary{color:var(--text-secondary)}.jn-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-body);line-height:1.2;cursor:pointer;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.jn-btn:hover:not(:disabled){background:var(--surface-3)}.jn-btn:active:not(:disabled){background:var(--surface-3)}.jn-btn:disabled{opacity:.45;cursor:not-allowed}.jn-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.jn-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.jn-btn-primary:active:not(:disabled){background:var(--accent-active)}.jn-btn-ghost{background:transparent;color:var(--accent-bright)}.jn-btn-ghost:hover:not(:disabled){background:var(--accent-tint)}.jn-btn-outline{background:transparent;border-color:var(--border-accent);color:var(--accent-bright)}.jn-btn-outline:hover:not(:disabled){background:var(--accent-tint)}.jn-btn-danger{background:transparent;border-color:var(--safety-blocked);color:var(--safety-blocked-text)}.jn-btn-danger:hover:not(:disabled){background:var(--safety-blocked-tint)}.jn-btn-icon{width:var(--space-8);height:var(--space-8);padding:0}.jn-btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.jn-btn-block{width:100%}.jn-field{display:flex;flex-direction:column;gap:var(--space-1)}.jn-field>label{font-family:var(--font-label);font-size:var(--text-label);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-muted)}.jn-field-hint{font-size:var(--text-sm);color:var(--text-muted)}.jn-field-error{font-size:var(--text-sm);color:var(--safety-blocked-text)}.jn-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-body);caret-color:var(--accent-bright)}.jn-input::placeholder{color:var(--text-muted)}.jn-input:hover:not(:disabled){border-color:var(--border-strong)}.jn-input:focus-visible{border-color:var(--accent-bright);outline-offset:0}.jn-input:disabled{opacity:.45;cursor:not-allowed}textarea.jn-input{min-height:calc(var(--space-8) * 2.5);resize:vertical}.jn-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-family:var(--font-label);font-size:var(--text-label);line-height:var(--text-label-lh);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.jn-pill:before{content:"";width:var(--space-1);height:var(--space-1);border-radius:1px;background:currentColor;flex:none}.jn-pill-safe{background:var(--safety-safe-tint);color:var(--safety-safe-text)}.jn-pill-flagged{background:var(--safety-flagged-tint);color:var(--safety-flagged-text)}.jn-pill-blocked{background:var(--safety-blocked-tint);color:var(--safety-blocked-text)}.jn-pill-neutral{background:var(--surface-2);color:var(--text-secondary)}.jn-pill-accent{background:var(--accent-tint);color:var(--accent-bright)}.jn-tag{display:inline-flex;align-items:center;padding:1px var(--space-2);border-radius:var(--radius-md);background:var(--accent-tint);color:var(--accent-bright);font-family:var(--font-label);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase}.jn-tag-neutral{background:var(--surface-2);color:var(--text-secondary)}.jn-tag-count{background:var(--accent);color:var(--on-accent);text-transform:none;letter-spacing:0}.jn-avatar{display:grid;place-items:center;flex:none;border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-heading-weight);overflow:hidden}.jn-avatar-self{background:var(--accent);color:var(--on-accent)}.jn-avatar-alt{background:#35506b;color:var(--accent-pale)}.jn-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.jn-card-tight{padding:var(--space-3);gap:var(--space-2)}.jn-elev-sm{box-shadow:var(--shadow-sm)}.jn-elev-md{box-shadow:var(--shadow-md)}.jn-elev-lg{box-shadow:var(--shadow-lg)}.jn-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:#0000008c;z-index:100}.jn-dialog{width:min(520px,100%);max-height:85vh;overflow:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.jn-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.jn-seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.jn-seg-opt{padding:var(--space-1) var(--space-3);background:transparent;border:0;border-left:1px solid var(--border);color:var(--text-muted);font-family:var(--font-label);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.jn-seg-opt:first-child{border-left:0}.jn-seg-opt[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.jn-seg-opt:hover:not([aria-pressed=true]){background:var(--surface-2);color:var(--text-secondary)}.jn-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.jn-table th{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--border);font-family:var(--font-label);font-size:var(--text-label);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-muted);font-weight:400}.jn-table td{padding:var(--space-2);border-bottom:1px solid var(--border-subtle);color:var(--text-strong)}.jn-table tbody tr:hover{background:var(--surface-2)}.jn-safety-bar{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-label);font-size:var(--text-label);color:var(--text-muted)}.jn-safety-bar:before{content:"";width:var(--space-1);height:var(--space-1);border-radius:1px;background:var(--safety-safe);flex:none}.jn-capped{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-label);font-size:var(--text-label);color:var(--text-muted)}.jn-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.jn-held{display:flex;flex-direction:column;gap:var(--space-1);max-width:640px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--safety-blocked)}.jn-held-heading{font-family:var(--font-label);font-size:var(--text-label);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--safety-blocked-text)}.jn-held-body{margin:0;font-size:var(--text-sm);line-height:var(--text-body-lh);color:var(--text-strong);text-wrap:pretty}.jn-held-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.jn-capped-group{display:flex;flex-direction:column;gap:var(--space-1)}.jn-capped-control{opacity:.45;pointer-events:none}.jn-seg-field{display:flex;flex-direction:column;gap:var(--space-1)}.jn-app{display:grid;grid-template-columns:var(--rail-width) var(--sidebar-width) 1fr;height:100dvh;overflow:hidden}.jn-app.has-panel{grid-template-columns:var(--rail-width) var(--sidebar-width) 1fr var(--panel-width)}.jn-rail{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;background:var(--rail);min-height:0;overflow-y:auto}.jn-rail-divider{width:var(--space-6);height:1px;background:var(--border-subtle);flex:none}.jn-rail-item{position:relative;width:calc(var(--space-8) + var(--space-2));height:calc(var(--space-8) + var(--space-2));display:grid;place-items:center;border:0;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--text-lg);cursor:pointer;transition:background var(--motion-fast) var(--ease)}.jn-rail-item:hover{background:var(--surface-3);color:var(--text-primary)}.jn-rail-item[aria-current=true]{background:var(--surface-3);color:var(--text-primary);box-shadow:0 0 0 2px var(--accent)}.jn-rail-item[aria-current=true]:before{content:"";position:absolute;left:calc(var(--space-3) * -1);top:var(--space-2);width:3px;height:var(--space-6);border-radius:var(--radius-sm);background:var(--accent-bright)}.jn-rail-add{background:transparent;border:1px dashed var(--border-accent);color:var(--text-muted)}.jn-rail-spacer{margin-top:auto}.jn-sidebar{display:flex;flex-direction:column;background:var(--surface-1);min-height:0}.jn-sidebar-head{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);box-shadow:var(--shadow-sm)}.jn-sidebar-title{display:flex;align-items:center;gap:var(--space-2)}.jn-sidebar-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:3px}.jn-sidebar-group{padding:var(--space-3) var(--space-2) var(--space-1)}.jn-channel{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:7px var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer}.jn-channel:hover{background:var(--surface-2);color:var(--text-primary)}.jn-channel[aria-current=true]{background:var(--surface-3);color:var(--text-primary)}.jn-channel-sigil{color:var(--text-muted);flex:none}.jn-channel[aria-current=true] .jn-channel-sigil{color:var(--accent-bright)}.jn-channel-unread{font-weight:600;color:var(--text-primary)}.jn-channel-count{margin-left:auto}.jn-channel-occupants{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2) var(--space-6)}.jn-occupant{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.jn-occupant-badge{margin-left:auto}.jn-sidebar-foot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-0)}.jn-sidebar-foot-name{display:flex;flex-direction:column;min-width:0}.jn-sidebar-foot-actions{margin-left:auto;display:flex;gap:var(--space-1)}.jn-content{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-0)}.jn-header{height:var(--header-height);flex:none;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--surface-1);box-shadow:var(--shadow-sm)}.jn-header-title{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.jn-header-rule{width:1px;height:var(--space-6);background:var(--border-subtle);flex:none}.jn-header-topic{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jn-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.jn-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.jn-divider{display:flex;align-items:center;gap:var(--space-3)}.jn-divider:before,.jn-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.jn-divider-label{padding:2px var(--space-2);border-radius:var(--radius-md);background:var(--surface-2);font-family:var(--font-label);font-size:var(--text-label);letter-spacing:var(--text-label-tracking);text-transform:uppercase;color:var(--text-secondary)}.jn-message{display:flex;gap:var(--space-3)}.jn-message-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.jn-message-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.jn-message-author{font-weight:600;color:var(--text-primary)}.jn-message-time{font-family:var(--font-label);font-size:var(--text-label);color:var(--text-muted)}.jn-message-text{line-height:var(--text-body-lh);color:var(--text-strong);overflow-wrap:anywhere}.jn-reactions{display:flex;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap}.jn-reaction{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-label);font-size:var(--text-sm);cursor:pointer}.jn-reaction[aria-pressed=true]{background:var(--accent-tint);border-color:var(--border-accent);color:var(--accent-pale)}.jn-thread-chip{display:flex;align-items:center;gap:var(--space-3);max-width:540px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-sm);color:var(--text-primary);font:inherit;cursor:pointer;text-align:left}.jn-thread-chip:before{content:"";width:3px;height:var(--space-6);border-radius:var(--radius-sm);background:var(--accent);flex:none}.jn-thread-chip-count{color:var(--accent-bright);font-family:var(--font-label);font-size:var(--text-sm)}.jn-typing{padding-left:calc(var(--space-8) + var(--space-6));font-family:var(--font-label);font-size:var(--text-sm);color:var(--text-muted);min-height:var(--space-6)}.jn-composer{padding:0 var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.jn-composer-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-sm)}.jn-composer-input{flex:1;border:0;background:transparent;color:var(--text-strong);font:inherit;outline:none}.jn-composer-input::placeholder{color:var(--text-muted)}.jn-panel{display:flex;flex-direction:column;background:var(--surface-1);min-height:0}.jn-panel-head{height:var(--header-height);flex:none;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);box-shadow:var(--shadow-sm)}.jn-panel-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.jn-panel-close{margin-left:auto}.jn-member-row{display:flex;align-items:center;gap:var(--space-2)}.jn-member-name{display:flex;flex-direction:column;min-width:0}.jn-voice{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-6)}.jn-tiles{flex:1;min-height:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:start;overflow-y:auto}.jn-tiles.is-focused{grid-template-columns:1fr}.jn-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden}.jn-tile.is-screen{border-color:var(--border-accent)}.jn-tile.is-speaking{box-shadow:0 0 0 2px var(--safety-safe)}.jn-tile-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-0);font-size:var(--text-sm);color:var(--text-strong)}.jn-tile-actions{margin-left:auto;display:flex;gap:var(--space-1)}.jn-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-muted)}.jn-voice-bar{flex:none;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-sm)}.jn-voice-bar-spacer{margin-left:auto}.jn-page{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.jn-page-head{display:flex;flex-direction:column;gap:var(--space-1)}.jn-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.jn-row{display:flex;align-items:center;gap:var(--space-3)}.jn-row-wrap{flex-wrap:wrap}.jn-stack{display:flex;flex-direction:column;gap:var(--space-3)}.jn-stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}.jn-spacer{margin-left:auto}.jn-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.jn-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle)}.jn-tab{padding:var(--space-2) var(--space-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font-label);font-size:var(--text-label);letter-spacing:var(--text-label-tracking);text-transform:uppercase;cursor:pointer}.jn-tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent)}.jn-centre{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6)}.jn-centre-card{width:min(420px,100%)}.jn-connection{position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-md);z-index:50}.jn-notice{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--safety-flagged)}@media (max-width: 900px){.jn-app,.jn-app.has-panel{grid-template-columns:1fr}.jn-rail{flex-direction:row;height:auto;padding:var(--space-2);overflow-x:auto}.jn-sidebar{display:none}.jn-app[data-mobile-view=sidebar] .jn-sidebar{display:flex}.jn-app[data-mobile-view=sidebar] .jn-content,.jn-panel{display:none}.jn-messages,.jn-composer,.jn-page{padding-inline:var(--space-3)}}.jn-update{position:fixed;right:var(--space-4);bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-md);z-index:50}.jn-hotkey-notice{align-self:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary)}.jn-keybinds{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.jn-keybind-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.jn-keybind-row:last-child{border-bottom:none}.jn-keybind-name{color:var(--text-secondary)}.jn-keybind-sources{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.jn-keybind-source{display:inline-flex;align-items:center;gap:var(--space-1)}.jn-kbd{font-family:var(--font-label);font-size:var(--text-sm);letter-spacing:var(--text-label-tracking);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-primary);white-space:nowrap}.jn-kbd-clear{border:none;background:none;cursor:pointer;padding:0 var(--space-1);color:var(--text-muted);font-size:var(--text-lg);line-height:1}.jn-kbd-clear:hover{color:var(--text-primary)}@media (max-width: 720px){.jn-keybind-row{grid-template-columns:minmax(0,1fr) auto}.jn-keybind-sources{grid-column:1 / -1}}.jn-signin-provider{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.jn-google-button{display:flex;justify-content:center;min-height:44px}.jn-google-button>div{width:100%}.jn-fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.jn-fieldset:disabled{opacity:.5}.jn-slider{display:flex;flex-direction:column;gap:var(--space-1)}.jn-slider label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.jn-slider-value{font-variant-numeric:tabular-nums;color:var(--text-secondary);letter-spacing:normal}.jn-slider input[type=range]{width:100%;accent-color:var(--accent)}.jn-cost{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2)}.jn-review-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.jn-review-row{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1)}.jn-review-row.is-overdue{border-left:3px solid var(--safety-blocked)}.jn-review-what{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.jn-review-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}@media (max-width: 720px){.jn-review-row{grid-template-columns:minmax(0,1fr)}.jn-review-actions{justify-content:flex-start}}.jn-alert-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.jn-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-muted)}.jn-alert.is-unread{color:var(--text-primary);border-left:3px solid var(--accent)}.jn-alert-body{display:flex;align-items:center;gap:var(--space-2);min-width:0}.jn-alert-actions{display:flex;align-items:center;gap:var(--space-2)}.jn-sidebar-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-right:var(--space-2)}.jn-channel-edit{margin-left:auto;padding:0 var(--space-1);color:var(--text-muted);opacity:0;cursor:pointer}.jn-channel:hover .jn-channel-edit,.jn-channel-edit:focus{opacity:1}.jn-perm-groups{display:flex;flex-direction:column;gap:var(--space-4)}.jn-perm-group{display:flex;flex-direction:column;gap:var(--space-2)}.jn-perm-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.jn-meter{flex:1;height:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-3);overflow:hidden}.jn-meter-fill{height:100%;background:var(--safety-safe);transition:width 60ms linear}.jn-camera-preview{width:min(320px,100%);aspect-ratio:16 / 9;border-radius:var(--radius-md);background:var(--surface-3);object-fit:cover}