/* A Web — ultra.css: share, search, stories, captain desk, loans. Load LAST. */

/* ===== header: search button + captain chip ===== */
#top .usb{flex:none;margin-inline-start:auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--ink);font-size:18px;cursor:pointer;padding:0;display:grid;place-items:center}
#top .usb:hover{background:var(--line)}
#top .usb~.coinchip,#top .usb~.bell,#top .usb~.lvchip,#top .usb~.av,#top .usb~.ucb{margin-inline-start:8px}
#top .ucb{position:relative;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:19px;text-decoration:none;border:1px solid #ffd166;background:color-mix(in srgb,#ffd166 16%,transparent)}
#top .ucb b{position:absolute;top:-4px;inset-inline-end:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#f4213a;color:#fff;font:800 11px/19px Manrope,sans-serif;text-align:center;border:2px solid var(--bg)}
@media(max-width:520px){#top .usb,#top .ucb{width:36px;height:36px;font-size:16px}}

/* ===== search ===== */
.usq{max-width:600px}
.usq #usq{width:100%;padding:13px 18px;border-radius:99px;font-size:16px}
#usr{margin-top:12px;max-height:58vh;overflow:auto;overscroll-behavior:contain}
.usg{margin:14px 4px 4px;font:800 12px Manrope,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:var(--mut)}
.usri{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:14px;color:inherit;text-decoration:none}
.usri:hover{background:var(--soft)}
.usri .av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--g),var(--v,#7b3cff));color:#fff}
.usri .av img{width:100%;height:100%;object-fit:cover}
.usri div{min-width:0;flex:1}.usri b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usri small{display:block;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usri mark{background:color-mix(in srgb,#ffd166 55%,transparent);color:inherit;border-radius:4px;padding:0 2px}

/* ===== share ===== */
.ush-emb{margin:10px 0 4px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--soft);overflow-wrap:anywhere}
.ush-emb[data-ushgo]{cursor:pointer}
.ush-emb>small{display:block;margin-bottom:6px;color:var(--mut);font-weight:700}
.ush-emb.gone p{margin:0;color:var(--mut)}
.ush-who{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ush-who small{color:var(--mut)}
.ush-who .av{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font:800 12px Outfit,sans-serif;background:linear-gradient(135deg,var(--g),var(--v,#7b3cff));color:#fff}
.ush-who .av img{width:100%;height:100%;object-fit:cover}
.ush-emb .pi,.ush-emb img.pi{max-width:100%;border-radius:12px}
.ushm textarea{width:100%;min-height:80px}
article.post.ush-hl{animation:ushl 3s ease-out 1}
@keyframes ushl{0%,60%{box-shadow:0 0 0 3px #ffd166,0 0 30px #ffd166}100%{box-shadow:none}}

/* ===== stories strip ===== */
.ust{padding:12px 14px!important;margin-bottom:14px}
.ust-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:2px}
.ust-row::-webkit-scrollbar{display:none}
.usa{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:68px;border:0;background:none;color:var(--ink);cursor:pointer;padding:0;font:inherit}
.usa small{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:11px;font-weight:700}
.usr{position:relative;width:62px;height:62px;border-radius:50%;padding:3px;display:grid;place-items:center;border:2px solid var(--line)}
.usr.new{border:0;padding:3px;background:linear-gradient(135deg,#ff4fd8,#ffb703,#a855f7)}
.usr.seen{border-color:color-mix(in srgb,var(--mut) 60%,transparent)}
.usr>*:first-child{width:100%;height:100%;border-radius:50%;object-fit:cover}
.usr{overflow:visible;font:800 22px Outfit,sans-serif;color:#fff}
.usr img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg)}
.usr.add i{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 15px/1 Manrope,sans-serif;font-style:normal;background:linear-gradient(135deg,var(--g),var(--v,#7b3cff));color:#fff;border:2px solid var(--bg)}
.usa:hover .usr{transform:scale(1.06)}.usr{transition:transform .25s}

/* ===== story viewer ===== */
#usv{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;background:rgba(0,0,0,.9)}
.usc{position:relative;width:min(440px,100vw);height:min(86vh,780px);border-radius:22px;overflow:hidden;background:#111;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px #000}
@media(max-width:520px){.usc{width:100vw;height:100dvh;border-radius:0}}
.usp{position:absolute;top:10px;left:10px;right:10px;z-index:4;display:flex;gap:4px}
.usp b{flex:1;height:3px;border-radius:9px;background:rgba(255,255,255,.3);overflow:hidden}
.usp b i{display:block;height:100%;width:0;background:#fff}
.usp b.full i{width:100%}
.usp b.run i{width:100%;transform-origin:left;animation:usf 6s linear both}
@keyframes usf{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ush{position:absolute;top:22px;left:12px;right:12px;z-index:4;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.ush .av{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--g),var(--v,#7b3cff));flex:none}
.ush .av img{width:100%;height:100%;object-fit:cover}
.ush small{display:block;opacity:.8}.ush .gap{flex:1}
.ush button{border:0;background:rgba(0,0,0,.4);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px}
.usx{flex:1;display:grid;place-items:center;min-height:0;position:relative}
.usx>img{width:100%;height:100%;object-fit:contain;background:#000}
.usx.t{padding:70px 26px 40px;text-align:center;color:#fff}
.usx.t p{font:800 clamp(22px,5.5vw,32px)/1.35 Outfit,sans-serif;overflow-wrap:anywhere;margin:0}
.usq2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:34px 18px 20px;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.7));overflow-wrap:anywhere}
.usx.t .usq2{position:static;background:none;padding:14px 0 0;font:600 16px Manrope,sans-serif}
.usx.vv{display:block}.usx.vv iframe{width:100%;height:100%;border:0;background:#000}
.usx.vv .usq2{pointer-events:none}
.usv-w{display:flex;gap:6px;align-items:center;justify-content:center;font-size:40px;margin-bottom:14px}
.usv-w i{width:6px;height:26px;border-radius:9px;background:#fff;animation:usw 1s ease-in-out infinite}
.usv-w i:nth-child(3){animation-delay:.15s}.usv-w i:nth-child(4){animation-delay:.3s}.usv-w i:nth-child(5){animation-delay:.45s}.usv-w i:nth-child(6){animation-delay:.6s}
@keyframes usw{50%{transform:scaleY(.3)}}
html.lite .usv-w i{animation:none}
.usx audio{width:min(320px,86%);margin-top:6px}
.usn{position:absolute;top:70px;bottom:90px;z-index:3;border:0;background:none;cursor:pointer;width:34%}
.usn.l{left:0}.usn.r{right:0}
.usc.v .usn{width:13%;top:90px;bottom:90px}

/* ===== story composer ===== */
.usm{max-width:520px}
.ust-tabs{margin:12px 0}
.usn-p{display:grid;gap:10px}
.usn-p[hidden]{display:none}
.ust-pv{border-radius:20px;min-height:230px;display:grid;place-items:center;padding:16px}
.ust-pv textarea{width:100%;min-height:190px;background:transparent!important;border:0!important;outline:0;box-shadow:none!important;color:#fff;text-align:center;font:800 24px/1.35 Outfit,sans-serif;resize:none}
.ust-pv textarea::placeholder{color:rgba(255,255,255,.7)}
.ust-sw{display:flex;gap:8px;flex-wrap:wrap}
.ust-sw button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;cursor:pointer;padding:0}
#us-pi{max-width:100%;max-height:260px;border-radius:16px;object-fit:contain}
.ust-rec{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ust-rec small{color:var(--mut)}
#us-pa{width:100%}
.usm .err{color:#f4213a;margin:8px 0 0}

/* ===== captain desk + loans (team page) ===== */
.ucap{margin:18px 0;border:1px solid color-mix(in srgb,#ffd166 50%,var(--line))!important}
.ucap h3{margin:0 0 10px}.ucap h4{margin:18px 0 8px}
.ucr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:6px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.ucr b{display:block}.ucr small,.ucm{color:var(--mut)}
.ucr>span{display:flex;gap:8px;flex-wrap:wrap}
.ucm{display:block;margin:6px 0}
.ucf{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ucf select{flex:1 1 200px;min-width:0}.ucf input[type=number]{width:80px}.ucf .btn{flex:none}
.ulb{margin:2px 0 0;color:#ffd166;font-weight:700;font-size:12px}