/* Synqh social — iOS ergonomics, the existing graphite/champagne palette */
.ios-messages-shell{background:#0b0b0a;border-color:#333029;color:#e8e5dc}.ios-inbox{background:#131310;border-color:#302e27}.ios-thread{background:#0e0e0c}.ios-thread-header,.ios-composer{background:#161511;border-color:#302e27}.ios-search,.ios-inbox-top button{background:#25231f;color:#cabd9f}.ios-search input{color:#eee7d8}.conversation-row{border-color:#292720}.conversation-row:hover,.conversation-row.selected{background:#25231e}.conversation-heading strong,.ios-inbox-top h2{color:#e8e3d7}.conversation-preview,.conversation-heading time{color:#9f9b91}.chat-avatar{background:#343027;color:#ddc8a4}.conversation-unread,.messages-unread{background:#b7a47b;color:#17140f}.message-bubble{background:#292823;color:#eee9df}.outgoing .message-bubble{background:#b9a57d;color:#181611}.ios-thread-header h2,.ios-thread-empty h2{color:#ede9dc}.ios-back,.ios-empty-icon{color:#c6b18a}.ios-composer textarea{background:#22211e;border-color:#514939;color:#eee8dc}.ios-composer textarea:focus{border-color:#b8a57d}.ios-composer button{background:#b9a57e;color:#16140e}.ios-composer button:disabled{background:#38352e;color:#8c8475}.ios-new{background:#b9a57e;color:#17140e}.ios-inbox-empty button:hover,.ios-more:hover{border-color:#a18c63;color:#eddfc6}
.summoner-actions{display:flex;gap:9px;align-items:stretch}.summoner-actions .summoner-open{flex:1;min-width:0}.summoner-actions .summoner-message{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:100px;padding:10px 15px;border:1px solid #4b4231;border-radius:10px;background:linear-gradient(180deg,#29251c,#1d1b16);color:#e2d0aa;font-size:12px;font-weight:650;letter-spacing:.05px;cursor:pointer;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}.summoner-actions .summoner-message:hover{background:#3a3225;border-color:#a38e66;box-shadow:0 5px 18px #0006;transform:translateY(-2px)}.summoner-actions .summoner-message svg{flex-shrink:0}
.summoner-card{animation:synqCardReveal .52s cubic-bezier(.18,.7,.16,1) both;animation-delay:calc(var(--card-index,0)*65ms);transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s,border-color .3s}.summoner-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0007;border-color:#5d523d}.summoner-portrait img{transition:transform .4s}.summoner-card:hover .summoner-portrait img{transform:scale(1.045)}@keyframes synqCardReveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.summoner-actions .summoner-message{min-width:92px;padding:10px}.summoner-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.summoner-card{animation:none!important;transition:none!important}.summoner-card:hover{transform:none}}
.synq-discover-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;background:#141411;border:1px solid #312d25;border-radius:14px;margin:7px 0 26px;max-width:760px}.synq-tab{border:1px solid transparent;border-radius:10px;min-height:48px;background:transparent;color:#96938a;cursor:pointer;font:600 13px inherit;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,color .2s,box-shadow .2s}.synq-tab:hover{color:#e1d4b9;background:#24211b}.synq-tab.is-active{background:linear-gradient(180deg,#383127,#28241d);border-color:#554936;color:#f1dfbc;box-shadow:0 3px 12px #0005}.synq-tab-icon{font-size:18px;line-height:1}.synq-tab-view{animation:synqTabIn .28s ease both}@keyframes synqTabIn{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.synq-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:7px 0 26px}.synq-section-heading h2,.synq-vc-panel h2{margin:8px 0 6px;font-size:clamp(26px,3.2vw,37px);font-weight:600;letter-spacing:-1.3px;color:#e7e1d5}.synq-section-heading p,.synq-vc-panel>p{font-size:13px;color:#a39d91;line-height:1.7;margin:0}.synq-pill{font-size:11px;color:#d4bd95;border:1px solid #484035;padding:9px 12px;border-radius:30px;white-space:nowrap}.synq-primary{border:1px solid #c0ad86;border-radius:10px;padding:12px 18px;background:#b7a37c;color:#16140f;font-weight:750;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.synq-primary:hover{background:#d1bc90;transform:translateY(-1px)}.synq-mode-note{text-align:center;color:#aaa292;font-size:12px;line-height:1.7;min-height:20px;margin:17px 0}.synq-swipe-stage{position:relative;width:min(420px,100%);height:490px;margin:0 auto;perspective:1000px;touch-action:pan-y}.synq-swipe-card{position:absolute;inset:0;border:1px solid #504635;border-radius:21px;overflow:hidden;background:#1a1915;box-shadow:0 20px 55px #0008;user-select:none;cursor:grab;transform:translateX(var(--drag,0px)) rotate(var(--rotate,0deg));transition:transform .22s ease,opacity .22s ease}.synq-swipe-card.dragging{transition:none;cursor:grabbing}.synq-swipe-card.dismissed{transform:translateX(var(--exit,700px)) rotate(var(--exit-rotate,25deg));opacity:0}.synq-swipe-image{height:100%;width:100%;object-fit:cover;display:block;pointer-events:none}.synq-swipe-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#070707 0%,#080807e0 17%,transparent 66%);pointer-events:none}.synq-swipe-body{position:absolute;bottom:0;left:0;right:0;padding:26px;pointer-events:none}.synq-swipe-body h3{font-size:31px;color:#f4eee0;margin:0 0 4px;letter-spacing:-1px}.synq-swipe-body p{color:#e5d9bd;margin:7px 0;font-size:12px;line-height:1.5}.synq-swipe-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.synq-swipe-tags span{font-size:10px;border:1px solid #8f7b53;background:#16130dbd;border-radius:20px;padding:6px 9px}.synq-swipe-stamp{position:absolute;top:35px;left:25px;z-index:2;border:3px solid;border-radius:10px;padding:8px 18px;font-size:32px;font-weight:800;letter-spacing:2px;transform:rotate(-15deg);opacity:0;pointer-events:none}.synq-swipe-stamp.like{color:#d6bd89}.synq-swipe-stamp.pass{color:#e3a6a4;right:25px;left:auto;transform:rotate(15deg)}.synq-swipe-actions{display:flex;gap:30px;align-items:center;justify-content:center;margin:27px auto 10px}.synq-swipe-round{width:62px;height:62px;border:1px solid #53493b;border-radius:50%;background:#1c1b17;color:#e3ba9e;font-size:35px;cursor:pointer;box-shadow:0 7px 20px #0005;transition:transform .2s}.synq-swipe-round:hover{transform:scale(1.08)}.synq-swipe-round.like{color:#e3c895}.synq-swipe-info{background:transparent;color:#cabb9f;border:0;cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:4px}.synq-swipe-empty{height:100%;border:1px dashed #4b4234;display:grid;place-content:center;text-align:center;border-radius:18px;color:#a9a191;gap:12px;padding:24px}.synq-swipe-empty strong{font-size:22px;color:#eee5d1}.synq-lfg-form{background:#171612;border:1px solid #4c4132;padding:24px;margin:0 0 26px;border-radius:15px;display:grid;gap:15px}.synq-lfg-form h3{margin:0 0 3px;color:#eaddc5}.synq-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.synq-lfg-form label{display:grid;gap:8px;font-size:12px;color:#c6bda9}.synq-lfg-form input,.synq-lfg-form textarea,.synq-lfg-search input{width:100%;box-sizing:border-box;background:#0f0e0c;color:#eee8da;border:1px solid #484034;border-radius:9px;padding:12px 13px;font:inherit;outline:0}.synq-lfg-form input:focus,.synq-lfg-form textarea:focus,.synq-lfg-search input:focus{border-color:#ad9a74}.synq-form-actions{display:flex;justify-content:flex-end;gap:10px}.synq-form-actions button:first-child,.synq-lfg-search button,.synq-vc-buttons button:not(.synq-primary){background:#222019;color:#ddd0b5;border:1px solid #514737;border-radius:10px;padding:11px 16px;cursor:pointer}.synq-lfg-search{display:flex;gap:12px;margin:0 0 18px}.synq-lfg-search-box{display:flex;align-items:center;gap:9px;flex:1;background:#10100e;border:1px solid #343027;padding:0 15px;border-radius:11px;color:#baaa8e}.synq-lfg-search input{border:0;background:transparent}.synq-lfg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.synq-lfg-post{background:linear-gradient(135deg,#1d1b16,#121210);border:1px solid #353028;border-radius:14px;padding:21px;display:flex;flex-direction:column;gap:13px;min-height:175px;transition:transform .2s,border-color .2s}.synq-lfg-post:hover{transform:translateY(-2px);border-color:#65573e}.synq-post-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.synq-post-game{font-size:10px;font-weight:700;color:#ddc9a3;background:#342d20;border:1px solid #57462f;padding:7px 10px;border-radius:8px}.synq-post-meta time{font-size:10px;color:#968b7a}.synq-lfg-post h3{font-size:17px;color:#f0e7d8;margin:0}.synq-lfg-post p{font-size:12px;color:#aaa399;line-height:1.7;margin:0;overflow-wrap:anywhere;flex:1}.synq-post-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #383227;padding-top:13px}.synq-post-footer span{font-size:11px;color:#bbaa8c}.synq-post-footer button{border:1px solid #66583c;background:#302a20;color:#ead7b6;border-radius:8px;padding:9px 13px;cursor:pointer}.synq-vc-panel{margin:auto;width:min(690px,100%);box-sizing:border-box;padding:45px 30px;text-align:center;border:1px solid #393225;border-radius:18px;background:radial-gradient(ellipse at 50% 25%,#292319 0%,#161512 45%,#0f0f0d 100%)}.synq-vc-orbit{width:132px;height:132px;display:grid;place-items:center;border:1px solid #68593d;border-radius:50%;margin:22px auto 28px;position:relative;box-shadow:0 0 0 13px #947d2511,0 0 0 30px #947d2509}.synq-vc-orbit>span{font-size:40px;color:#d0b787}.synq-vc-orbit i{position:absolute;inset:12px;border:1px solid #85714c4d;border-radius:50%}.synq-vc-orbit.waiting{animation:vcPulse 2s ease-in-out infinite}@keyframes vcPulse{50%{box-shadow:0 0 0 23px #a38b3522,0 0 0 44px #a38b3509}}.synq-vc-status{color:#e1c695!important;font-weight:650;min-height:28px;margin:15px 0!important}.synq-vc-peer{font-size:17px;color:#f1e2c0;margin:13px 0}.synq-vc-buttons{display:flex;justify-content:center;gap:10px;margin:18px auto 20px;flex-wrap:wrap}.synq-vc-caption{font-size:11px!important;color:#847f73!important;max-width:440px;margin:20px auto 0!important}.synq-vc-buttons #vcLeave{color:#efaa9d;background:#35221d;border-color:#67382f}
@media(max-width:700px){.synq-discover-tabs{margin-bottom:20px}.synq-tab{min-height:43px;font-size:12px;gap:6px}.synq-tab-icon{font-size:15px}.synq-section-heading{align-items:flex-start}.synq-section-heading h2{font-size:28px}.synq-lfg-grid{grid-template-columns:1fr}.synq-form-fields{grid-template-columns:1fr}.synq-vc-panel{padding:35px 18px}.synq-swipe-stage{height:450px}.synq-swipe-body{padding:21px}}@media(max-width:400px){.synq-tab{font-size:11px}.synq-tab-icon{display:none}.synq-section-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.synq-tab-view,.synq-vc-orbit.waiting{animation:none}.synq-lfg-post:hover{transform:none}}
