*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#000}#root{margin:0}:root{--s-pink: #ff5c8a;--s-purple: #8a5cf6;--s-ink: #ffffff;--s-ink2: #a9a9b3;--s-card: #16161e;--s-line: #2a2a35}.sori{font-family:SoriCairo,Cairo,system-ui,sans-serif;background:#000;color:var(--s-ink);height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;position:relative}.sori button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;padding:0}.sori input{font-family:inherit}.sori-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 28px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#1c1030,#000 60%)}.sori-welcome-logo{width:200px}.sori-welcome h1{font-size:26px;margin:0}.sori-welcome-sub{color:var(--s-ink2);margin:0 0 8px}.sori-langpick{display:flex;flex-direction:column;gap:8px;margin:6px 0}.sori-langpick>span{font-size:14px;color:var(--s-ink2)}.sori-langpick div{display:flex;gap:10px;justify-content:center}.sori-langpick button{padding:8px 22px;border-radius:999px;background:var(--s-card);font-size:15px;font-weight:700;border:1px solid var(--s-line)}.sori-langpick button.on{background:linear-gradient(135deg,var(--s-purple),var(--s-pink));color:#fff;border-color:transparent}.sori-agree{display:flex;gap:10px;align-items:center;font-size:14px;max-width:320px}.sori-agree input{width:22px;height:22px;accent-color:var(--s-pink)}.sori-linklike{color:var(--s-pink);font-weight:700;text-decoration:underline;font-size:inherit}.sori-topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:56px 14px 30px;background:linear-gradient(180deg,#0000008c,#0000);pointer-events:none}.sori-topbar>*{pointer-events:auto}.sori-tabs{display:flex;gap:20px}.sori-tabs button{color:#ffffffa6;font-size:16px;font-weight:600;padding:4px 2px;text-shadow:0 1px 6px rgba(0,0,0,.5)}.sori-tabs button.on{color:#fff;font-weight:800;border-bottom:2.5px solid #fff}.sori-lang{position:absolute;inset-inline-end:12px;top:58px;background:#ffffff29;color:#fff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;backdrop-filter:blur(4px)}.sori-feed{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;background:#000;scrollbar-width:none}.sori-feed::-webkit-scrollbar{display:none}.sori-slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000}.sori-slide video{width:100%;height:100%;object-fit:cover;display:block}.sori-burst{position:absolute;inset:0;display:grid;place-items:center;color:var(--s-pink);animation:sori-pop .7s ease-out forwards;pointer-events:none}@keyframes sori-pop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.15);opacity:.95}70%{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}.sori-paused{position:absolute;inset:0;display:grid;place-items:center;color:#ffffffd9;pointer-events:none}.sori-rail{position:absolute;inset-inline-end:6px;bottom:88px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:16px}.sori-rail>button,.sori-rail-menu-wrap>button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sori-rail .liked{color:var(--s-pink)}.sori-rail-ava{position:relative;margin-bottom:4px}.sori-rail-ava img{width:46px;height:46px;border-radius:50%;border:2px solid #fff;display:block}.sori-rail-plus{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--s-purple),var(--s-pink));color:#fff;font-size:15px;font-weight:800;line-height:19px;text-align:center}.sori-rail-plus.done{background:#3a3a44}.sori-rail-menu-wrap{position:relative}.sori-rail-menu{position:absolute;bottom:0;inset-inline-end:44px;background:var(--s-card);border:1px solid var(--s-line);border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #0009;min-width:130px}.sori-rail-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:14px;font-weight:700;color:#fff}.sori-rail-menu button:hover{background:#22222c}.sori-meta{position:absolute;inset-inline-start:12px;inset-inline-end:74px;bottom:16px;z-index:4;color:#fff}.sori-handle{font-weight:800;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.6);direction:ltr;unicode-bidi:embed;display:inline-block;margin-bottom:4px}.sori-caption{margin:4px 0;font-size:14px;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sori-tag{font-size:13px;font-weight:700;color:#ffd9ec;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sori-music{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sori-nav{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #1c1c22;background:#000;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:5}.sori-nav>button{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8a8a93;font-size:10px;font-weight:700;min-width:52px;padding:4px}.sori-nav>button.on{color:#fff}.sori-nav-plus{position:relative;width:46px;height:32px}.sori-nav-plus .plus-bg{position:absolute;inset:0;background:#fff;border-radius:9px}.sori-nav-plus:before,.sori-nav-plus:after{content:"";position:absolute;inset:0;border-radius:9px;z-index:-1}.sori-nav-plus:before{background:var(--s-purple);transform:translate(-5px)}.sori-nav-plus:after{background:var(--s-pink);transform:translate(5px)}.sori-nav-plus svg{position:absolute;inset:0;margin:auto;color:#000}.sori-sheet-bg{position:absolute;inset:0;background:#00000073;z-index:8;display:flex;flex-direction:column;justify-content:flex-end}.sori-sheet{background:var(--s-card);border-radius:16px 16px 0 0;max-height:62%;display:flex;flex-direction:column;color:#fff}.sori-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.sori-sheet-head h3{margin:0;font-size:15px}.sori-x{color:var(--s-ink2);padding:4px}.sori-sheet-list{flex:1;overflow-y:auto;padding:4px 16px 10px}.sori-comment{padding:8px 0;border-bottom:1px solid #22222c}.sori-comment-name{font-size:13px;font-weight:800;color:var(--s-pink)}.sori-comment p{margin:2px 0 0;font-size:14px}.sori-sheet-input{display:flex;gap:8px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #22222c}.sori-sheet-input input{flex:1;border:1px solid var(--s-line);background:#0f0f14;color:#fff;border-radius:999px;padding:10px 16px;font-size:14px;outline:none}.sori-sheet-input input::placeholder{color:#6d6d78}.sori-modal-bg{position:absolute;inset:0;background:#0000008c;z-index:9;display:grid;place-items:center;padding:24px}.sori-modal{background:var(--s-card);border:1px solid var(--s-line);border-radius:16px;padding:20px;width:100%;max-width:330px;text-align:center;color:#fff}.sori-modal h3{margin:0 0 6px}.sori-modal-ok{font-size:15px;line-height:1.7}.sori-choice{display:block;width:100%;padding:11px;margin:6px 0;border:1px solid var(--s-line);border-radius:12px;font-size:14px;font-weight:700;background:#0f0f14;color:#fff}.sori-choice:hover{border-color:var(--s-pink)}.sori-toast{position:absolute;bottom:110px;left:50%;transform:translate(-50%);background:#f0f0f2;color:#111;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:700;z-index:10;box-shadow:0 6px 20px #00000080}.sori-btn{display:inline-block;background:linear-gradient(135deg,var(--s-purple),var(--s-pink));color:#fff;border-radius:12px;padding:11px 22px;font-size:15px;font-weight:800;margin-top:10px}.sori-btn.big{width:100%;max-width:320px;padding:14px;font-size:17px}.sori-btn.ghost{background:none;border:1px solid var(--s-line);color:var(--s-ink2)}.sori-btn.danger{background:#d63a52}.sori-btn:disabled{opacity:.35}.sori-muted{color:var(--s-ink2);font-size:13px}.sori-page{flex:1;overflow-y:auto;padding:18px 16px 24px;background:#000}.sori-page h2{margin:4px 0 14px;font-size:20px}.sori-page-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sori-backbtn{color:#fff;padding:4px;display:flex;align-items:center}.sori-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sori-tags span{background:var(--s-card);border:1px solid var(--s-line);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700}.sori-creator-row{display:flex;align-items:center;gap:12px;background:var(--s-card);border:1px solid var(--s-line);border-radius:14px;padding:12px;margin-bottom:10px}.sori-creator-row img{width:48px;height:48px;border-radius:50%}.sori-creator-row .info{flex:1;text-align:start}.sori-creator-row .info b{display:block;font-size:15px}.sori-creator-row .info span{font-size:12.5px;color:var(--s-ink2)}.sori-creator-row .info .h{direction:ltr;unicode-bidi:embed}.sori-follow{background:linear-gradient(135deg,var(--s-purple),var(--s-pink));color:#fff;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700}.sori-follow.on{background:#2a2a35;color:var(--s-ink2)}.sori-upload-box{border:2px dashed var(--s-line);border-radius:16px;padding:34px 18px;text-align:center;margin-bottom:14px;background:var(--s-card)}.sori-upload-box video{width:100%;max-height:300px;border-radius:12px;margin-top:12px;background:#000}.sori-upload-box input[type=text]{width:100%;border:1px solid var(--s-line);background:#0f0f14;color:#fff;border-radius:10px;padding:10px 14px;font-size:14px;margin-top:12px;outline:none}.sori-me-head{text-align:center;padding:8px 0 16px}.sori-me-head img{width:88px;height:88px;border-radius:50%;border:3px solid var(--s-card)}.sori-me-head h2{margin:8px 0 2px}.sori-me-head .h{color:var(--s-ink2);direction:ltr;unicode-bidi:embed}.sori-stats{display:flex;justify-content:center;gap:26px;margin:12px 0 18px}.sori-stats div{text-align:center}.sori-stats b{font-size:17px;display:block}.sori-stats span{font-size:12px;color:var(--s-ink2)}.sori-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:14px;overflow:hidden}.sori-grid .cell{aspect-ratio:3/4;background:var(--s-card);position:relative;overflow:hidden}.sori-grid video,.sori-grid img{width:100%;height:100%;object-fit:cover}.sori-grid .likes{position:absolute;bottom:5px;inset-inline-start:6px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.sori-note{font-size:12.5px;color:var(--s-ink2);background:var(--s-card);border:1px dashed var(--s-line);border-radius:12px;padding:10px 12px;margin-top:16px;line-height:1.6}.sori-terms-link{display:block;margin:18px auto 0;color:var(--s-ink2);font-size:13px;text-decoration:underline}.sori-terms{line-height:1.8;font-size:14px}.sori-terms h2{margin-top:18px;font-size:16px}.sori-terms h1{font-size:20px}.sori-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--s-ink2);padding:30px;text-align:center;background:#000}.sori-empty img{width:130px;opacity:.9}.sori-nameedit{display:flex;gap:8px;justify-content:center;margin-top:8px}.sori-nameedit input{border:1px solid var(--s-line);background:#0f0f14;color:#fff;border-radius:10px;padding:8px 12px;font-size:14px;outline:none}.sori-ava{width:40px;height:40px;border-radius:50%;border:2px solid var(--s-card)}.sori-ava.big{width:52px;height:52px}.sori-ava.xl{width:88px;height:88px}.sori-h3{font-size:16px;margin:14px 0 10px}.sori-creator{display:flex;align-items:center;gap:12px;background:var(--s-card);border:1px solid var(--s-line);border-radius:14px;padding:12px;margin-bottom:10px}.sori-creator-main{flex:1;display:flex;align-items:center;gap:12px;text-align:start;color:#fff}.sori-creator-main>span{display:flex;flex-direction:column}.sori-creator-main b{font-size:15px}.sori-creator-main i{font-style:normal;color:var(--s-ink2);font-size:12.5px;direction:ltr;unicode-bidi:embed;text-align:start}.sori-creator-main em{font-style:normal;color:var(--s-ink2);font-size:12.5px}.sori-follow.big{padding:10px 30px;font-size:15px}.sori-drop{display:flex;flex-direction:column;align-items:center;gap:10px;border:2px dashed var(--s-line);border-radius:16px;padding:40px 18px;color:var(--s-ink2);cursor:pointer;background:var(--s-card)}.sori-upload-preview{width:100%;max-height:320px;border-radius:12px;background:#000;margin-top:12px}.sori-text{width:100%;border:1px solid var(--s-line);background:#0f0f14;color:#fff;border-radius:10px;padding:10px 14px;font-size:14px;margin-top:12px;outline:none}.sori-me{text-align:center;padding:8px 0 16px}.sori-me h2{margin:8px 0 2px}.sori-editname{display:flex;gap:8px;justify-content:center;margin-top:8px}.sori-stats{display:flex;justify-content:center;gap:24px;margin:14px 0 6px}.sori-stats span{text-align:center;display:flex;flex-direction:column;font-size:12px;color:var(--s-ink2)}.sori-stats b{color:#fff;font-size:17px}.sori-back{display:flex;align-items:center;gap:6px;color:var(--s-ink2);font-size:14px;font-weight:700;margin-bottom:10px}.sori-grid-item{position:relative;aspect-ratio:3/4;background:var(--s-card);overflow:hidden;padding:0}.sori-grid-item video{width:100%;height:100%;object-fit:cover}.sori-grid-likes{position:absolute;bottom:5px;inset-inline-start:6px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);display:flex;gap:3px;align-items:center}.sori-terms-sec h3{margin:16px 0 4px;font-size:15px}.sori-terms-sec p{margin:0;line-height:1.8;font-size:14px;color:#d8d8de}.sori-tip{font-size:12.5px;color:var(--s-ink2);background:var(--s-card);border:1px dashed var(--s-line);border-radius:12px;padding:10px 12px;margin-top:16px;line-height:1.6}.sori-btn.wide{display:block;width:100%;margin-top:18px}.sori-muted.small{font-size:12px;text-align:center;margin-top:10px}.top-level .sori-topbar{padding-top:14px}.top-level .sori-lang{top:12px}.sori-auth{display:flex;flex-direction:column;gap:12px;padding:8px 4px 16px}.sori-auth-err{color:#fe2c55;font-size:13px;margin:0;text-align:center}.sori-auth .sori-linklike{align-self:center;margin-top:4px}.sori-walletbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px 10px;font-size:14px;flex-wrap:wrap}.sori-gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 16px 10px}.sori-gift{background:#1b1b24;border:1px solid #2a2a35;border-radius:14px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.sori-gift:active{transform:scale(.94)}.sori-gift:disabled{opacity:.5}.sori-gift-emoji{font-size:30px}.sori-gift-name{font-size:13px}.sori-gift-cost{font-size:12px;color:#ffc9dd}.sori-gift-note{text-align:center;padding:0 16px calc(12px + env(safe-area-inset-bottom))}.sori-gift-fly{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:84px;pointer-events:none;animation:giftfly .65s ease-out forwards}@keyframes giftfly{0%{transform:translateY(30px) scale(.4);opacity:0}30%{opacity:1}to{transform:translateY(-70px) scale(1.4);opacity:0}}.sori-walletcard{background:#1b1b24;border:1px solid #2a2a35;border-radius:14px;padding:12px 16px;margin:0 0 18px;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px}.sori-wallet-row{display:flex;align-items:baseline;gap:6px;font-size:15px}.sori-wallet-row b{font-size:22px;color:#ffc9dd}.sori-btn.small{padding:7px 14px;font-size:13px}.sori-muted.tiny{font-size:12px;margin:0}
