.connections{max-width:760px}.connections section{margin:26px 0}.connections h2{font-size:20px}.connections h2 small{color:var(--muted);font-weight:400}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #24242b}.connection-row>a{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.connection-row>a span{display:grid;min-width:0}.connection-row strong,.connection-row small{overflow-wrap:anywhere}.connection-row small{color:#999}.connection-row>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.story-strip{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;padding:12px 4px;scrollbar-width:none;max-width:100%;min-height:90px}.story-person{position:relative;flex:0 0 62px;width:62px;background:none;color:#fff;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px}.story-person>span:last-child{max-width:62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-ring{display:flex;border:2px solid #aa8eff;border-radius:50%;padding:3px}.story-person.viewed .story-ring{border-color:#58555f}.story-add>.avatar{margin:5px}.story-add b{position:absolute;top:32px;right:3px;border-radius:50%;background:#9170ef;border:2px solid #000;width:22px;height:22px;line-height:18px}.profile-stories{max-width:560px;margin:0 auto}.sheet.sheet-story-viewer{width:min(100vw,520px);height:min(100dvh,940px);max-height:100dvh;max-width:100vw;padding:0;border-radius:20px;background:#15131c;overflow:hidden}.story-view{height:100%;position:relative;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box}.story-progress{display:flex;gap:4px;flex-shrink:0}.story-progress>span{height:3px;background:#ffffff40;flex:1;border-radius:4px;overflow:hidden}.story-progress i{height:100%;display:block;background:#fff}.story-view-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.story-view-head a{display:flex;align-items:center;gap:9px}.story-view-head a span{display:grid;min-width:0}.story-view-head small{font-size:11px;color:#bbb}.story-canvas{flex:1;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;background:#0d0b13;border-radius:12px}.story-canvas>img,.story-canvas>video{width:100%;height:100%;object-fit:contain;min-height:0}.story-text-art{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 0%,#784b93,transparent 70%),linear-gradient(145deg,#231a43,#101924)}.story-caption{position:absolute;bottom:24px;left:16px;right:16px;text-align:center;font-weight:700;line-height:1.3;font-size:clamp(18px,5vw,28px);white-space:pre-wrap;overflow-wrap:anywhere;max-height:65%;overflow-y:auto;text-shadow:0 2px 8px #000}.story-caption.text-only{position:relative;inset:auto;padding:24px;max-height:100%;box-sizing:border-box;font-size:clamp(22px,6vw,34px)}.story-view-actions{display:flex;gap:8px;justify-content:space-between;padding-top:10px}.story-view-actions button{min-height:44px}.story-view-status,#story-view-status{font-size:11px;color:#aaa;margin:5px 0 0}.story-unavailable{text-align:center;padding:24px}.story-compose{display:grid;gap:12px}.story-compose .field{margin:0}.story-compose textarea{min-height:110px}.story-file-pick{position:relative;cursor:pointer;display:block}.story-file-pick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.story-file-pick span{display:flex;align-items:center;gap:8px;justify-content:center;padding:20px;background:#21202b;border:1px dashed #6c6381;border-radius:16px}.story-compose video,.story-compose img{max-height:220px;width:100%;object-fit:contain;border-radius:12px}#story-preview small{display:block;color:#aaa;font-size:11px;overflow-wrap:anywhere}.dm-retention{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px 8px;font-size:11px;color:#aaa}.dm-retention select{font-size:12px;padding:5px 8px;min-height:34px;width:auto;max-width:55%}.message-expiry{display:block;font-size:10px;color:#a89bc9;margin:4px 10px}.jamiify-feed-links{position:absolute;top:calc(78px + env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;z-index:8}.jamiify-feed-links button,.jamiify-feed-links a{pointer-events:auto;background:#17151cd9;border:1px solid #ffffff20;border-radius:24px;padding:9px 13px;color:#fff;display:flex;align-items:center;gap:6px;font-size:12px;min-height:40px}.jamiify-feed-links svg{width:17px;height:17px}@media(max-width:400px){.connection-row{align-items:flex-start}.connection-row>div{max-width:145px}.connection-row>div .btn{padding:7px 9px;font-size:12px}}@media(max-width:600px){.sheet.sheet-story-viewer{height:100dvh;width:100vw;border-radius:0}}@media(max-height:450px) and (orientation:landscape){.sheet.sheet-story-viewer{width:min(100vw,900px);height:100dvh}.story-view{padding:8px}.story-view-head{position:absolute;top:16px;left:16px;right:16px;z-index:2}.story-view-head a{background:#0008;border-radius:24px;padding:4px 10px}.story-view-actions{position:absolute;bottom:14px;left:20px;right:20px;z-index:2}.story-caption{bottom:65px}.story-canvas{margin-top:6px}#story-view-status{display:none}}

.sheet-story-viewer .sheet-panel{position:relative;inset:auto;transform:none!important;width:100%;height:100%;max-height:100%;border-radius:inherit;padding:0;overflow:hidden;animation:none}.tile-text-preview{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(135deg,#24183c,#172c39);font-size:clamp(13px,2vw,22px);font-weight:650;line-height:1.4;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.story-options-panel{position:absolute;left:12px;right:12px;bottom:68px;z-index:5;display:grid;gap:10px;background:#201c2cf5;padding:18px;border:1px solid #625875;border-radius:18px}.story-options-panel textarea{min-height:75px;width:100%;border:1px solid #716482;border-radius:10px;padding:10px;background:#17131f}

.dm-retention select,.text-compose-byline select{font-size:16px;min-height:44px}.dm-retention{padding-bottom:max(8px,env(safe-area-inset-bottom))}