/* NUCUBA Stories — Facebook App Exact */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;600;700;800;900&display=swap');

*{font-family:'Noto Sans Georgian',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}

/* ── BAR ── */
.NUCUBA-Bar{background:var(--NUCUBA-card,#fff);border-bottom:1px solid var(--NUCUBA-border,#e4e6eb);width:100%}
.NUCUBA-BarScroll{display:flex;gap:8px;padding:10px 10px 14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.NUCUBA-BarScroll::-webkit-scrollbar{display:none}

/* Add card */
.NUCUBA-AddCard{flex-shrink:0;width:112px;height:196px;border-radius:13px;overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:start;background:#e4e6eb;border:1px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .12s;-webkit-tap-highlight-color:transparent}
.NUCUBA-AddCard:active{transform:scale(.95)}
.NUCUBA-AddTop{position:absolute;top:0;left:0;right:0;height:calc(100% - 52px);overflow:hidden}
.NUCUBA-AddBgImg{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.96);display:block;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}


.NUCUBA-AddCircle{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-50%, 50%);
  width:36px;
  height:36px;
  background:#1877f2;
  border-radius:50%;
  border:5px solid #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.NUCUBA-AddTop {
  position: relative;
  overflow: visible;
}
.NUCUBA-AddCircle svg{width:17px;height:17px}
.NUCUBA-AddLabel{position:absolute;bottom:0;left:0;right:0;height:52px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11.5px;font-weight:800;color:#1c1e21;line-height:1.3;padding:15px 5px 6px}

/* Story card */
.NUCUBA-StoryCard{flex-shrink:0;width:112px;height:196px;border-radius:13px;overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:start;box-shadow:0 1px 5px rgba(0,0,0,.13);transition:transform .12s;-webkit-tap-highlight-color:transparent}
.NUCUBA-StoryCard:active{transform:scale(.95)}
.NUCUBA-CardBg{position:absolute;inset:0;background:#3a3b3c;overflow:hidden}
.NUCUBA-CardTxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;font-size:11px;font-weight:800;color:#fff;text-align:center;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.NUCUBA-CardMedia,.NUCUBA-CardVideo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:translateZ(0);backface-visibility:hidden}
.NUCUBA-CardRing{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:50%;padding:3px;z-index:2}
.NUCUBA-RingNew{background:linear-gradient(135deg,#1877f2,#42a5f5)}
.NUCUBA-RingOld{background:#9a9a9a}
.NUCUBA-CardAva{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #fff;display:block}
.NUCUBA-CardName{position:absolute;bottom:0;left:0;right:0;padding:26px 8px 9px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff;font-size:11.5px;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5)}

@media(max-width:360px){.NUCUBA-AddCard,.NUCUBA-StoryCard{width:96px;height:170px}}
@media(min-width:768px){.NUCUBA-AddCard,.NUCUBA-StoryCard{width:128px;height:220px}.NUCUBA-BarScroll{padding:12px 16px 16px;gap:10px}}

/* ── VIEWER ── */
.NUCUBA-ViewModal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.NUCUBA-ViewBg{position:absolute;inset:0;background:rgba(0,0,0,.92)}
.NUCUBA-Viewer{position:relative;z-index:1;width:100%;max-width:395px;height:100dvh;max-height:720px;background:#000;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 48px rgba(0,0,0,.7)}
@media(max-width:440px){.NUCUBA-Viewer{max-width:100%;border-radius:0;max-height:100dvh}}

.NUCUBA-VProg{display:flex;gap:2.5px;padding:10px 10px 2px;position:absolute;top:0;left:0;right:0;z-index:10}
.NUCUBA-VProgSeg{flex:1;height:2.5px;background:rgba(255,255,255,.28);border-radius:2px;overflow:hidden}
.NUCUBA-VProgSeg.d .NUCUBA-VProgFill{width:100%;background:#fff}
.NUCUBA-VProgFill{height:100%;width:0;background:#fff;border-radius:2px}

.NUCUBA-VHead{position:absolute;top:0;left:0;right:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:34px 12px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.52),transparent)}
.NUCUBA-VUser{display:flex;align-items:center;gap:9px}
.NUCUBA-VAvaImg{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.72)}
.NUCUBA-VNick{color:#fff;font-size:14px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.NUCUBA-VTime{color:rgba(255,255,255,.7);font-size:11px}
.NUCUBA-VCtrl{display:flex;gap:5px}
.NUCUBA-VCtrlBtn{width:32px;height:32px;background:rgba(0,0,0,.36);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.NUCUBA-VCtrlBtn svg{width:15px;height:15px}

.NUCUBA-VContent{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}
.NUCUBA-VLoader{position:absolute;inset:0;background:#111;display:flex;align-items:center;justify-content:center;z-index:5}
.NUCUBA-Spin{width:32px;height:32px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:NUCUBAspin .7s linear infinite}
@keyframes NUCUBAspin{to{transform:rotate(360deg)}}
.NUCUBA-VMedia{width:100%;height:100%;object-fit:contain;display:block}
.NUCUBA-VTextCard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:38px 22px;font-size:32px;font-weight:800;line-height:1.25;word-break:break-word;color:#fff}
.NUCUBA-VTextInner{width:100%;max-width:100%;white-space:pre-wrap;word-break:break-word}
.NUCUBA-VCaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.62));color:#fff;padding:24px 14px 10px;font-size:14px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.NUCUBA-VNavL,.NUCUBA-VNavR{position:absolute;top:80px;bottom:80px;width:34%;z-index:8;cursor:pointer}
.NUCUBA-VNavL{left:0}.NUCUBA-VNavR{right:0}
.NUCUBA-VFoot{position:absolute;bottom:0;left:0;right:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 20px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);flex-wrap:wrap;gap:6px}
.NUCUBA-VReacts{display:flex;gap:5px;flex-wrap:wrap}
.NUCUBA-VReactBtn{font-size:21px;background:rgba(255,255,255,.13);border:none;border-radius:999px;padding:5px 8px;cursor:pointer;line-height:1;transition:transform .15s,background .12s}
.NUCUBA-VReactBtn:hover{background:rgba(255,255,255,.26);transform:scale(1.22)}
.NUCUBA-VViews{color:rgba(255,255,255,.8);font-size:12px;font-weight:700}
.NUCUBA-GArrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;font-size:26px;cursor:pointer;z-index:12;display:flex;align-items:center;justify-content:center;transition:background .12s}
.NUCUBA-GArrow:hover{background:rgba(255,255,255,.28)}
.NUCUBA-GArrowL{left:6px}.NUCUBA-GArrowR{right:6px}
@media(max-width:440px){.NUCUBA-GArrow{display:none}}

/* ══ CREATOR FULLSCREEN ══ */
.NUCUBA-FS{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;overflow:visible}
.NUCUBA-FSInner{position:relative;width:100%;max-width:480px;height:100%;max-height:100dvh;background:#fff;display:flex;flex-direction:column;overflow:visible;border-radius:0}
@media(min-width:600px){.NUCUBA-FSInner{max-height:90dvh;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.55)}}
.NUCUBA-Step{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;inset:0;background:#fff}

/* Step 1 */
/* ── Step 1: Gallery UI (matches screenshot) ── */
.NUCUBA-S1Head{display:flex;align-items:center;justify-content:space-between;padding:max(20px,env(safe-area-inset-top,14px)) 16px 14px;background:#fff;border-bottom:1px solid #e4e6ea;flex-shrink:0;font-size:17px;font-weight:800;color:#1c1e21}
.NUCUBA-S1Close{width:38px;height:38px;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1c1e21;transition:background .12s}
.NUCUBA-S1Close:hover{background:#f0f2f5}
.NUCUBA-S1Close svg{width:22px;height:22px}
.NUCUBA-S1SettBtn{width:38px;height:38px;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1c1e21;transition:background .12s}
.NUCUBA-S1SettBtn:hover{background:#f0f2f5}
.NUCUBA-S1SettBtn svg{width:22px;height:22px}
.NUCUBA-S1Tabs{display:flex;gap:6px;padding:8px 8px;background:#fff;border-bottom:1px solid #e4e6ea;flex-shrink:0;overflow-x:auto;scrollbar-width:none}
.NUCUBA-S1Tabs::-webkit-scrollbar{display:none}
.NUCUBA-S1Tab{flex:0 0 82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px 10px;border:1px solid #e4e6ea;border-radius:12px;background:#fff;font-size:12px;font-weight:700;color:#1c1e21;cursor:pointer;transition:background .12s}
.NUCUBA-S1Tab:hover{background:#f0f2f5}
.NUCUBA-S1Tab svg{width:24px;height:24px;stroke:#1c1e21}
.NUCUBA-S1TabAa{font-size:22px;font-weight:700;color:#1c1e21;font-family:serif;line-height:1;height:24px;display:flex;align-items:center}
.NUCUBA-S1GalBar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;flex-shrink:0}
.NUCUBA-S1GalSel{display:flex;align-items:center;gap:5px;background:none;border:none;font-size:15px;font-weight:800;color:#1c1e21;cursor:pointer;padding:0}
.NUCUBA-S1GalSel svg{width:16px;height:16px}
.NUCUBA-S1MultiBtn{display:flex;align-items:center;gap:7px;border:2px solid #1c1e21;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:#1c1e21;cursor:pointer;background:#fff;white-space:nowrap;transition:background .12s,color .12s}
.NUCUBA-S1MultiBtn.NUCUBA-S1MultiActive{background:#1c1e21;color:#fff}
.NUCUBA-S1MultiBtn svg{width:15px;height:15px}
.NUCUBA-S1Grid{flex:1;overflow-y:auto;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:calc((min(100vw,480px) - 4px) / 3);gap:2px;align-content:start;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.NUCUBA-S1Grid::-webkit-scrollbar{display:none}
.NUCUBA-S1GridItem{position:relative;overflow:hidden;cursor:pointer;background:#e4e6ea}
.NUCUBA-S1GridTall{grid-row:span 2}
.NUCUBA-S1GridImg{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .12s}
.NUCUBA-S1GridItem:active .NUCUBA-S1GridImg{opacity:.85}
.NUCUBA-S1GridCheck{position:absolute;top:7px;right:7px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;transition:background .12s}
.NUCUBA-S1GridCheck.NUCUBA-GalSel{background:#1877f2;border-color:#1877f2}
.NUCUBA-S1GridEmpty{grid-column:span 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:320px;color:#65676b;font-size:14px;text-align:center;padding:24px;cursor:pointer}
.NUCUBA-S1GridPickBtn{background:#1877f2;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;cursor:pointer}
.NUCUBA-S1Bot{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-top:1px solid #e4e6ea;flex-shrink:0}
.NUCUBA-S1BotInfo{font-size:14px;font-weight:700;color:#1877f2}
.NUCUBA-S1BotNext{background:#1877f2;color:#fff;border:none;border-radius:10px;padding:10px 26px;font-size:15px;font-weight:800;cursor:pointer;margin-left:auto}
.NUCUBA-S1CamFab{position:absolute;bottom:20px;right:16px;width:54px;height:54px;background:#1877f2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(24,119,242,.45);z-index:10;transition:transform .15s,box-shadow .15s}
.NUCUBA-S1CamFab:hover{transform:scale(1.06);box-shadow:0 6px 22px rgba(24,119,242,.55)}
.NUCUBA-S1CamFab:active{transform:scale(.95)}
.NUCUBA-S1CamFab svg{width:26px;height:26px}

/* Text editor */
.NUCUBA-TextCvs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .25s}
.NUCUBA-TextEl{position:relative;z-index:2;color:#fff;font-size:32px;font-weight:800;text-align:center;outline:none;padding:12px 20px;max-width:88%;word-break:break-word;line-height:1.25;caret-color:#fff;white-space:pre-wrap;text-shadow:0 1px 5px rgba(0,0,0,.28);min-height:48px}
.NUCUBA-TextEl:empty::before{content:attr(data-ph);color:rgba(255,255,255,.44);pointer-events:none}

/* Top bar */
.NUCUBA-TBar,.NUCUBA-MTop{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:max(44px,env(safe-area-inset-top,44px)) 12px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}
.NUCUBA-TBarMid{display:flex;gap:8px}
.NUCUBA-TBtn{width:40px;height:40px;background:rgba(0,0,0,.38);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.NUCUBA-TBtn svg{width:18px;height:18px}
.NUCUBA-TBtnAa{height:40px;padding:0 14px;background:rgba(0,0,0,.38);border:none;border-radius:20px;color:#fff;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap}
.NUCUBA-TBtnDone{height:38px;padding:0 16px;background:rgba(0,180,70,.42);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .13s}
.NUCUBA-TBtnDone:hover{background:rgba(0,180,70,.62)}
.NUCUBA-TWheelIcon{width:24px;height:24px;border-radius:50%;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);border:2px solid rgba(255,255,255,.8)}

/* Color strip */
.NUCUBA-TColorBar{position:absolute;z-index:20;display:flex;gap:8px;padding:7px 12px;overflow-x:auto;scrollbar-width:none;background:rgba(0,0,0,.22);top:92px;left:0;right:0}
.NUCUBA-TColorBar::-webkit-scrollbar{display:none}
.NUCUBA-TColorDot{width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;transition:transform .12s}
.NUCUBA-TColorDot:hover{transform:scale(1.18)}
.NUCUBA-TColorRainbow{background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);position:relative;overflow:hidden}
.NUCUBA-TColorRainbow input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}

/* Size pill */
.NUCUBA-TSizePill{position:absolute;bottom:128px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(0,0,0,.44);border-radius:999px;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.NUCUBA-TSizePill button{width:34px;height:34px;background:none;border:none;color:#fff;font-size:18px;cursor:pointer}
.NUCUBA-TSizePill span{min-width:32px;text-align:center;color:#fff;font-size:13px;font-weight:700}

/* BG gradient strip */
.NUCUBA-TGradBar{position:absolute;bottom:76px;left:0;right:0;z-index:20;display:flex;gap:8px;padding:6px 12px;overflow-x:auto;scrollbar-width:none}
.NUCUBA-TGradBar::-webkit-scrollbar{display:none}
.NUCUBA-TGradDot{width:30px;height:30px;border-radius:50%;border:2.5px solid rgba(255,255,255,.22);cursor:pointer;flex-shrink:0;transition:transform .12s,border-color .12s}
.NUCUBA-TGradDot:hover{transform:scale(1.18)}
.NUCUBA-TGradActive{border-color:#fff;transform:scale(1.14)}

/* Sticker panel */
.NUCUBA-StickerPanel,.NUCUBA-MStickerPanel{position:absolute;bottom:0;left:0;right:0;z-index:30;background:#18191a;border-radius:18px 18px 0 0;display:flex;flex-direction:column;max-height:45dvh}
.NUCUBA-StickerHead{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;color:#fff;font-weight:800;font-size:14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}
.NUCUBA-StickerHead button{background:rgba(255,255,255,.12);border:none;width:26px;height:26px;border-radius:50%;color:#fff;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
.NUCUBA-StickerGrid{display:flex;flex-wrap:wrap;gap:3px;padding:10px 10px 16px;overflow-y:auto}
.NUCUBA-StickerBtn{font-size:28px;background:none;border:none;cursor:pointer;border-radius:8px;padding:4px 6px;line-height:1;transition:transform .13s,background .1s}
.NUCUBA-StickerBtn:hover{background:rgba(255,255,255,.09);transform:scale(1.15)}

/* Media editor */
.NUCUBA-MediaCvs{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}
.NUCUBA-MediaPick{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}
.NUCUBA-MediaPickInner{display:flex;flex-direction:column;align-items:center;gap:14px;color:rgba(255,255,255,.6);font-size:14px;text-align:center}
.NUCUBA-MediaPickBtn{background:#1877f2;color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:800;cursor:pointer}
.NUCUBA-FloatEl{position:absolute;font-size:36px;cursor:move;user-select:none;z-index:10;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.3);touch-action:none}

/* Media bottom bar */
.NUCUBA-MBot{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}
.NUCUBA-MBotTools{display:flex;justify-content:space-around;padding:14px 10px 6px}
.NUCUBA-MBotTool{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:#fff;font-size:11px;font-weight:700;padding:0 8px;transition:opacity .12s}
.NUCUBA-MBotTool:hover{opacity:.8}
.NUCUBA-MBotIcon{width:48px;height:48px;background:rgba(255,255,255,.13);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}
.NUCUBA-MBotActions{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 10px;gap:10px}
.NUCUBA-MBotPublic{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:800;padding:9px 16px;cursor:pointer}
.NUCUBA-MBotShare{display:flex;align-items:center;gap:7px;background:#1877f2;border:none;border-radius:20px;color:#fff;font-size:15px;font-weight:800;padding:11px 28px;cursor:pointer;flex:1;justify-content:center;box-shadow:0 4px 16px rgba(24,119,242,.4);transition:background .13s,opacity .13s}
.NUCUBA-MBotShare:hover{background:#1464d8}
.NUCUBA-MStickerPanel{position:relative;bottom:auto}

/* Upload overlay */
.NUCUBA-UpOv{position:absolute;inset:0;z-index:50;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center}
.NUCUBA-UpBox{display:flex;flex-direction:column;align-items:center;gap:14px}
.NUCUBA-UpPct{color:#fff;font-size:20px;font-weight:800}
.NUCUBA-UpLabel{color:rgba(255,255,255,.7);font-size:13px}

/* ══ BAR WRAPPER + ARROWS ══ */
.NUCUBA-BarWrapper{position:relative;width:100%;overflow:hidden}
.NUCUBA-BarArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:34px;height:34px;background:rgba(255,255,255,.92);border:1px solid #e4e6eb;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18);color:#1c1e21;font-size:22px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .12s,box-shadow .12s;line-height:1}
.NUCUBA-BarArrow:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.22)}
.NUCUBA-BarArrowL{left:4px}
.NUCUBA-BarArrowR{right:4px}

/* ══ VOLUME BUTTON IN VIEWER ══ */
.NUCUBA-VVolBtn{position:relative}

/* ══ 3 DOTS MENU ══ */
.NUCUBA-3DotMenu{position:absolute;top:68px;right:10px;z-index:20;background:#1c1e21;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.6);min-width:190px;animation:NUCUBAfadeIn .15s ease}
@keyframes NUCUBAfadeIn{from{opacity:0;transform:scale(.94) translateY(-6px)}to{opacity:1;transform:none}}
.NUCUBA-3DotItem{display:flex;align-items:center;gap:10px;padding:13px 16px;color:#e4e6eb;font-size:14px;font-weight:600;cursor:pointer;transition:background .1s}
.NUCUBA-3DotItem:hover{background:rgba(255,255,255,.09)}
.NUCUBA-3DotDel{color:#ff4d4f}
.NUCUBA-3DotRep{color:#ffa940}

/* ══ COMMENT SECTION ══ */
.NUCUBA-VFootRow2{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px}
.NUCUBA-VCommentBox{display:flex;flex:1;align-items:center;background:rgba(255,255,255,.12);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.NUCUBA-VCommentIn{flex:1;background:none;border:none;outline:none;color:#fff;font-size:13px;padding:8px 12px;font-family:inherit}
.NUCUBA-VCommentIn::placeholder{color:rgba(255,255,255,.45)}
.NUCUBA-VCommentSend{width:36px;height:36px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .12s}
.NUCUBA-VCommentSend:hover{opacity:.7}
.NUCUBA-VComments{width:100%;max-height:110px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;margin-top:4px;scrollbar-width:none}
.NUCUBA-VComments::-webkit-scrollbar{display:none}
.NUCUBA-VCommentRow{display:flex;align-items:flex-start;gap:7px}
.NUCUBA-VCommentAva{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}
.NUCUBA-VCommentTxt{background:rgba(255,255,255,.12);border-radius:12px;padding:5px 10px;font-size:12px;color:#fff;line-height:1.4;word-break:break-word}
.NUCUBA-VCommentNick{font-weight:800;margin-right:4px}
.NUCUBA-VViews{color:rgba(255,255,255,.82);font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;background:rgba(0,0,0,.28);padding:5px 10px;border-radius:20px;transition:background .12s}
.NUCUBA-VViews:hover{background:rgba(0,0,0,.45)}

/* Update footer to column */
.NUCUBA-VFoot{position:absolute;bottom:0;left:0;right:0;z-index:9;display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px 20px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);gap:4px}

/* ══ VIEWERS MODAL ══ */
.NUCUBA-ViewersModal{position:fixed;inset:0;z-index:10005;display:flex;align-items:flex-end;justify-content:center}
.NUCUBA-ViewersBg{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.NUCUBA-ViewersBox{position:relative;z-index:1;background:#18191a;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:65dvh;display:flex;flex-direction:column;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));animation:NUCUBAslideUp .22s ease}
@keyframes NUCUBAslideUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.NUCUBA-ViewersHead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;color:#fff;font-size:16px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08)}
.NUCUBA-ViewersHead button{background:rgba(255,255,255,.12);border:none;width:28px;height:28px;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.NUCUBA-ViewersList{overflow-y:auto;flex:1;padding:8px 0}
.NUCUBA-ViewerRow{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background .1s}
.NUCUBA-ViewerRow:hover{background:rgba(255,255,255,.06)}
.NUCUBA-ViewerAva{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12)}
.NUCUBA-ViewerNick{color:#e4e6eb;font-size:14px;font-weight:600}

/* ══ REPORT MODAL ══ */
.NUCUBA-ReportModal{position:fixed;inset:0;z-index:10006;display:flex;align-items:flex-end;justify-content:center}
.NUCUBA-ReportBg{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.NUCUBA-ReportBox{position:relative;z-index:1;background:#18191a;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:20px 20px max(24px,env(safe-area-inset-bottom,24px));animation:NUCUBAslideUp .22s ease}
.NUCUBA-ReportHead{color:#fff;font-size:17px;font-weight:800;margin-bottom:6px}
.NUCUBA-ReportDesc{color:rgba(255,255,255,.6);font-size:13px;margin:0 0 14px}
.NUCUBA-ReportReasons{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}
.NUCUBA-ReportReason{display:flex;align-items:center;gap:10px;color:#e4e6eb;font-size:14px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .1s}
.NUCUBA-ReportReason:hover{background:rgba(255,255,255,.07)}
.NUCUBA-ReportReason input{accent-color:#1877f2;width:16px;height:16px;cursor:pointer}
.NUCUBA-ReportActions{display:flex;gap:10px}
.NUCUBA-ReportCancel{flex:1;padding:12px;background:rgba(255,255,255,.1);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.NUCUBA-ReportSubmit{flex:2;padding:12px;background:#1877f2;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background .12s}
.NUCUBA-ReportSubmit:hover{background:#1464d8}

/* ══ VIDEO PREVIEW VOLUME BTN IN CREATOR ══ */
.NUCUBA-PVidVol{position:absolute;top:12px;right:12px;z-index:10;width:38px;height:38px;background:rgba(0,0,0,.52);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s}
.NUCUBA-PVidVol:hover{background:rgba(0,0,0,.72)}


.NUCUBA-CardVideo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#000;
}
.NUCUBA-CardVideoBadge{
  position:absolute;
  right:8px;
  bottom:8px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:rgba(0,0,0,.55);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  z-index:3;
}

/* ══ PRIVACY SELECTOR (⚙ button in S1) ══ */
.NUCUBA-PrivPanel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.NUCUBA-PrivBox{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:20px 20px max(24px,env(safe-area-inset-bottom,24px));animation:NUCUBAslideUp .22s ease}
@media(min-width:600px){.NUCUBA-PrivBox{border-radius:20px;margin-bottom:20px;max-width:380px}}
.NUCUBA-PrivHead{font-size:17px;font-weight:800;color:#1c1e21;margin-bottom:16px;text-align:center}
.NUCUBA-PrivOption{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:14px;cursor:pointer;transition:background .12s;border:none;background:none;width:100%}
.NUCUBA-PrivOption:hover{background:#f0f2f5}
.NUCUBA-PrivOption.NUCUBA-PrivActive{background:#e7f0fd}
.NUCUBA-PrivIcon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}
.NUCUBA-PrivIconPub{background:#e7f0fd}
.NUCUBA-PrivIconFr{background:#e6ffe6}
.NUCUBA-PrivIconMe{background:#fff3cd}
.NUCUBA-PrivLabel{text-align:left}
.NUCUBA-PrivName{font-size:15px;font-weight:800;color:#1c1e21}
.NUCUBA-PrivSub{font-size:12px;color:#65676b;margin-top:2px}
.NUCUBA-PrivCheck{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#1877f2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}
.NUCUBA-PrivOption.NUCUBA-PrivActive .NUCUBA-PrivCheck{opacity:1}

/* ══ GALLERY SOURCE PANEL (გალერეა ▾) ══ */
.NUCUBA-GalSrcPanel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.NUCUBA-GalSrcBox{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:20px 0 max(24px,env(safe-area-inset-bottom,24px));animation:NUCUBAslideUp .22s ease}
@media(min-width:600px){.NUCUBA-GalSrcBox{border-radius:20px;margin-bottom:20px;max-width:380px}}
.NUCUBA-GalSrcHead{font-size:17px;font-weight:800;color:#1c1e21;padding:0 20px 16px;border-bottom:1px solid #e4e6ea;margin-bottom:8px}
.NUCUBA-GalSrcOption{display:flex;align-items:center;gap:14px;padding:13px 20px;cursor:pointer;transition:background .12s;border:none;background:none;width:100%}
.NUCUBA-GalSrcOption:hover{background:#f0f2f5}
.NUCUBA-GalSrcIcon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}
.NUCUBA-GalSrcName{font-size:15px;font-weight:700;color:#1c1e21;text-align:left}

/* ══ MULTI CHECKMARK (✓ inside circle) ══ */
.NUCUBA-S1GridCheck svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;display:none}
.NUCUBA-S1GridCheck.NUCUBA-GalSel svg{display:block}

/* ══ MULTI-SELECT CHECKMARKS WITH NUMBERS ══ */
.NUCUBA-S1GridCheck::after{
  content: attr(data-num);
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  display: none;
}
.NUCUBA-S1GridCheck.NUCUBA-GalSel::after{ display: block; }
.NUCUBA-S1GridCheck.NUCUBA-GalSel svg{ display: none; }

/* Selected item highlight */
.NUCUBA-S1GridItemSel .NUCUBA-S1GridImg{ opacity: .75; }
.NUCUBA-S1GridItemSel::after{
  content: '';
  position: absolute;
  inset: 0;
  border: 3px solid #1877f2;
  pointer-events: none;
  z-index: 2;
}

/* Upload label */
.NUCUBA-UpLabel{color:rgba(255,255,255,.7);font-size:13px;text-align:center}

/* ══ GALLERY SOURCE PANEL inside Step 1 ══ */
.NUCUBA-GalSrcPanel{position:absolute;inset:0;z-index:50;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}
.NUCUBA-GalSrcBox{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:0 0 max(20px,env(safe-area-inset-bottom,20px));animation:NUCUBAslideUp .22s ease;max-height:80%;overflow-y:auto}


/* ══════════════════════════════════════
   TEXT EDITOR STEP 2 — NUCUBA exact
══════════════════════════════════════ */

/* NUCUBA-S2 step must fill the modal */
#NUCUBA-S2{background:#000;overflow:visible;position:relative}

/* Phone container inside S2 */
.NUCUBA-TE-Phone{
  --te-bg1:#1a1a4e;
  --te-bg2:#3a3a7a;
  --te-bg3:#6a5a9a;
  --te-bg4:#2a2a5e;
  width:100%;height:100%;
  position:relative;overflow:hidden;
  color:#fff;
  background:linear-gradient(160deg,var(--te-bg1) 0%,var(--te-bg2) 40%,var(--te-bg3) 70%,var(--te-bg4) 100%);
  display:flex;flex-direction:column;
  font-family:'Noto Sans Georgian',-apple-system,BlinkMacSystemFont,sans-serif;
  transition:background .35s ease;
}

/* Back arrow (top-left) */
.NUCUBA-TE-BackBtn{
  position:absolute;top:max(14px,env(safe-area-inset-top,14px));left:14px;
  width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;z-index:20;
  pointer-events:all;
  background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;
  transition:opacity .15s;
}
.NUCUBA-TE-BackBtn svg{width:20px;height:20px}
.NUCUBA-TE-BackBtn.NUCUBA-hidden{opacity:0;pointer-events:none;}

/* Top-right group */
.NUCUBA-TE-TopRightGroup{
  position:absolute;top:max(14px,env(safe-area-inset-top,14px));right:14px;
  display:flex;align-items:center;gap:8px;z-index:20;
}
/* 3-dots button */
.NUCUBA-TE-DotsBtn{
  width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.NUCUBA-TE-DoneBtn{
  height:36px;padding:0 18px;border:none;border-radius:18px;cursor:pointer;
  background:rgba(24,119,242,0.55);color:rgba(255,255,255,0.9);
  font-size:14px;font-weight:700;font-family:inherit;
  display:flex;align-items:center;white-space:nowrap;
  backdrop-filter:blur(8px);
  transition:background .15s,transform .1s,opacity .15s;
}
.NUCUBA-TE-DoneBtn:active{background:rgba(21,101,216,0.7);transform:scale(.96);}

/* Hide text style presets on desktop — show only on mobile/touch */
@media(min-width:768px){
  .NUCUBA-TE-StyleDock{display:none !important;}
}

/* Music bar (top center) */
.NUCUBA-TE-MusicBar{
  position:absolute;top:max(10px,env(safe-area-inset-top,10px));left:50%;transform:translateX(-50%);
  z-index:20;display:flex;align-items:center;gap:10px;
  background:rgba(0,0,0,.35);padding:6px 14px;border-radius:20px;
  cursor:pointer;white-space:nowrap;
}
.NUCUBA-TE-MusicIcon{
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.NUCUBA-TE-MusicText{display:flex;flex-direction:column}
.NUCUBA-TE-MusicTitle{color:#fff;font-size:13px;font-weight:600;line-height:1.2}
.NUCUBA-TE-MusicSub{color:rgba(255,255,255,.7);font-size:11px}

.NUCUBA-TE-MusicBar.NUCUBA-hidden{display:none !important}

.NUCUBA-TE-EditTopBar{
  position:absolute;top:max(10px,env(safe-area-inset-top,10px));left:50%;transform:translateX(-50%);
  z-index:21;display:flex;align-items:center;gap:16px;
}
/* Icon-only buttons in keyboard mode */
.NUCUBA-TE-IconBtn{
  width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;
  background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;
  -webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);
}
.NUCUBA-TE-IconBtn:active{transform:scale(.92);}
/* Color dot inside color button */
.NUCUBA-TE-ColorDot{
  width:20px;height:20px;border-radius:50%;display:block;
  border:2.5px solid rgba(255,255,255,.8);
  background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);
}
/* Old TopMiniBtn kept for compat */
.NUCUBA-TE-TopMiniBtn{display:none;}
.NUCUBA-TE-TopMiniSwatch{display:none;}
.NUCUBA-TE-TopAlignIcon{
  width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;
}
.NUCUBA-TE-TopColorStrip{
  position:absolute;top:calc(max(10px,env(safe-area-inset-top,10px)) + 50px);left:50%;transform:translateX(-50%);
  z-index:21;max-width:calc(100% - 20px);width:calc(100% - 20px);
  padding:8px 12px;border-radius:22px;background:rgba(0,0,0,.45);
  display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.NUCUBA-TE-TopColorStrip::-webkit-scrollbar{display:none}
.NUCUBA-TE-TopColorDot{
  width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.5);cursor:pointer;flex:0 0 auto;
  box-shadow:0 2px 8px rgba(0,0,0,.2);transition:transform .12s,border-color .12s;
}
.NUCUBA-TE-TopColorDot.NUCUBA-active{transform:scale(1.15);border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}

/* Keyboard-open text presets */
.NUCUBA-TE-StyleDock{
  position:absolute;left:10px;right:10px;bottom:calc(var(--NUCUBA-te-keyboard-inset, 0px) + 10px);z-index:40;
  pointer-events:auto;
}
.NUCUBA-TE-StyleScroll{
  display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;touch-action:pan-x !important;overscroll-behavior-x:contain;
  pointer-events:auto;white-space:nowrap;
}
.NUCUBA-TE-StyleScroll::-webkit-scrollbar{display:none}
.NUCUBA-TE-PresetChip{
  flex-shrink:0;min-width:108px;padding:10px 18px;border-radius:16px;
  border:1.5px solid rgba(255,255,255,.16);background:rgba(0,0,0,.28);color:#fff;
  font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.NUCUBA-TE-PresetChip[data-preset-font="serif"]{font-family:Georgia,serif;font-weight:700}
.NUCUBA-TE-PresetChip[data-preset-font="rounded"]{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif}
.NUCUBA-TE-PresetChip[data-preset-font="mono"]{font-family:monospace;font-weight:700}
.NUCUBA-TE-PresetChip[data-preset-style="glow"]{text-shadow:0 0 12px rgba(255,255,255,.45)}
.NUCUBA-TE-PresetChip[data-preset-style="outline"]{-webkit-text-stroke:1px rgba(255,255,255,.9);color:transparent}
.NUCUBA-TE-PresetChip[data-preset-style="capsule"]{border-radius:999px}
.NUCUBA-TE-PresetChip[data-preset-style="glass"]{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.NUCUBA-TE-PresetChip[data-preset-style="shadow"]{text-shadow:0 4px 14px rgba(0,0,0,.58)}
.NUCUBA-TE-PresetChip[data-preset-style="fire"]{background:linear-gradient(90deg,rgba(255,122,69,.16),rgba(255,184,77,.08));text-shadow:0 0 10px rgba(255,170,82,.4)}
.NUCUBA-TE-PresetChip[data-preset-style="sky"]{background:linear-gradient(90deg,rgba(87,181,255,.18),rgba(255,255,255,.06));border-color:rgba(130,204,255,.35)}
.NUCUBA-TE-PresetChip[data-preset-style="candy"]{background:linear-gradient(90deg,rgba(255,130,189,.16),rgba(174,132,255,.12));border-color:rgba(255,173,215,.26)}
.NUCUBA-TE-PresetChip[data-preset-style="frame"]{box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.NUCUBA-TE-PresetChip[data-preset-style="underline"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.NUCUBA-TE-PresetChip[data-preset-style="marker"]{background:linear-gradient(180deg,transparent 54%,rgba(255,230,109,.42) 54%)}
.NUCUBA-TE-PresetChip[data-preset-style="dream"]{text-shadow:0 0 18px rgba(218,191,255,.72);background:linear-gradient(90deg,rgba(205,166,255,.14),rgba(255,255,255,.04))}
.NUCUBA-TE-PresetChip[data-preset-style="minimal"]{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.06)}
.NUCUBA-TE-PresetChip.is-active{border-color:#fff;background:rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(255,255,255,.24) inset}

.NUCUBA-TE-SizeRail{
  position:absolute;right:12px;top:96px;bottom:calc(var(--NUCUBA-te-keyboard-inset, 0px) + 72px);z-index:40;
  width:36px;display:flex;align-items:center;justify-content:center;pointer-events:auto;
}
.NUCUBA-TE-SizeTrack{
  position:relative;width:8px;height:100%;min-height:180px;max-height:320px;border-radius:999px;
  background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.NUCUBA-TE-SizeFill{
  position:absolute;left:0;right:0;bottom:0;height:0%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.92));
}
.NUCUBA-TE-SizeThumb{
  position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);
  width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.98);box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.NUCUBA-TE-SizeThumb::before{
  content:'Aa';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#1c1e21;font-size:12px;font-weight:800;
}

/* Stage (gradient area, text centered) */
.NUCUBA-story-stage{
  flex:1;position:relative;z-index:1;
  pointer-events:none;
  display:flex;align-items:center;justify-content:center;
  padding:70px 24px 20px;
}
/* preview-wrap: touch events handled via JS gesture handler */
.NUCUBA-story-preview-wrap{width:100%;display:flex;justify-content:center;align-items:center;pointer-events:auto;}
.NUCUBA-story-preview{
  max-width:100%;word-break:break-word;white-space:pre-wrap;
  color:#fff;font-size:42px;line-height:1.15;
  font-weight:800;letter-spacing:-.02em;text-align:center;
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}
.NUCUBA-story-preview.NUCUBA-no-caret{caret-color:transparent!important}
.NUCUBA-story-placeholder{opacity:.55}
.NUCUBA-align-left{text-align:left;width:100%}
.NUCUBA-align-center{text-align:center}
.NUCUBA-align-right{text-align:right;width:100%}

/* Bottom tools row */
.NUCUBA-TE-ToolsRow{
  display:flex;justify-content:space-around;align-items:flex-start;
  padding:0 8px 12px;flex-shrink:0;
  position:relative;z-index:30;pointer-events:auto;
  margin-bottom:70px;
}
.NUCUBA-TE-Tool{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  pointer-events:auto;position:relative;z-index:31;
  border:none;background:none;padding:0;
}
.NUCUBA-TE-Tool span{color:#fff;font-size:11px;text-align:center;line-height:1.3;font-weight:500}
.NUCUBA-TE-ToolIcon{
  width:52px;height:52px;
  background:rgba(0,0,0,.55);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.NUCUBA-TE-ToolIcon:active{background:rgba(0,0,0,.75)}
.NUCUBA-TE-ToolIcon--aa{color:#fff;font-size:18px;font-weight:700}
.NUCUBA-TE-ColorCircle{
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,#a88aff,#d4b4ff);
}

/* Bottom action buttons */
.NUCUBA-TE-BottomBtns{
  display:flex;gap:10px;padding:0 16px max(20px,env(safe-area-inset-bottom,20px));
  position:absolute;bottom:0;left:0;right:0;
  z-index:5;pointer-events:auto;
  align-items:center;
  background:transparent;
}
.NUCUBA-TE-BtnFriends,
.NUCUBA-TE-BtnClose{
  flex:1;background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.3);
  color:#fff;padding:10px 0;border-radius:24px;
  font-size:13px;font-weight:500;
  display:flex;align-items:center;justify-content:center;gap:6px;
  cursor:pointer;font-family:inherit;
}
.NUCUBA-TE-BtnShare{
  flex:1.2;background:#1877F2;border:none;
  color:#fff;padding:10px 0;border-radius:24px;
  font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;
}

/* Text input wrap (shown when Aa tapped) */
.NUCUBA-TE-InputWrap{
  position:absolute;bottom:160px;left:16px;right:16px;z-index:30;
  display:flex;gap:8px;align-items:center;
}
.NUCUBA-story-input{
  flex:1;background:rgba(0,0,0,.5);border:1.5px solid rgba(255,255,255,.3);
  color:#fff;padding:10px 14px;border-radius:14px;
  font-size:15px;font-family:inherit;outline:none;
}
.NUCUBA-story-input::placeholder{color:rgba(255,255,255,.5)}
.NUCUBA-story-add-btn{
  width:44px;height:44px;background:#1877f2;border:none;
  color:#fff;border-radius:50%;font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

/* Toast */
.NUCUBA-story-toast{
  position:absolute;top:70px;left:50%;transform:translateX(-50%);
  background:rgba(0,0,0,.72);color:#fff;padding:8px 18px;border-radius:20px;
  font-size:13px;font-weight:600;z-index:50;pointer-events:none;
  opacity:0;transition:opacity .2s;white-space:nowrap;
}
.NUCUBA-story-toast.show{opacity:1}

/* Overlay */
.NUCUBA-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.45);
  z-index:25;display:none;
}
.NUCUBA-overlay.show{display:block}

/* Floating panels */
.NUCUBA-TE-Phone .NUCUBA-floating-panel{
  position:absolute;bottom:0;left:0;right:0;z-index:40;
  background:#18191a;border-radius:20px 20px 0 0;
  padding:0 0 max(16px,env(safe-area-inset-bottom,16px));
  max-height:70%;flex-direction:column;
  display:none!important;
}
.NUCUBA-TE-Phone .NUCUBA-floating-panel.NUCUBA-show{
  display:flex!important;
  animation:NUCUBAslideUp .25s cubic-bezier(0.34,1.1,0.64,1);
}
@keyframes NUCUBAslideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.NUCUBA-panel-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;
}
.NUCUBA-panel-title{color:#fff;font-size:15px;font-weight:800}
.NUCUBA-panel-close{
  width:28px;height:28px;background:rgba(255,255,255,.1);border:none;
  color:#fff;border-radius:50%;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}

/* Color panel */
.NUCUBA-color-scroll{display:flex;gap:10px;padding:14px 16px;overflow-x:auto;flex-shrink:0}
.NUCUBA-color-swatch{
  width:44px;height:44px;border-radius:50%;cursor:pointer;flex-shrink:0;
  border:3px solid transparent;transition:.15s;
}
.NUCUBA-color-swatch.active{border-color:#fff}
.NUCUBA-color-custom{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);
}
.NUCUBA-color-custom input[type=color]{
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;padding:0;
  background:none;
}

/* Emoji panel */
.NUCUBA-emoji-tabs{display:flex;gap:0;padding:4px 16px 0;flex-shrink:0}
.NUCUBA-emoji-tab{
  flex:1;background:none;border:none;color:rgba(255,255,255,.5);
  padding:10px 0;font-size:13px;font-weight:700;cursor:pointer;
  border-bottom:2px solid transparent;font-family:inherit;
}
.NUCUBA-emoji-tab.NUCUBA-active{color:#fff;border-bottom-color:#1877f2}
.NUCUBA-emoji-grid{
  display:grid;grid-template-columns:repeat(7,1fr);gap:4px;
  padding:10px 12px;overflow-y:auto;
}
.NUCUBA-emoji-item{
  font-size:26px;text-align:center;padding:6px;border-radius:8px;
  cursor:pointer;background:none;border:none;
  transition:background .1s;
}
.NUCUBA-emoji-item:hover{background:rgba(255,255,255,.1)}

/* Style panel */
.NUCUBA-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}
.NUCUBA-style-btn{
  background:rgba(255,255,255,.07);border:1.5px solid transparent;
  border-radius:12px;padding:12px;cursor:pointer;color:#fff;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-family:inherit;transition:.15s;
}
.NUCUBA-style-btn:hover{background:rgba(255,255,255,.14)}
.NUCUBA-style-btn.active{border-color:#1877f2}
.NUCUBA-style-name{font-size:12px;font-weight:800;margin-bottom:6px}
.NUCUBA-style-demo{font-size:20px;font-weight:800;line-height:1.1;display:inline-block}
.NUCUBA-demo-dark{background:rgba(0,0,0,.45);padding:4px 8px;border-radius:10px}
.NUCUBA-demo-light{background:rgba(255,255,255,.88);color:#111;padding:4px 8px;border-radius:10px}
.NUCUBA-demo-outline{-webkit-text-stroke:1px #fff;color:transparent}
.NUCUBA-demo-circle{padding:8px 12px;border:2px solid rgba(255,255,255,.8);border-radius:999px}
.NUCUBA-demo-capsule{padding:4px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.05))}
.NUCUBA-demo-glow{text-shadow:0 0 10px rgba(255,255,255,.75),0 0 24px rgba(255,255,255,.4)}

/* Music panel */
.NUCUBA-MusicPanel{max-height:75%}
.NUCUBA-MusicSearch{
  display:flex;align-items:center;gap:10px;
  margin:12px 16px;background:rgba(255,255,255,.1);
  border-radius:12px;padding:10px 14px;flex-shrink:0;
}
.NUCUBA-MusicSearch input{
  flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none;font-family:inherit;
}
.NUCUBA-MusicSearch input::placeholder{color:rgba(255,255,255,.5)}
.NUCUBA-MusicList{flex:1;overflow-y:auto;padding:0 8px 8px}
.NUCUBA-MusicEmpty{text-align:center;color:rgba(255,255,255,.4);padding:30px 16px;font-size:14px}
.NUCUBA-MusicItem{
  display:flex;align-items:center;gap:12px;padding:10px 10px;
  border-radius:12px;cursor:pointer;transition:background .15s;
}
.NUCUBA-MusicItem:hover{background:rgba(255,255,255,.1)}
.NUCUBA-MusicItem.active{background:rgba(24,119,242,.25)}
.NUCUBA-MusicThumb{
  width:44px;height:44px;border-radius:10px;flex-shrink:0;
  background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;
}
.NUCUBA-MusicInfo{flex:1;min-width:0}
.NUCUBA-MusicName{color:#fff;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.NUCUBA-MusicArtist{color:rgba(255,255,255,.6);font-size:12px}
.NUCUBA-MusicPlay{
  width:36px;height:36px;background:rgba(255,255,255,.15);border:none;
  border-radius:50%;color:#fff;font-size:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

/* preview text styles */
.NUCUBA-preview-style-dark{background:rgba(0,0,0,.34);padding:.18em .34em;border-radius:.28em}
.NUCUBA-preview-style-light{background:rgba(255,255,255,.92);color:#111;padding:.18em .34em;border-radius:.28em}
.NUCUBA-preview-style-outline{-webkit-text-stroke:2px rgba(255,255,255,.92);color:transparent;text-shadow:none}
.NUCUBA-preview-style-circle{padding:.22em .42em;border:2px solid rgba(255,255,255,.85);border-radius:999px}
.NUCUBA-preview-style-capsule{padding:.18em .38em;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}
.NUCUBA-preview-style-glow{text-shadow:0 0 14px rgba(255,255,255,.95),0 0 34px rgba(255,255,255,.45)}
.NUCUBA-preview-style-glass{padding:.2em .38em;border-radius:.34em;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.NUCUBA-preview-style-shadow{text-shadow:0 6px 18px rgba(0,0,0,.66)}
.NUCUBA-preview-style-fire{color:#fff4da !important;text-shadow:0 0 8px rgba(255,149,0,.72),0 0 18px rgba(255,94,0,.48)}
.NUCUBA-preview-style-sky{padding:.18em .34em;border-radius:.32em;background:linear-gradient(90deg,rgba(96,185,255,.28),rgba(255,255,255,.08));border:1px solid rgba(165,220,255,.45)}
.NUCUBA-preview-style-candy{padding:.18em .34em;border-radius:999px;background:linear-gradient(90deg,rgba(255,131,182,.26),rgba(176,132,255,.22));border:1px solid rgba(255,213,234,.42)}
.NUCUBA-preview-style-frame{padding:.2em .38em;border-radius:.3em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.82)}
.NUCUBA-preview-style-underline{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.NUCUBA-preview-style-marker{color:#111 !important;padding:.04em .12em;background:linear-gradient(180deg,transparent 52%,rgba(255,236,115,.92) 52%);border-radius:.08em}
.NUCUBA-preview-style-dream{color:#fff !important;text-shadow:0 0 10px rgba(222,193,255,.95),0 0 28px rgba(188,140,255,.52)}
.NUCUBA-preview-style-minimal{text-shadow:none;letter-spacing:.01em;font-weight:700}

@media(max-width:400px){
  .NUCUBA-story-preview{font-size:34px}
  .NUCUBA-TE-ToolIcon{width:44px;height:44px}
  .NUCUBA-emoji-grid{grid-template-columns:repeat(5,1fr)}
}

/* ── Gradient grid (ტილო panel) ── */
.NUCUBA-GradGrid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:10px;padding:14px 16px;overflow-y:auto;max-height:260px;
}
.NUCUBA-GradSwatch{
  width:100%;aspect-ratio:1;border-radius:12px;
  border:3px solid transparent;cursor:pointer;transition:.15s;
}
.NUCUBA-GradSwatch.NUCUBA-active{border-color:#fff;transform:scale(1.08);}
.NUCUBA-GradSwatch:hover{transform:scale(1.05);}

/* ── Settings buttons ── */
.NUCUBA-SettingsBtn{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.07);border:none;
  color:#fff;padding:14px 16px;border-radius:14px;
  font-size:14px;font-weight:700;cursor:pointer;
  font-family:inherit;text-align:left;width:100%;
  transition:background .15s;
}
.NUCUBA-SettingsBtn:hover{background:rgba(255,255,255,.14);}

/* ── Music panel extras ── */
.NUCUBA-MusicLoading{
  display:flex;align-items:center;justify-content:center;
  gap:10px;color:rgba(255,255,255,.6);padding:30px;font-size:14px;
}
.NUCUBA-MusicSpinner{
  width:20px;height:20px;border:2px solid rgba(255,255,255,.2);
  border-top-color:#fff;border-radius:50%;
  animation:NUCUBAspin .7s linear infinite;flex-shrink:0;
}
.NUCUBA-MusicItem--active{background:rgba(24,119,242,.22)!important}
.NUCUBA-MusicPlay--pause{background:rgba(24,119,242,.5)!important}
.NUCUBA-TE-MusicBar--active{
  background:rgba(24,119,242,.45)!important;
  border:1px solid rgba(24,119,242,.6);
}

/* ── Gradient custom row ── */
.NUCUBA-GradCustomRow{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);
  color:#fff;font-size:13px;font-weight:700;
}
.NUCUBA-GradCustomRow input[type=color]{
  width:40px;height:40px;border-radius:50%;border:none;
  cursor:pointer;padding:0;background:none;
}

/* ── ContentEditable stage ── */
.NUCUBA-story-preview[contenteditable]{
  outline:none;cursor:text;min-height:80px;width:100%;
  pointer-events:all!important;
  -webkit-user-modify:read-write;
}
.NUCUBA-story-preview[contenteditable]:empty:before{
  content:attr(data-placeholder);opacity:.55;pointer-events:none;
}
.NUCUBA-story-placeholder{opacity:.55}

/* ── Privacy button ── */
.NUCUBA-TE-BtnPrivacy{
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.3);
  color:#fff;padding:10px 14px;border-radius:24px;
  font-size:13px;font-weight:700;
  display:flex;align-items:center;gap:6px;
  cursor:pointer;font-family:inherit;white-space:nowrap;
}

/* ── Bg image upload row ── */
.NUCUBA-GradUploadRow{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);
  color:#fff;font-size:13px;font-weight:700;
}
.NUCUBA-GradUploadBtn{
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;padding:8px 14px;border-radius:20px;
  font-size:13px;font-weight:700;cursor:pointer;
}
.NUCUBA-GradUploadBtn:hover{background:rgba(255,255,255,.2)}


/* ── Sticker tabs ── */
.NUCUBA-sticker-tabs{
  display:flex;gap:0;padding:4px 12px 0;flex-shrink:0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.NUCUBA-sticker-tab{
  flex:1;background:none;border:none;color:rgba(255,255,255,.5);
  padding:9px 4px;font-size:12px;font-weight:700;cursor:pointer;
  border-bottom:2px solid transparent;font-family:inherit;
  transition:.15s;
}
.NUCUBA-sticker-tab.NUCUBA-active{color:#fff;border-bottom-color:#1877f2;}

/* ── Privacy panel options ── */
.NUCUBA-PrivacyOpt{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.06);border:1.5px solid transparent;
  border-radius:14px;padding:12px 14px;cursor:pointer;
  color:#fff;width:100%;font-family:inherit;transition:.15s;
}
.NUCUBA-PrivacyOpt.NUCUBA-active{border-color:#1877f2;background:rgba(24,119,242,.18);}
.NUCUBA-PrivacyIcon{font-size:24px;flex-shrink:0}
.NUCUBA-PrivacyInfo{flex:1;text-align:left}
.NUCUBA-PrivacyName{font-size:14px;font-weight:800}
.NUCUBA-PrivacySub{font-size:11px;opacity:.6;margin-top:2px}
.NUCUBA-PrivacyCheck{font-size:18px;color:#1877f2;font-weight:900;width:20px;text-align:center}

/* ── GIF overlay on stage ── */
.NUCUBA-GifOverlay{
  position:absolute;max-width:160px;max-height:160px;
  border-radius:12px;cursor:move;
  top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:5;
}

/* Music X remove button */
.NUCUBA-TE-MusicRemove{
  display:none;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.35);border:1.5px solid rgba(255,255,255,.6);
  color:#fff;font-size:18px;font-weight:700;cursor:pointer;
  margin-left:8px;flex-shrink:0;
  transition:background .15s;
  line-height:1;
}

/* Privacy panel outside TE-Phone - position relative to S2 */


/* Privacy panel - outside TE-Phone */
.NUCUBA-TE-PrivacyPanel{
  position:absolute;bottom:0;left:0;right:0;z-index:9999;
  background:#18191a;border-radius:20px 20px 0 0;
}

.NUCUBA-CardMusic{position:absolute;right:8px;top:8px;z-index:3;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.38);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;backdrop-filter:blur(4px)}
.NUCUBA-VMusicBadge{display:none !important}


.NUCUBA-VMeta{display:flex;flex-direction:column;gap:4px;min-width:0}
.NUCUBA-VMetaTop{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.NUCUBA-VMetaInline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:rgba(255,255,255,.78);font-size:12px;line-height:1.2}
.NUCUBA-VTime{color:rgba(255,255,255,.78);font-size:12px;display:inline-flex;align-items:center;white-space:nowrap}
.NUCUBA-VPrivacy{display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,.88);font-size:12px;white-space:nowrap}
.NUCUBA-VPrivacyIcon{display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.NUCUBA-VMusicHead{display:flex;align-items:center;gap:6px;max-width:min(72vw,280px);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.NUCUBA-VMusicHeadIcon{display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}
.NUCUBA-VMusicHeadText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.NUCUBA-TextStyleSpan,.NUCUBA-VTextInner{display:inline-block;max-width:100%;white-space:pre-wrap;word-break:break-word}
.NUCUBA-VTextInner.NUCUBA-preview-style-dark,.NUCUBA-VTextInner.NUCUBA-preview-style-light,.NUCUBA-VTextInner.NUCUBA-preview-style-circle,.NUCUBA-VTextInner.NUCUBA-preview-style-capsule,.NUCUBA-TextStyleSpan.NUCUBA-preview-style-dark,.NUCUBA-TextStyleSpan.NUCUBA-preview-style-light,.NUCUBA-TextStyleSpan.NUCUBA-preview-style-circle,.NUCUBA-TextStyleSpan.NUCUBA-preview-style-capsule{box-decoration-break:clone;-webkit-box-decoration-break:clone}

.NUCUBA-TE-StyleDock.NUCUBA-keyboard-visible{z-index:60}
.NUCUBA-TE-SizeRail.NUCUBA-keyboard-visible{z-index:60}

/* ── Vertical 3-dots button ── */
.NUCUBA-TE-DotsBtn{
  width:44px;height:36px;border:none;border-radius:18px;cursor:pointer;
  background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;
  flex-direction:row;gap:5px;flex-shrink:0;padding:0 8px;
}
.NUCUBA-TE-DotsBtn::before,.NUCUBA-TE-DotsBtn::after,
.NUCUBA-TE-DotsBtn span{
  content:'';display:block;width:5px;height:5px;border-radius:50%;background:#fff;flex-shrink:0;
}

/* ── Keyboard-mode icon buttons (3 icons, no labels) ── */
.NUCUBA-TE-IconBtn{
  width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;
  background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;
  -webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);
  transition:transform .1s;
}
.NUCUBA-TE-IconBtn:active{transform:scale(.90);}
/* Colour dot (conic gradient wheel) */
.NUCUBA-TE-ColorDot{
  width:22px;height:22px;border-radius:50%;display:block;
  border:2.5px solid rgba(255,255,255,.85);
  background:conic-gradient(#f00 0%,#ff0 16.6%,#0f0 33.3%,#0ff 50%,#00f 66.6%,#f0f 83.3%,#f00 100%);
  pointer-events:none;
}

/* ── Text wrap transform (gesture drag/pinch/rotate) ── */
.NUCUBA-story-preview-wrap{
  transform-origin:center center;
  will-change:transform;
  touch-action:none;
  cursor:grab;
}
.NUCUBA-story-preview-wrap:active{cursor:grabbing;}

/* ── Hide size rail (pinch replaces it) ── */
.NUCUBA-TE-SizeRail{display:none !important;}

/* ══ FIXES v5.1 ══ */

/* "მზადაა" ღილაკი — DotsBtn-ის იდენტური სტილი */
.NUCUBA-TE-DoneBtn {
  background: rgba(0,0,0,0.4) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  width: auto !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 14px !important;
  border-radius: 22px !important;
  display: none;
}

/* stage lock — keyboard-ზე flex:none JS-ით სეტდება, CSS fallback */
#NUCUBA-TE-Stage {
  min-height: 0;
}


html[data-site-theme="dark"] .nav1,
html[data-site-theme="dark"] .menu,
html[data-site-theme="dark"] .main,
html[data-site-theme="dark"] .panel,
html[data-site-theme="dark"] .block,
html[data-site-theme="dark"] .listing,
html[data-site-theme="dark"] .post,
html[data-site-theme="dark"] .profile,
html[data-site-theme="dark"] .ank,
html[data-site-theme="dark"] .user-info,
html[data-site-theme="dark"] .menu_razd,
html[data-site-theme="dark"] .menu_link,
html[data-site-theme="dark"] .nav,
html[data-site-theme="dark"] .forum,
html[data-site-theme="dark"] .stena{
 background:#1b2433 !important;
 color:#e5e7eb !important;
 border-color:#334155 !important;
}
html[data-site-theme="dark"] .white,
html[data-site-theme="dark"] [style*="background:#fff"],
html[data-site-theme="dark"] [style*="background: #fff"]{
 background:#1b2433 !important;
 color:#e5e7eb !important;
}


html[data-site-theme="dark"]{
  --text-main:#f8fafc;
  --text-secondary:#dbeafe;
}
html[data-site-theme="dark"] body,
html[data-site-theme="dark"] .content,
html[data-site-theme="dark"] .main,
html[data-site-theme="dark"] .panel,
html[data-site-theme="dark"] .post,
html[data-site-theme="dark"] .listing{
  color:var(--text-main)!important;
}
html[data-site-theme="dark"] h1,
html[data-site-theme="dark"] h2,
html[data-site-theme="dark"] h3,
html[data-site-theme="dark"] h4,
html[data-site-theme="dark"] .nick,
html[data-site-theme="dark"] .name,
html[data-site-theme="dark"] .title{
  color:#ffffff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}
html[data-site-theme="dark"] span,
html[data-site-theme="dark"] div,
html[data-site-theme="dark"] p,
html[data-site-theme="dark"] a{
  color:var(--text-secondary)!important;
}