/* Relay's styling is entirely scoped; the existing Jamyvo screens keep their layout. */
.relay-entry{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:12px 0;border-radius:18px;border:1px solid #ffffff25;background:linear-gradient(120deg,#42e68112,#ffffff06);color:#fff;min-width:0}
.relay-entry>svg.i{width:25px;height:25px;flex:none;color:#42e681}.relay-entry>span{display:grid;gap:2px;flex:1;min-width:0}.relay-entry strong{font-size:15px}.relay-entry small{font-size:12px;color:#aaa}.relay-entry>svg.i:last-child{width:18px;color:#aaa}.relay-entry:hover{border-color:#42e68166}
.page.relay{color:#f7f7f7;background:#000;max-width:960px;min-width:0;padding-inline:max(16px,var(--safe-l)) max(16px,var(--safe-r));overflow-wrap:anywhere}
.relay [hidden],.relay-sheet [hidden]{display:none!important}.relay button,.relay a,.relay-sheet button{touch-action:manipulation}.relay .i,.relay-sheet .i{flex:none}.relay h2{line-height:1.2}.relay p{line-height:1.5}.relay .relay-muted,.relay-sheet .relay-muted{color:#a7aaa8;font-size:12px;line-height:1.45}
.relay-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;min-height:64px;padding-top:var(--safe-t);margin-bottom:8px}.relay-head h1{font-size:20px;line-height:1.2;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relay-head .icon-btn{width:44px;height:44px}
.relay-intro{padding:22px 4px 24px}.relay-intro h2{font-size:clamp(25px,5vw,38px);font-weight:800;letter-spacing:-.025em;margin:8px 0}.relay-intro p{max-width:520px;color:#afb6b2;margin:0 0 18px}.relay-intro.compact{padding-block:12px 18px}.relay-intro.compact h2{font-size:28px}.relay-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#42e681}.relay-intro .btn{gap:7px}
.relay-tabs{display:flex;gap:4px;padding:4px;border:1px solid #ffffff21;border-radius:14px;background:#ffffff08;margin-bottom:14px}.relay-tabs button{flex:1;min-width:0;background:transparent;color:#aaa;padding:10px;border-radius:10px;font-weight:700;border:0;font-size:14px;min-height:42px}.relay-tabs button.active{background:#42e6811f;color:#64ed96}
.relay-search{display:flex;gap:5px;align-items:center;border:1px solid #ffffff2a;background:#111;border-radius:14px;padding:2px 5px 2px 12px}.relay-search input{flex:1;min-width:0;background:none;border:0;padding:10px 0;color:#fff;font-size:16px;outline-offset:4px}.relay-search .icon-btn{width:38px;height:38px}
.relay-list-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:12px 0}.relay-list-tools select{min-width:0;max-width:70%;color:#ddd;background:#151515;border:1px solid #ffffff26;padding:8px 10px;border-radius:10px;font-size:16px}.relay-list-tools .link-btn{font-size:12px;color:#aaa;min-height:40px}
.relay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.relay-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:17px;border-radius:18px;border:1px solid #ffffff22;background:#0c0e0d;color:#fff}.relay-card h2{font-size:18px;margin:0}.relay-card p{font-size:14px;color:#b5bcb7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.relay-card-meta,.relay-card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.relay-card-meta small{color:#909992;font-size:11px}.relay-card-foot{font-size:11px;color:#999;margin-top:auto;padding-top:8px}.relay-card-foot>span:last-child{display:flex;align-items:center;gap:3px}.relay-card-foot .i{width:14px;height:14px}.relay-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750;padding:4px 8px;border-radius:7px;background:#ffffff16;color:#c7cbc8;white-space:nowrap}.relay-status.open{background:#42e68115;color:#67ea97}.relay-status.resolved{background:#42e68120;color:#6ef29f}.relay-status.closed{color:#aaa;background:#ffffff0e}
.relay-empty{grid-column:1/-1;text-align:center;padding:36px 20px;color:#aaa;display:grid;justify-items:center;gap:12px}.relay-empty>.i{width:40px;height:40px;color:#42e68188}.relay-empty h2{font-size:21px;color:#fff;margin:0}.relay-empty p{max-width:420px;margin:0}.relay-empty .btn{margin-top:5px}.relay-grid>.spinner{grid-column:1/-1}
.relay-panel{padding:18px;border-radius:18px;background:#ffffff07;border:1px solid #ffffff22;margin-block:12px}.relay-panel h2,.relay-panel h3{margin:0 0 10px}.relay-panel p{margin:8px 0 14px}.relay-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.relay-actions>.btn{gap:6px;min-width:0}.relay .btn-sm,.relay-sheet .btn-sm{min-height:36px;padding:7px 11px;font-size:12px}.relay-privacy{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:#9ea9a3;margin:12px 0}.relay-privacy .i{width:16px;height:16px;min-width:16px;margin-top:2px;color:#59d585}.relay-error{font-size:13px;color:#ff9aa7;white-space:pre-wrap;line-height:1.4;margin:9px 0;max-height:100px;overflow-y:auto}.relay-error:empty{display:none}
.relay-form,.relay-sheet form{display:grid;gap:12px}.relay-form>.field,.relay-sheet .field{margin:0}.relay input,.relay textarea,.relay select,.relay-sheet input,.relay-sheet textarea,.relay-sheet select{font-size:16px;max-width:100%;min-width:0;color:#fff;box-sizing:border-box}.relay textarea,.relay-sheet textarea{resize:vertical;min-height:90px;max-height:260px;background:#141614;border:1px solid #ffffff30;border-radius:14px;line-height:1.5;padding:12px;white-space:pre-wrap}.relay-sheet input:not([type=checkbox]),.relay-form input{background:#141614;border:1px solid #ffffff30;border-radius:12px;min-height:44px;padding:10px 12px}.relay-details{border:1px solid #ffffff20;padding:12px;border-radius:14px;margin:5px 0;color:#aeb7b1}.relay-details>summary{cursor:pointer;min-height:24px;font-size:13px;color:#d8e0db;font-weight:600}.relay-details[open]>summary{margin-bottom:12px}.relay-details>.field{margin-top:12px}.relay-new .relay-form{max-width:650px;margin:0 auto 18px}.relay-new .relay-intro{max-width:650px;margin-inline:auto}.relay-sheet p{line-height:1.5}.relay-sheet .stack{gap:10px}.relay-sheet .relay-details{margin-block:14px}.relay-sheet>.btn{margin-block:8px}.relay-sheet .relay-panel{font-size:14px}.relay-sheet .relay-panel p:last-child{margin-bottom:0}
.relay-attachment{display:flex;align-items:center;gap:10px;margin-block:10px;padding:8px;border-radius:14px;background:#151715;border:1px solid #ffffff22;min-width:0}.relay-attachment>span{font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relay-attachment>span small{display:block;color:#929d96;font-size:10px;margin-top:3px}.relay-attachment-thumb{width:52px;height:52px;border-radius:9px;overflow:hidden;flex:none;background:#000}.relay-attachment-thumb img,.relay-attachment-thumb video{width:100%;height:100%;object-fit:contain;display:block}.relay-attachment .icon-btn{flex:none;width:36px;height:36px}.relay-transfer{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#bbb;padding:8px}.relay-transfer progress{width:80px;flex:1;min-width:50px;accent-color:#42e681}.relay-transfer .link-btn{font-size:11px;color:#bbb;min-height:32px}
#main.page.relay.relay-case{position:fixed;margin:0;left:var(--rail-w);right:0;top:var(--viewport-top,0px);height:calc(var(--viewport-h,100dvh) - var(--tabbar-h) - var(--tab-lift,var(--safe-b)));max-height:none;max-width:none;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0;isolation:isolate;z-index:2}.relay-case>*{width:100%;max-width:860px;margin-inline:auto;box-sizing:border-box}.relay-case .relay-head{flex:none;margin-block:0;padding:calc(var(--safe-t) + 5px) max(12px,var(--safe-r)) 5px max(12px,var(--safe-l));background:#000}.relay-case-bar{flex:none;display:flex;align-items:center;gap:12px;min-height:43px;padding:2px max(16px,var(--safe-r)) 9px max(16px,var(--safe-l));border-bottom:1px solid #ffffff17}.relay-case-bar>[data-case-status]{flex:1;min-width:0}.relay-case-bar>.link-btn{display:flex;gap:5px;align-items:center;color:#b7c3bb;min-height:34px;font-size:12px}.relay-case-bar>.link-btn .i{width:17px}.relay-case-bar>.btn{gap:4px}
.relay-case .relay-case-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:none;padding:18px max(16px,var(--safe-r)) 12px max(16px,var(--safe-l));background:#000;touch-action:pan-y pinch-zoom}.relay-case-scroll::-webkit-scrollbar{display:none}.relay-goal-block{padding:0 0 14px}.relay-goal-block h2{font-size:24px;letter-spacing:-.02em;margin:7px 0 10px}.relay-goal-block>p{font-size:16px;white-space:pre-wrap;margin:0 0 10px}.relay-goal-block details{font-size:13px;color:#a6b2a9;margin:12px 0}.relay-goal-block details>summary{cursor:pointer}.relay-goal-block details>p{white-space:pre-wrap;margin:7px 0}.relay-goal-block>.relay-muted{display:block;margin-top:12px}
.relay-next-step{border:1px solid #42e68144;border-radius:16px;padding:14px;background:linear-gradient(130deg,#42e68115,#42e68104);margin:7px 0 16px}.relay-next-step>small{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.09em;color:#6de49a;font-weight:750}.relay-next-step>small .i{width:15px;height:15px}.relay-next-step p{font-size:15px;margin:8px 0 7px}.relay-next-step>span{font-size:11px;color:#93a49a}.relay-soft-note{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:14px;background:#ffffff08;color:#a7b2aa;font-size:12px;line-height:1.5;margin:10px 0 15px}.relay-soft-note>.i{width:20px;height:20px;color:#5fd489;flex:none}.relay-result{border-left:3px solid #42e68180;padding:10px 12px;background:#42e68108;border-radius:0 12px 12px 0;margin-block:10px 16px}.relay-result>strong{display:flex;align-items:center;gap:6px;font-size:14px;color:#77e59f}.relay-result>strong .i{width:18px;height:18px}.relay-result p{font-size:13px;line-height:1.5;margin:7px 0}.relay-result>small{font-size:10px;color:#909e94}.relay-result.stuck{background:#ffffff08;border-left-color:#ffffff55}.relay-result.stuck>strong{color:#d3ddd6}
.relay-discussion-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 8px}.relay-discussion-head h3{font-size:13px;color:#bdc7c0;margin:0}.relay-discussion-head .link-btn{font-size:11px;color:#929f97;display:flex;align-items:center;gap:4px;min-height:32px}.relay-discussion-head .i{width:14px;height:14px}.relay-live-note{font-size:11px;color:#b8a884;margin:4px 0}.relay-live-note:empty{display:none}.relay-message{padding:13px 0;border-bottom:1px solid #ffffff12;min-width:0}.relay-message-author{display:flex;gap:6px;align-items:center;color:#d7dfd9;font-size:11px;min-width:0}.relay-message-author>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.relay-message-author>time{color:#748179;font-size:10px;margin-left:auto}.relay-message-author .avatar{--s:22px}.relay-message p{font-size:15px;line-height:1.5;margin:7px 0;white-space:normal}.relay-step-label{font-size:9px;color:#7edc9e;background:#42e68115;padding:3px 6px;border-radius:5px}.relay-message.is-step{padding:13px;border:1px solid #42e68126;border-radius:14px;margin-block:9px;background:#42e68105}.relay-step-action{margin-top:9px}.relay-selected{display:inline-flex;gap:5px;align-items:center;color:#5de28d;font-size:11px}.relay-selected .i{width:15px;height:15px}.relay-media{max-width:480px;border-radius:13px;overflow:hidden;background:#101210;border:1px solid #ffffff20;margin-top:10px}.relay-media img,.relay-media video{display:block;width:100%;max-height:420px;object-fit:contain;background:#000}.relay-media video{min-height:120px}
.relay-compose-foot{flex:none;min-height:0;max-height:min(57%,360px);overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;border-top:1px solid #ffffff20;padding:7px max(12px,var(--safe-r)) 8px max(12px,var(--safe-l));background:#000;z-index:2}.relay-compose-foot form{margin:0}.relay-owner-results{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:0 2px 8px}.relay-owner-results:empty{display:none}.relay-owner-results>span{font-size:10px;color:#97a49b;margin-right:auto}.relay-result-btn{display:flex;gap:4px;align-items:center;font-size:11px;padding:6px 8px;border:1px solid #ffffff23;border-radius:8px;background:#ffffff08;color:#bdc8c1;min-height:32px}.relay-result-btn.worked{color:#6be698;background:#42e68110;border-color:#42e68135}.relay-result-btn .i{width:13px;height:13px}.relay-message-mode{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 4px 6px;font-size:10px;color:#9eaca2}.relay-message-mode label{display:flex;gap:6px;align-items:center;min-height:24px}.relay-message-mode input{accent-color:#42e681;width:14px;height:14px}.relay-message-mode>span{font-size:9px;color:#6e7d73;text-align:right}.relay-composer{display:flex;align-items:flex-end;gap:8px;min-width:0}.relay-composer>.icon-btn{width:38px;height:42px;flex:none;color:#b5c3ba}.relay-composer #relay-message{flex:1;min-width:0;min-height:43px;height:43px;max-height:100px;resize:none;font-size:16px;line-height:1.4;padding:10px 13px;border:1px solid #ffffff35;border-radius:20px;margin:0;background:#151815;overflow-y:auto;scroll-margin:0}.relay-send{width:40px;height:40px;border:0;border-radius:50%;background:#42e681;color:#001b09;display:grid;place-items:center;flex:none;margin-bottom:1px}.relay-send .i{width:21px;height:21px}.relay-compose-note{margin:9px 3px}.relay-compose-foot .relay-error{padding-inline:4px}.relay-compose-foot .relay-attachment{margin-top:3px}.relay-compose-foot .relay-transfer{padding:5px}
.relay-publication{border:1px solid #ffffff25;border-radius:15px;margin:12px 0;overflow:hidden;background:#ffffff05}.relay-publication>summary{display:flex;gap:7px;align-items:center;padding:12px;font-size:11px;color:#cfdbd3;cursor:pointer;list-style:none}.relay-publication>summary>.i{width:17px;height:17px;color:#66d98e}.relay-publication>summary>span{margin-left:auto;color:#8d9c92;font-size:9px;white-space:nowrap}.relay-summary-preview{border-top:1px solid #ffffff16;padding:14px}.relay-summary-preview h3{font-size:16px;margin:0 0 10px}.relay-summary-preview h4{font-size:12px;margin:14px 0 4px}.relay-summary-preview p{font-size:13px}.relay-summary-preview>small{font-size:10px;color:#9caaa0;line-height:1.5;display:block;margin:12px 0}.relay-summary-preview .relay-actions{margin:12px 0}.relay-summary-preview .link-btn{font-size:11px}
.relay-person{display:flex;align-items:center;gap:10px;min-width:0;color:#e1e9e3}.relay-person>span:last-child{display:grid;min-width:0;gap:2px}.relay-person strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relay-person small{font-size:11px;color:#8f9e94;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relay-member-list{display:grid;gap:12px;margin-block:16px}.relay-member{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-block:9px;border-bottom:1px solid #ffffff15;min-width:0}.relay-member>.relay-person{flex:1;min-width:0}.relay-member>div{display:grid;gap:4px;text-align:right;flex:none;max-width:35%}.relay-member>div>small{font-size:10px;color:#8c9c91}.relay-member .link-btn{font-size:11px;min-height:25px}.relay-check{display:flex;gap:10px;align-items:flex-start;margin-block:18px;font-size:13px;line-height:1.5}.relay-check input{accent-color:#42e681;min-width:18px;min-height:18px;margin-top:3px}.relay-check small{display:block;font-size:11px;color:#93a298;margin-top:5px}.relay-invite-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff15;font-size:12px;min-width:0}.relay-invite-row>span{flex:1;min-width:0}.relay-invite-row small{display:block;color:#8a9b8f;margin-top:4px;font-size:10px}.relay-invite-row>.link-btn{font-size:11px;min-height:30px}.relay .danger,.relay-sheet .danger{color:#ff9da9}.relay-invite-card{max-width:620px;margin:16px auto;padding:24px}.relay-invite-card h2{font-size:28px;margin:12px 0 20px}.relay-invite-card>.relay-person{margin-block:15px}.relay-invite-card>small{display:block;text-align:center;color:#788b7e;font-size:10px;margin-top:15px}
.relay-outcome-body{max-width:700px;margin:18px auto}.relay-outcome-body>h2{font-size:clamp(25px,4vw,35px);letter-spacing:-.025em;margin:10px 0 18px}.relay-outcome-by{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:15px 0}.relay-outcome-by>small{font-size:11px;color:#89998f;flex:none}.relay-outcome-copy{font-size:16px;line-height:1.65!important;margin-block:20px}.relay-outcome-body>h3{font-size:18px;margin-top:28px}.relay-outcome-body>.relay-panel{margin-block:24px}.relay-outcome-body .relay-member-list{gap:14px}
html.keyboard-open #main.page.relay.relay-case{height:var(--viewport-h,100dvh)}
@media(max-width:600px){.relay-grid{grid-template-columns:1fr}.relay-intro{padding-block:14px 20px}.relay-card{padding:15px}.relay-case .relay-head h1{font-size:18px}.relay-goal-block h2{font-size:22px}.relay-case .relay-head{min-height:52px}.relay-invite-card{padding:18px}.relay-invite-card h2{font-size:25px}}
@media(min-width:768px){#main.page.relay.relay-case{height:var(--viewport-h,100dvh)}.relay-case .relay-head{padding-top:calc(var(--safe-t) + 10px)}}
@media(max-width:340px){.page.relay{padding-inline:12px}.relay-case .relay-case-scroll{padding-inline:12px}.relay-case-bar{gap:7px;padding-inline:12px}.relay-owner-results{gap:4px}.relay-owner-results>span{width:100%;margin:0 0 1px}.relay-result-btn{padding:5px 7px;font-size:10px}.relay-message-mode>span{display:none}.relay-composer{gap:5px}.relay-composer>.icon-btn{width:32px}.relay-send{width:36px;height:36px}.relay-publication>summary{flex-wrap:wrap}.relay-publication>summary>span{margin-left:24px}.relay-head h1{font-size:18px}}
@media(max-height:450px){.relay-case .relay-head{min-height:43px;padding-top:3px;padding-bottom:1px}.relay-case-bar{min-height:34px;padding-bottom:4px}.relay-goal-block h2{font-size:19px}.relay-compose-foot{padding-top:4px;padding-bottom:4px;max-height:62%}.relay-owner-results{padding-bottom:4px}.relay-owner-results>span{display:none}.relay-message-mode{padding-block:0}.relay-case .relay-case-scroll{padding-top:10px}.relay-compose-foot .relay-attachment-thumb{width:35px;height:35px}}
@supports not (backdrop-filter:blur(12px)){.relay-entry{background:#101610}.relay-tabs,.relay-panel,.relay-publication{background:#101310}}
html[data-transparency=reduce] .relay-entry,html[data-transparency=reduce] .relay .relay-panel,html[data-transparency=reduce] .relay .relay-publication{background:#101610}
@media(prefers-reduced-transparency:reduce){.relay-entry,.relay .relay-panel,.relay .relay-publication{background:#101610}}

.relay-entry>.relay-entry-mark{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#42e68115;color:#42e681}.relay-entry>.relay-entry-mark .i{width:23px;height:23px}.relay-sheet .relay-sheet-title{font-size:14px;margin:22px 0 12px}
.relay .relay-source-link{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#8edca9;margin-top:12px}.relay .relay-source-link .i{width:14px;height:14px}
.relay-message-author .relay-message-options{width:28px;height:28px;min-width:28px;color:#90a397}.relay-message-author .relay-message-options .i{width:17px;height:17px}.relay-preview-unavailable{display:grid;place-items:center;font-size:9px;line-height:1.3;color:#8b9b90;height:100%;text-align:center}.relay-media-failure{padding:12px;color:#a9b9ae;font-size:12px}.relay-media-failure>p{font-size:12px;margin-top:0}