@font-face{font-family:"Vazirmatn";font-weight:100;font-display:swap;src:url("../assets/fonts/Vazirmatn-Thin.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:300;font-display:swap;src:url("../assets/fonts/Vazirmatn-Light.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:400;font-display:swap;src:url("../assets/fonts/Vazirmatn-Regular.woff2") format("woff2"),url("../assets/fonts/vazirmatn.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-weight:700;font-display:swap;src:url("../assets/fonts/Vazirmatn-Bold.woff2") format("woff2")}
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root{--font:"Vazirmatn","Inter",Tahoma,sans-serif;--font-en:"Inter","Vazirmatn",system-ui,sans-serif;--bg:#0b1120;--bg2:#131a2e;--card:rgba(255,255,255,.07);--border:rgba(255,255,255,.13);--text:#e7ecf6;--muted:#94a3b8;--accent:#22e0c8;--accent2:#7c5cff;--gold:#ffd23f}
[data-theme="light"]{--bg:#fff7ed;--bg2:#e0fbff;--card:rgba(255,255,255,.74);--border:rgba(15,23,42,.12);--text:#172033;--muted:#64748b;--accent:#00b894;--accent2:#6c5ce7;--gold:#f59e0b}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:var(--font)!important}
html,body{margin:0;padding:0;direction:rtl!important}
html[lang="en"] *{font-family:var(--font-en)!important;letter-spacing:-.01em}
body{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:96px;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
#bgGlow{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 20% 0%,rgba(34,224,200,.22),transparent),radial-gradient(60% 50% at 90% 20%,rgba(124,92,255,.24),transparent),radial-gradient(50% 45% at 50% 100%,rgba(255,210,63,.12),transparent),var(--bg2)}
[data-theme="light"] #bgGlow{background:radial-gradient(55% 45% at 15% 0%,rgba(0,184,148,.20),transparent),radial-gradient(60% 50% at 90% 15%,rgba(108,92,231,.18),transparent),linear-gradient(135deg,#fff7ed,#e0fbff 45%,#f3e8ff)}
.glass{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}
.app-header{direction:ltr!important;position:sticky;top:0;z-index:25;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:0 0 20px 20px;min-height:58px}
.brand,.header-actions{direction:ltr!important;display:flex;align-items:center;gap:8px}
.brand-dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 16px rgba(34,224,200,.7)}
.brand-name{font-size:18px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.icon-btn{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.07);color:var(--text);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:800}.icon-btn.small{width:34px;height:34px;font-size:22px}
.header-quote{min-width:0;overflow:hidden;position:relative;height:34px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:0;background:transparent;color:var(--muted);cursor:pointer;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.quote-text{display:block;max-width:100%}
.pg-item{will-change:transform,opacity,filter}
.pg-in-right{animation:pgInRight .6s cubic-bezier(.2,1,.3,1) both}
.pg-in-left{animation:pgInLeft .6s cubic-bezier(.2,1,.3,1) both}
.pg-in-depth{animation:pgInDepth .6s cubic-bezier(.2,1,.3,1) both}
@keyframes pgInRight{0%{opacity:0;transform:translateX(60px) scale(.82);filter:blur(4px)}100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes pgInLeft{0%{opacity:0;transform:translateX(-60px) scale(.82);filter:blur(4px)}100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes pgInDepth{0%{opacity:0;transform:scale(.6);filter:blur(6px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
.header-quote .quote-text .pg-text{font-size:12.5px;font-weight:300;line-height:34px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-quote .quote-text .pg-by{display:none}
.app-main{max-width:640px;margin:0 auto;padding:20px 16px 0}.wheel-section{text-align:center;margin:6px 0 12px}
.wheel-wrap{position:relative;width:min(90vw,400px);height:min(90vw,400px);margin:0 auto;transition:width .45s cubic-bezier(.2,1,.3,1),height .45s cubic-bezier(.2,1,.3,1),transform .45s cubic-bezier(.2,1,.3,1),opacity .25s}
#wheel{width:100%;height:100%;border-radius:50%;cursor:grab;box-shadow:0 22px 70px rgba(0,0,0,.46),0 0 0 8px rgba(255,255,255,.06),0 0 0 9px var(--border)}#wheel:active{cursor:grabbing}
.pointer{position:absolute;top:-7px;left:50%;transform:translateX(-50%);z-index:5;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid var(--gold);filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.spin-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:0;cursor:pointer;z-index:6;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121f;font-weight:800;font-size:14px;box-shadow:0 9px 28px rgba(34,224,200,.48)}.spin-core:active{transform:translate(-50%,-50%) scale(.92)}
.dua{margin:12px 0 2px;font-size:16px;font-weight:700;direction:rtl!important}.dua-sub{margin:0;font-size:12px;color:var(--muted);line-height:1.8}
.panel{border-radius:22px;padding:15px;margin-top:8px;position:relative;box-shadow:0 22px 70px rgba(0,0,0,.30),0 8px 22px rgba(34,224,200,.08),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="light"] .panel{box-shadow:0 18px 55px rgba(67,56,202,.14),0 8px 20px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.7)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-title{margin:0;font-size:17px;font-weight:800}.panel-tools{display:flex;align-items:center;gap:7px}
.count-badge{min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121f;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.textarea-shell{position:relative}.items-input{width:100%;min-height:146px;resize:vertical;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.055);color:var(--text);padding:12px 12px 44px;font-size:15px;line-height:2;outline:none}.items-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,224,200,.2)}
.expand-editor{position:absolute;bottom:12px;left:12px;width:30px;height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:17px;opacity:.55;transition:.2s}.expand-editor:hover{opacity:1;color:var(--accent)}html[lang="en"] .expand-editor{left:auto;right:12px}
.hint{color:var(--muted);font-size:12px;margin:7px 2px}
.io-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mini-btn{flex:1 1 auto;min-width:90px;text-align:center;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.065);color:var(--text);font-size:13px;font-weight:800;cursor:pointer;text-decoration:none}.mini-btn.fit{min-width:auto;flex:0 0 auto}.mini-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121f;border-color:transparent}
.switch-row{display:flex;align-items:center;gap:10px;margin:8px 2px;font-size:14px;cursor:pointer}.switch-row input{width:20px;height:20px;accent-color:var(--accent)}
.notice{margin:12px 0 0;font-size:12px;color:var(--muted);border-inline-start:3px solid var(--gold);padding-inline-start:10px;line-height:1.75}
.counter-tab{width:max-content;max-width:100%;margin:12px auto -4px;padding:7px 13px;border-radius:999px;background:linear-gradient(135deg,rgba(34,224,200,.16),rgba(124,92,255,.16));border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:11.5px;font-weight:800}
.memory-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 2px}.slots-label{font-size:12px;color:var(--muted);font-weight:700;margin-inline-end:2px}
.slot-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-weight:800;font-size:13px;cursor:pointer;transition:.2s}
.slot-pill .slot-dot{width:9px;height:9px;border-radius:50%}
.slot-pill.s1 .slot-dot{background:#22e0c8}.slot-pill.s2 .slot-dot{background:#ffd23f}.slot-pill.s3 .slot-dot{background:#ff6b9d}.slot-pill.s4 .slot-dot{background:#a78bfa}
.slot-pill.active{color:#06121f;border-color:transparent}.slot-pill.s1.active{background:#22e0c8}.slot-pill.s2.active{background:#ffd23f}.slot-pill.s3.active{background:#ff6b9d}.slot-pill.s4.active{background:#a78bfa}.slot-pill.active .slot-dot{background:rgba(0,0,0,.35)}
.bottom-nav{direction:rtl!important;position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:30;display:flex;justify-content:center;gap:4px;padding:8px 12px;width:max-content;max-width:calc(100% - 24px);border-radius:22px;box-shadow:0 16px 40px rgba(0,0,0,.32)}
.nav-item{background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:800;padding:6px 14px;border-radius:16px;transition:.2s}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.06)}.nav-ico{font-size:19px}
.sheet-backdrop{position:fixed;inset:0;z-index:70;display:none;align-items:flex-end;justify-content:center;background:rgba(2,6,20,.55)}.sheet-backdrop.open{display:flex}
.sheet{width:100%;max-width:640px;border-radius:24px 24px 0 0;padding:10px 16px 24px;max-height:80vh;overflow-y:auto;animation:sheetUp .35s cubic-bezier(.2,1,.3,1)}@keyframes sheetUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}
.sheet-handle{width:44px;height:5px;border-radius:3px;background:var(--border);margin:6px auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h2{margin:0;font-size:16px;font-weight:800}
.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.template-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 10px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-size:13px;font-weight:800;cursor:pointer}.template-card.active{border-color:var(--accent);background:rgba(34,224,200,.14);color:var(--accent)}.template-icon{font-size:26px}.template-shortcut{position:absolute;top:8px;inset-inline-start:9px;min-width:20px;height:20px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid var(--border);font-size:11px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.mood-card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(124,92,255,.08))}
.quote-sheet{max-width:560px}.quote-pager{min-height:190px;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px 12px;overflow:hidden}.quote-pager .pg-text{font-size:20px;font-weight:300;line-height:2.05;color:var(--text);margin:0 0 10px}.quote-pager .pg-by{font-size:13px;color:var(--muted);margin:0;font-weight:700}.quote-actions{display:flex;gap:10px;margin-top:6px}
.modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,20,.62)}.modal.open{display:flex}.modal-card{width:100%;max-width:340px;border-radius:24px;padding:26px 22px;text-align:center;animation:pop .35s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-label{margin:0 0 8px;color:var(--muted);font-size:13px}.modal-winner{margin:0 0 20px;font-size:29px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word}.modal-actions{display:flex;gap:10px}
.editor-modal.open{display:flex}.editor-card{width:min(94vw,720px);max-height:88vh;border-radius:26px;padding:18px;animation:editorPop .32s cubic-bezier(.2,1,.3,1)}@keyframes editorPop{from{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.big-items-input{width:100%;height:min(58vh,430px);resize:vertical;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.055);color:var(--text);padding:14px;font-size:16px;line-height:2;outline:none}
.focus-backdrop{position:fixed;inset:0;z-index:75;display:none;background:rgba(1,5,18,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.focus-active{overflow:hidden}.focus-active .focus-backdrop{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.focus-active .app-header,.focus-active .panel,.focus-active .bottom-nav,.focus-active .dua,.focus-active .dua-sub{opacity:0;pointer-events:none;transition:opacity .25s}.focus-active .wheel-wrap{position:fixed;top:50%;left:50%;width:min(92vmin,760px);height:min(92vmin,760px);transform:translate(-50%,-50%);z-index:81;margin:0;animation:focusPop .5s cubic-bezier(.16,1,.3,1)}@keyframes focusPop{0%{transform:translate(-50%,-50%) scale(.78);opacity:.25}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.focus-close{position:fixed;top:18px;left:18px;z-index:82;border:1px solid var(--border);background:rgba(255,255,255,.09);color:var(--text);height:38px;min-width:52px;border-radius:14px;font-weight:800}.focus-hint{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:82;padding:9px 14px;border-radius:16px;color:var(--muted);font-size:12px;text-align:center;max-width:min(90vw,420px)}
.confetti-layer{position:fixed;inset:0;z-index:95;pointer-events:none}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:14px;font-size:13px;font-weight:800;opacity:0;transition:.3s;z-index:110}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:520px){.templates-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px) and (min-height:720px){body{padding-bottom:96px}.app-main{min-height:calc(100vh - 160px);max-width:1120px;display:grid;grid-template-columns:minmax(480px,1.12fr) minmax(330px,.88fr);gap:28px;align-items:center;padding-top:10px;padding-bottom:18px}.wheel-section{grid-column:1;margin:0;align-self:center}.panel{grid-column:2;margin-top:0;align-self:center}.wheel-wrap{width:min(58vh,540px);height:min(58vh,540px)}}
@media(min-width:1200px) and (min-height:850px){.app-main{max-width:1240px;grid-template-columns:minmax(560px,1.15fr) minmax(360px,.85fr);gap:34px}.wheel-wrap{width:min(64vh,620px);height:min(64vh,620px)}.items-input{min-height:170px}}
@media(max-width:520px){.brand-name{font-size:16px}.nav-item{font-size:9.7px;padding:6px 9px}.quote-pager .pg-text{font-size:17px}.editor-card{width:94vw}.big-items-input{height:58vh}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}}

/* ---- Patch v8: nav + segmented slots ---- */
.bottom-nav{direction:rtl!important;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:stretch;justify-content:center;gap:2px;padding:6px;width:auto;max-width:calc(100% - 24px);border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.30)}
.nav-item{background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;width:64px;padding:8px 4px;border-radius:15px;transition:.18s}
.nav-item:hover{color:var(--text);background:rgba(255,255,255,.07)}
.nav-ico{font-size:20px;line-height:1}
@media(max-width:520px){.bottom-nav{left:12px;right:12px;transform:none;width:auto;max-width:none;gap:0;justify-content:space-between;padding:6px 4px}.nav-item{width:auto;flex:1;font-size:10.5px;padding:7px 2px}.nav-ico{font-size:20px}}
.memory-tabs{display:flex;justify-content:center;margin:12px 0 4px}
.slots-seg{display:inline-flex;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.slot-seg{width:40px;height:34px;border:0;border-inline-end:1px solid var(--border);background:transparent;color:var(--muted);font-weight:800;font-size:14px;cursor:pointer;transition:.16s}
.slot-seg:last-child{border-inline-end:0}
.slot-seg:hover{color:var(--text);background:rgba(255,255,255,.06)}
.slot-seg.active{color:#06121f}
.slot-seg.s1.active{background:linear-gradient(135deg,#22e0c8,#7ef9e5)}
.slot-seg.s2.active{background:linear-gradient(135deg,#ffb020,#ffd23f)}
.slot-seg.s3.active{background:linear-gradient(135deg,#ff6b9d,#ff9ff3)}
.slot-seg.s4.active{background:linear-gradient(135deg,#7c5cff,#a78bff)}
.slot-seg.s5.active{background:linear-gradient(135deg,#4cd964,#a0f7a0)}
.slot-seg.s6.active{background:linear-gradient(135deg,#00c2ff,#7fe0ff)}
.slot-seg.s7.active{background:linear-gradient(135deg,#ff6b35,#ffb08a)}
@media(max-width:400px){.slot-seg{width:34px;height:32px;font-size:13px}}

/* ---- Patch v9 ---- */
.icon-mini{width:30px;height:30px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:.16s}
.icon-mini:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}
.icon-mini:disabled{opacity:.35;cursor:default}
.spin-text{display:inline-block;position:relative;background:linear-gradient(90deg,#06121f 0%,#06121f 40%,#ffffff 50%,#06121f 60%,#06121f 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:#06121f}
.spin-text.shimmer{animation:bismShimmer 4.6s ease-in-out infinite}
@keyframes bismShimmer{0%,72%{background-position:180% 0}86%{background-position:-40% 0}100%{background-position:-40% 0}}
@media(min-width:1000px){.bottom-nav{width:clamp(360px,40vw,560px);min-width:min(330px,90vw);justify-content:space-around;gap:0;padding:8px}.nav-item{flex:1;width:auto;padding:9px 6px;font-size:11.5px}.nav-ico{font-size:21px}}
@media(prefers-reduced-motion:reduce){.spin-text.shimmer{animation:none}}

/* ---- Patch v10: brand clickable + info modal ---- */
.brand-name-btn{
  border:0;background:transparent;padding:0;margin:0;cursor:pointer;
  display:inline-flex;align-items:center;
}
.brand-name-btn .brand-name{pointer-events:none}
.brand-modal{z-index:120}
.brand-modal-card{
  width:min(92vw,520px);
  border-radius:22px;
  padding:12px 14px 14px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.brand-modal-head{display:flex;justify-content:flex-end;margin-bottom:4px}
.brand-info-text{
  margin:0 0 12px;
  font-size:12.5px;
  line-height:1.95;
  color:var(--text);
  opacity:.95;
  min-height:118px;
}
.brand-actions{display:flex;gap:8px;flex-wrap:wrap}
.brand-actions .mini-btn{flex:1 1 30%}
@media(max-width:430px){
  .brand-info-text{font-size:12px;line-height:1.9;min-height:132px}
}



/* ---- MoodsPatch: typewriter + soul-wheel mood ---- */
.tw-text{font-size:16px !important;line-height:2.15 !important;font-weight:400 !important}
.quote-pager .tw-text{font-size:16px !important}
.tw-w{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(4px);animation:twReveal .28s ease forwards}
@keyframes twReveal{to{opacity:1;filter:blur(0);transform:translateY(0)}}
.tw-by{opacity:0;animation:twByReveal .4s ease forwards}
@keyframes twByReveal{to{opacity:1}}
.mood-card .template-icon{filter:drop-shadow(0 2px 6px rgba(124,92,255,.25))}
@media(max-width:520px){.tw-text{font-size:15px !important;line-height:2.1 !important}}
@media(prefers-reduced-motion:reduce){.tw-w{opacity:1 !important;filter:none !important;transform:none !important;animation:none !important}.tw-by{opacity:1 !important;animation:none !important}}

/* Light theme: cleaner, softer, well-harmonized background */
[data-theme="light"]{--bg:#f6f8fc;--bg2:#eef2fb;--card:rgba(255,255,255,.82);--border:rgba(15,23,42,.10);--text:#1e293b;--muted:#64748b;--accent:#0ea5a4;--accent2:#6d5ae6;--gold:#e6a51e}
[data-theme="light"] #bgGlow{background:radial-gradient(55% 45% at 15% 0%,rgba(14,165,164,.14),transparent),radial-gradient(60% 50% at 88% 12%,rgba(109,90,230,.13),transparent),linear-gradient(160deg,#f8fafc,#eef2fb 55%,#f4f0fe)}
[data-theme="light"] .items-input,[data-theme="light"] .big-items-input{background:rgba(255,255,255,.7)}
[data-theme="light"] .mini-btn,[data-theme="light"] .icon-btn,[data-theme="light"] .icon-mini{background:rgba(255,255,255,.66)}
[data-theme="light"] .mood-card{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(109,90,230,.06))}

/* CK_BODY_SCOPED_ARABIC_VERSE_WRAP_START */
:root{
  --ck-font-fa:"Vazirmatn","Tahoma","Segoe UI",Arial,sans-serif;
  --ck-font-en:"Vazirmatn","Tahoma","Segoe UI",Arial,sans-serif;
}

html,
body{
  direction:rtl;
}

body,
button,
input,
textarea,
select{
  font-family:var(--ck-font-fa);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html.lang-en body,
html.lang-en button,
html.lang-en select{
  font-family:var(--ck-font-en);
  font-weight:380;
}

/* English buttons should not become accidentally bold. */
html.lang-en button,
html.lang-en .btn,
html.lang-en [role="button"],
html.lang-en button *,
html.lang-en .btn *{
  font-weight:400 !important;
}

/* But wheel center Begin remains bold. */
#spinTextInner,
#spinTextInner *,
.spin-text-inner,
.spin-text-inner *,
.spin-core #spinTextInner,
.wheel-center #spinTextInner{
  font-weight:750 !important;
}

#itemsInput,
#bigItemsInput,
textarea,
input[type="text"]{
  font-family:var(--ck-font-fa) !important;
  direction:auto;
  unicode-bidi:plaintext;
}

button,
[role="button"],
.nav-item,
.counter-tab,
.template-card{
  text-align:center;
  justify-content:center;
  align-items:center;
}

#modalWinner,
.modal-winner,
.winner,
.selected-option{
  text-align:center !important;
  direction:auto;
  unicode-bidi:plaintext;
  font-family:var(--ck-font-fa);
}

#quoteText,
#quotePager,
#quotePager .quote-card,
.quote-pager,
.quote-pager .quote-card,
[data-bidi-role="mood-quote"]{
  text-align:center !important;
  line-height:1.9;
}

html.lang-en #quoteText,
html.lang-en #quotePager,
html.lang-en #quotePager .quote-card,
html.lang-en .quote-pager,
html.lang-en .quote-pager .quote-card,
html.lang-en [data-bidi-role="mood-quote"]{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
  font-family:var(--ck-font-en) !important;
  font-weight:350 !important;
  letter-spacing:-.01em;
}

html.lang-en #quoteText *,
html.lang-en #quotePager *,
html.lang-en .quote-pager *,
html.lang-en [data-bidi-role="mood-quote"] *{
  font-weight:inherit;
}

/* Arabic/Quranic runs generated by src/bidi-text.js */
.ck-ar-run{
  direction:rtl !important;
  unicode-bidi:isolate !important;
  font-family:var(--ck-font-fa) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-align:center !important;
}

/* Quranic/quoted Arabic is clearer and safer as its own centered RTL block. */
.ck-ar-verse{
  display:block !important;
  width:fit-content;
  max-width:100%;
  margin:.35em auto;
  padding:0 .15em;
  direction:rtl !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
  line-height:2;
  white-space:normal;
}

/* Short Arabic snippets can remain inline. */
.ck-ar-run:not(.ck-ar-verse){
  display:inline-block !important;
  vertical-align:baseline;
}

html.lang-fa #quoteText,
html.lang-fa #quotePager,
html.lang-fa #quotePager .quote-card,
html.lang-fa .quote-pager,
html.lang-fa .quote-pager .quote-card,
html.lang-ar #quoteText,
html.lang-ar #quotePager,
html.lang-ar #quotePager .quote-card,
html.lang-ar .quote-pager,
html.lang-ar .quote-pager .quote-card{
  direction:rtl !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
  font-family:var(--ck-font-fa) !important;
  font-weight:400;
}
/* CK_BODY_SCOPED_ARABIC_VERSE_WRAP_END */






/* CK_V102_UX_START */
.toast{
  position:fixed;
  left:50%;
  top:calc(env(safe-area-inset-top,0px) + 14px);
  bottom:auto;
  transform:translateX(-50%) translateY(-14px) scale(.985);
  z-index:99999;
  width:max-content;
  max-width:min(92vw,520px);
  padding:9px 14px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.24);
  background:
    linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.055)),
    rgba(18,22,32,.34);
  color:rgba(255,255,255,.96);
  box-shadow:
    0 16px 48px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.20);
  opacity:0;
  pointer-events:auto;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.2,.78,.2,1);
  -webkit-backdrop-filter:blur(20px) saturate(1.45);
  backdrop-filter:blur(20px) saturate(1.45);
  font-size:12.5px;
  line-height:1.85;
  font-weight:500;
  letter-spacing:-.01em;
  text-align:center;
}
.toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0) scale(1);
}
.toast.hide{
  opacity:0;
  transform:translateX(-50%) translateY(-12px) scale(.985);
}

.ck-import-normal,
html[lang="en"] .ck-import-normal,
html[lang="en"] button[data-action*="import" i],
html[lang="en"] [data-i18n*="import" i],
html[lang="en"] #import,
html[lang="en"] #importBtn{
  font-weight:500!important;
}

.ck-loader{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 42%,rgba(212,175,55,.15),transparent 34%),
    radial-gradient(circle at 20% 18%,rgba(88,166,255,.08),transparent 30%),
    radial-gradient(circle at 80% 82%,rgba(127,255,212,.065),transparent 32%),
    linear-gradient(145deg,#090b12,#111525 48%,#080a10);
  color:#fff;
  opacity:1;
  visibility:visible;
  transition:opacity .48s ease,visibility .48s ease;
}
.ck-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.ck-loader-card{
  width:176px;
  height:176px;
  display:grid;
  place-items:center;
  border-radius:44px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.045)),
    rgba(13,16,27,.42);
  box-shadow:
    0 28px 82px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(22px) saturate(1.22);
  backdrop-filter:blur(22px) saturate(1.22);
}
.ck-loader-title,
.ck-loader-subtitle{
  display:none!important;
}
.ck-loader-wheel{
  position:relative;
  width:104px;
  height:104px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    conic-gradient(
      from 0deg,
      rgba(212,175,55,.98),
      rgba(255,255,255,.94),
      rgba(86,180,233,.82),
      rgba(212,175,55,.98)
    );
  box-shadow:
    0 0 0 8px rgba(255,255,255,.052),
    0 16px 42px rgba(212,175,55,.16);
  animation:ckLoaderSpin 1.35s cubic-bezier(.55,.08,.25,.95) infinite;
}
.ck-loader-wheel:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(145deg,#101421,#080a10);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.ck-loader-wheel:after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#f7d56b;
  box-shadow:0 0 20px rgba(247,213,107,.58);
}
.ck-loader-wheel span{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  height:48%;
  transform-origin:50% 0;
  background:linear-gradient(to bottom,rgba(255,255,255,.68),rgba(255,255,255,0));
}
.ck-loader-wheel span:nth-child(1){transform:rotate(0deg);}
.ck-loader-wheel span:nth-child(2){transform:rotate(90deg);}
.ck-loader-wheel span:nth-child(3){transform:rotate(180deg);}
.ck-loader-wheel span:nth-child(4){transform:rotate(270deg);}
.ck-loader-wheel i{
  position:absolute;
  right:-2px;
  top:50%;
  width:0;
  height:0;
  transform:translateY(-50%);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:18px solid #f7d56b;
  filter:drop-shadow(0 2px 8px rgba(247,213,107,.38));
}
@keyframes ckLoaderSpin{
  0%{transform:rotate(0deg);}
  62%{transform:rotate(320deg);}
  100%{transform:rotate(360deg);}
}
@media (prefers-reduced-motion:reduce){
  .ck-loader-wheel{animation:none;}
  .toast,.ck-loader{transition:none;}
}
/* CK_V102_UX_END */

/* CK_V103_SIMPLE_LOADER_START */
/* Extremely simple Instagram-like loading spinner */
.ck-loader{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  background:rgba(8,10,16,.10);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .22s ease,visibility .22s ease;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.ck-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.ck-loader-card{
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.ck-loader-title,
.ck-loader-subtitle{
  display:none!important;
}
.ck-loader-wheel{
  box-sizing:border-box!important;
  position:relative!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:50%!important;
  border:3px solid rgba(255,255,255,.28)!important;
  border-top-color:rgba(255,255,255,.96)!important;
  border-right-color:rgba(255,255,255,.52)!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:ckV103SimpleSpin .72s linear infinite!important;
}
.ck-loader-wheel:before,
.ck-loader-wheel:after,
.ck-loader-wheel span,
.ck-loader-wheel i{
  display:none!important;
  content:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@keyframes ckV103SimpleSpin{
  to{transform:rotate(360deg);}
}
@media (prefers-color-scheme:light){
  .ck-loader{
    background:rgba(255,255,255,.10);
  }
  .ck-loader-wheel{
    border-color:rgba(20,24,34,.18)!important;
    border-top-color:rgba(20,24,34,.86)!important;
    border-right-color:rgba(20,24,34,.42)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .ck-loader-wheel{
    animation:none!important;
  }
}
/* CK_V103_SIMPLE_LOADER_END */