@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans-ltr:"Quicksand",-apple-system,BlinkMacSystemFont,"SF Pro Rounded","SF Pro Text",ui-rounded,ui-sans-serif,sans-serif;--font-sans-rtl:"Baloo Bhaijaan 2","Quicksand",-apple-system,BlinkMacSystemFont,"SF Arabic","Arabic UI Text",ui-sans-serif,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace;--brand-teal:#2dd4bf;--brand-cyan:#22d3ee;--brand-cyan-deep:#06b6d4;--brand-primary:#22d3ee;--brand-blue-deep:#06b6d4;--brand-ink:#0e7490;--brand-ink-hover:#155e75;--quiiz-accent-green:#10b981;--quiiz-accent-amber:#fbbf24;--quiiz-accent-red:#ef4444;--quiiz-accent-orange:var(--quiiz-accent-amber);--quiiz-warning-text:#b45309;--brand-gradient:linear-gradient(135deg,#22d3ee,#0891b2);--brand-gradient-hover:linear-gradient(135deg,#06b6d4,#0891b2);--brand-surface-icon:#fff;--brand-text-on-light:#1d1d1f;--brand-text-on-dark:#fff;--quiiz-page-canvas:#fff;--quiiz-page-canvas-mid:#f5f5f7;--quiiz-surface-card:#fff;--quiiz-surface-card-hover:#f5f5f7;--quiiz-hairline:rgba(0,0,0,.06);--quiiz-hairline-strong:rgba(0,0,0,.1);--gradient-main:linear-gradient(145deg,#22d3ee,#0891b2);--gradient-teal:linear-gradient(145deg,#2dd4bf,#0d9488);--gradient-green:linear-gradient(145deg,#34d399,#059669);--gradient-warm:linear-gradient(145deg,#f87171,#dc2626);--gradient-amber:linear-gradient(145deg,#fbbf24,#d97706);--card-gradient-1:var(--gradient-main);--card-gradient-2:var(--gradient-teal);--card-gradient-3:var(--gradient-green);--card-gradient-4:var(--gradient-amber);--card-gradient-5:var(--gradient-main);--quiiz-surface-teal:rgba(45,212,191,.1);--quiiz-surface-cyan:rgba(34,211,238,.08);--quiiz-surface-cyan-deep:rgba(6,182,212,.1);--quiiz-surface-green:rgba(16,185,129,.1);--quiiz-surface-amber:rgba(251,191,36,.12);--quiiz-surface-red:rgba(239,68,68,.08);--cta-panel-gradient:var(--gradient-main);--color-black:#000;--color-white:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#1d1d1f;--color-text-muted:rgba(29,29,31,.62);--quiiz-error-bg:rgba(239,68,68,.08);--quiiz-error-border:rgba(239,68,68,.25);--shadow-sm:0 1px 3px rgba(6,182,212,.1);--shadow-md:0 4px 16px rgba(6,182,212,.14);--shadow-lg:0 12px 32px rgba(6,182,212,.18);--shadow-xl:0 20px 40px rgba(6,182,212,.2);--shadow-2xl:0 28px 56px rgba(6,182,212,.22);--radius-card:26px;--radius-control:14px;--radius-pill:14px;--font-weight-body:400;--font-weight-medium:500;--font-weight-heading:600}@media (prefers-color-scheme:dark){:root{--brand-surface-icon:#121214;--quiiz-page-canvas:#121214;--quiiz-page-canvas-mid:#1a1a1c;--quiiz-surface-card:rgba(28,28,30,.92);--quiiz-surface-card-hover:rgba(38,38,40,.95);--quiiz-hairline:hsla(0,0%,100%,.08);--quiiz-hairline-strong:hsla(0,0%,100%,.12);--color-text-primary:#f5f5f7;--color-text-secondary:#f5f5f7;--brand-text-on-light:#f5f5f7;--color-text-muted:rgba(245,245,247,.72);--brand-ink:#22d3ee;--brand-ink-hover:#67e8f9;--quiiz-warning-text:#fbbf24}body,html{color:#f5f5f7}.quiz-nav,body,html{background:var(--quiiz-page-canvas)!important}.quiz-nav{border-bottom-color:var(--quiiz-hairline)!important;box-shadow:none!important}.quiz-card--surface{background:rgba(28,28,30,.92)!important;border-color:var(--quiiz-hairline)!important}.quiz-cta-section{background:transparent!important;border:none!important}.quiz-card,.quiz-card--surface,.quiz-faq-card,.quiz-faq-panel{background:var(--quiiz-surface-card)!important;border-color:var(--quiiz-hairline)!important}.quiz-faq-card:hover{background:var(--quiiz-surface-card-hover)!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;--font-sans:var(--font-sans-ltr)}html[dir=rtl]{--font-sans:var(--font-sans-rtl)}body,html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--quiiz-page-canvas)!important;color:var(--color-text-primary);font-weight:400;letter-spacing:-.011em;font-variant-numeric:normal;font-feature-settings:"tnum",normal}body{min-height:100vh}[dir=rtl] *,[dir=rtl] body{font-family:var(--font-sans);font-weight:400;letter-spacing:0;font-variant-numeric:normal;font-feature-settings:"tnum",normal}.quiiz-brand-logo{font-family:var(--font-sans-ltr)!important;font-weight:700!important;letter-spacing:-.02em!important;background:var(--brand-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-feature-settings:normal!important}*,.quiiz-brand-logo{font-variant-numeric:normal!important}*{font-feature-settings:"tnum",normal!important}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:inherit;margin:0}[dir=rtl] h1,[dir=rtl] h2,h1,h2{font-weight:var(--font-weight-heading)}h1,h2,h3{font-size:inherit}p{line-height:inherit;margin:0;color:inherit}a{pointer-events:auto!important}a,a:hover{text-decoration:none!important;border:none!important}a:focus:not(:focus-visible){outline:none}a:focus-visible{outline:2px solid var(--brand-primary)!important;outline-offset:4px;border-radius:8px}a:active{text-decoration:none!important;border:none!important}button:focus:not(:focus-visible){outline:none}button:focus-visible{outline:2px solid var(--brand-primary)!important;outline-offset:4px;border-radius:8px}a:visited{text-decoration:none!important}button{pointer-events:auto!important;cursor:pointer!important}button:disabled{pointer-events:none!important;cursor:not-allowed!important}.quiiz-gradient-text{color:var(--brand-ink);-webkit-text-fill-color:var(--brand-ink)}.quiz-feature-grid .quiz-card{background:var(--quiiz-surface-card)!important;border:1px solid var(--quiiz-hairline)!important;border-radius:var(--radius-card)!important;padding:clamp(20px,2.5vw,28px) clamp(18px,2.2vw,24px)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-sm)!important;min-height:clamp(170px,20vw,200px)}.quiz-feature-grid .quiz-card:before{content:""!important;position:absolute!important;top:0!important;inset-inline-start:0!important;inset-inline-end:0!important;height:2px!important;background:var(--brand-gradient)!important;opacity:.9!important}.quiz-feature-grid .quiz-card:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important;border-color:var(--quiiz-hairline-strong)!important}.quiz-feature-grid .quiz-card h3{color:var(--color-text-primary)!important}.quiz-feature-grid .quiz-card p{color:var(--color-text-muted)!important}.quiz-card,.quiz-card--surface{background:var(--quiiz-surface-card)!important;border-radius:var(--radius-card)!important;padding:clamp(24px,3.2vw,36px) clamp(20px,2.8vw,32px)!important;border:1px solid var(--quiiz-hairline)!important;box-shadow:var(--shadow-md)!important;transition:box-shadow .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.quiz-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:var(--brand-gradient)!important;opacity:0!important;transition:opacity .35s ease!important}.quiz-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--quiiz-hairline-strong)!important;transform:translateY(-1px)!important}.quiz-card:hover:before{opacity:1!important}.quiz-card--hero{background:var(--card-gradient-4)!important;border:none!important;color:#fff!important;box-shadow:var(--shadow-xl)!important}.quiz-card--hero:before{display:none!important}.quiz-card--hero h2,.quiz-card--hero p,.quiz-card--hero span{color:inherit}.quiz-nav{background:var(--quiiz-page-canvas)!important;border-bottom:1px solid var(--quiiz-hairline)!important;box-shadow:none!important}.quiiz-nav-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));pointer-events:auto}@media (min-width:768px){.quiiz-nav-inner{padding-left:24px;padding-right:24px}}.quiiz-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px;width:100%;pointer-events:auto}@media (min-width:768px){.quiiz-nav-bar{min-height:80px;padding-top:0;padding-bottom:0}}.quiiz-nav-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.quiiz-nav-desktop-only{display:none}.quiiz-nav-mobile-only{display:flex;align-items:center;gap:8px;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto}@media (min-width:768px){.quiiz-nav-desktop-only{display:flex;-webkit-margin-start:auto;margin-inline-start:auto}.quiiz-nav-mobile-only{display:none}}.quiiz-nav-login-label-short{display:inline}.quiiz-nav-login-label-full{display:none}@media (min-width:768px){.quiiz-nav-login-label-short{display:none}.quiiz-nav-login-label-full{display:inline}}.quiiz-nav-menu-toggle{min-width:44px;min-height:44px;padding:10px;border-radius:var(--radius-control);border:1px solid var(--quiiz-hairline-strong);background:transparent;color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.quiiz-nav-menu-toggle:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.quiiz-nav-drawer-root{position:fixed;inset:0;z-index:60}.quiiz-nav-drawer-backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:rgba(0,0,0,.35);cursor:pointer}.quiiz-nav-drawer-panel{position:absolute;top:0;inset-inline-end:0;width:min(100%,320px);max-height:100dvh;overflow-y:auto;padding:max(72px,calc(env(safe-area-inset-top) + 56px)) 20px max(24px,env(safe-area-inset-bottom));background:var(--quiiz-page-canvas);-webkit-border-start:1px solid var(--quiiz-hairline);border-inline-start:1px solid var(--quiiz-hairline);box-shadow:-8px 0 32px rgba(0,0,0,.12)}[dir=rtl] .quiiz-nav-drawer-panel{box-shadow:8px 0 32px rgba(0,0,0,.12)}.quiiz-nav-drawer-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px}.quiiz-nav-drawer-stack .dashboard-nav-btn-delete,.quiiz-nav-drawer-stack .dashboard-nav-btn-logout,.quiiz-nav-drawer-stack .quiiz-nav-drawer-link{width:100%;justify-content:center}.quiiz-ui-card{border:1px solid var(--quiiz-hairline)!important;background:var(--quiiz-surface-card)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-sm)!important}.quiiz-ui-card:hover{border-color:var(--quiiz-hairline-strong)!important;box-shadow:var(--shadow-md)!important}.quiiz-ui-control{min-height:44px;border-radius:var(--radius-control);border:1px solid var(--quiiz-hairline-strong);background:var(--quiiz-surface-card);color:var(--color-text-primary);font-size:15px;font-weight:500}.quiiz-ui-control::placeholder{color:var(--color-text-muted)}.quiiz-ui-state{text-align:center;padding:24px 16px;color:var(--color-text-muted);font-size:14px}.quiiz-footer-appstore{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 20px}[dir=rtl] .quiiz-footer-appstore{align-items:flex-end}.quiiz-footer-appstore-label{margin:0;font-size:13px;font-weight:500;color:var(--color-text-primary);opacity:.62}.quiiz-app-store-footer img{height:40px;width:auto}.quiiz-app-store-promo-section{text-align:center}.quiiz-app-store-promo{display:inline-flex}.quiiz-app-store-promo img{height:44px;width:auto}@media (min-width:768px){.quiiz-nav-drawer-root{display:none!important}}@media (prefers-color-scheme:dark){.quiiz-nav-drawer-backdrop{background:rgba(0,0,0,.55)}}.app-store-badge--dark{display:none!important}@media (prefers-color-scheme:dark){.app-store-badge--light{display:none!important}.app-store-badge--dark{display:block!important}}.quiz-cta-section{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;border:none!important}.quiz-cta-section,.quiz-cta-section h2,.quiz-cta-section p{color:var(--color-text-primary)!important}.quiz-faq-card{background:var(--quiiz-surface-card)!important;border-radius:var(--radius-card)!important;padding:clamp(18px,2.2vw,24px) clamp(20px,2.6vw,28px)!important;border:1px solid var(--quiiz-hairline)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)!important}.quiz-faq-card:hover{border-color:var(--quiiz-hairline-strong)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important;background:var(--quiiz-surface-card-hover)!important}.quiz-faq-panel{background:transparent!important;border-radius:0!important;box-shadow:none!important;border:none!important;padding:0!important}.quiz-faq-list{border-top:1px solid var(--quiiz-hairline)}.quiz-faq-item{padding:20px 0;border-bottom:1px solid var(--quiiz-hairline)}.quiz-faq-item:last-child{border-bottom:none}.login-oauth-google,.login-oauth-microsoft,.quiiz-oauth-btn,.quiz-button{border-radius:var(--radius-control)!important}.quiz-button{background:var(--brand-gradient)!important;color:#fff!important;padding:16px 32px!important;font-weight:var(--font-weight-medium)!important;font-size:16px!important;box-shadow:0 4px 16px rgba(6,182,212,.32)!important;transition:background .25s ease,box-shadow .25s ease,transform .25s ease,opacity .25s ease!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important}.quiz-button:hover{background:var(--brand-gradient-hover)!important;box-shadow:0 6px 18px rgba(6,182,212,.3)!important;transform:translateY(-1px)!important}.quiiz-btn-primary{background:var(--brand-gradient)!important;color:#fff!important;border:1px solid transparent!important;border-radius:var(--radius-control)!important;min-height:44px!important;padding:10px 16px!important;font-weight:var(--font-weight-medium)!important;font-size:15px!important;box-shadow:0 4px 14px rgba(6,182,212,.24)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;transition:box-shadow .18s ease,transform .18s ease,background .18s ease!important}.quiiz-btn-primary:hover{background:var(--brand-gradient-hover)!important;box-shadow:0 6px 18px rgba(6,182,212,.3)!important;transform:translateY(-1px)!important}.quiiz-btn-secondary{background:var(--quiiz-surface-card)!important;color:var(--color-text-primary)!important;border:1px solid var(--quiiz-hairline-strong)!important;border-radius:var(--radius-control)!important;min-height:44px!important;padding:10px 16px!important;font-weight:var(--font-weight-medium)!important;font-size:15px!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow .18s ease,transform .18s ease!important}.quiiz-btn-secondary:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.quiiz-btn-ghost{background:transparent!important;color:var(--brand-ink)!important;border:1px solid transparent!important;border-radius:var(--radius-control)!important;min-height:44px!important;padding:10px 14px!important;font-weight:var(--font-weight-medium)!important}.quiiz-btn-ghost:hover{background:var(--quiiz-surface-cyan)!important}.quiiz-btn-destructive{color:var(--quiiz-accent-red)!important}.quiiz-btn-destructive:hover{background:var(--quiiz-surface-red)!important}.quiz-badge{background:var(--quiiz-surface-cyan)!important;border:1px solid var(--quiiz-hairline-strong)!important;border-radius:var(--radius-control)!important;box-shadow:none!important}.quiz-badge,.quiz-link-accent{color:var(--brand-ink)!important}.quiz-link-accent{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:600!important}.font-black,.font-bold,.font-extrabold{font-weight:700!important}.quiz-link-accent:hover{color:var(--brand-ink-hover)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .35s ease-out forwards}.fade-in-up{animation:fadeInUp .45s ease-out forwards;opacity:0}.fade-in-up-delay-1{animation:fadeInUp .45s ease-out .06s forwards;opacity:0}.fade-in-up-delay-2{animation:fadeInUp .45s ease-out .12s forwards;opacity:0}.fade-in-up-delay-3{animation:fadeInUp .45s ease-out .18s forwards;opacity:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}.landing-feature-icon{margin-bottom:16px;transition:transform .3s ease;cursor:default;display:flex;align-items:center}.quiz-card:nth-child(2n) .landing-feature-icon:hover,.quiz-card:nth-child(odd) .landing-feature-icon:hover{transform:scale(1.02)}.login-oauth-apple{background:#000;color:#fff;border:1px solid rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){.login-oauth-apple{background:#fff;color:#000;border:1px solid hsla(0,0%,100%,.18)}}.login-oauth-google,.login-oauth-microsoft{background:#fff;color:#1d1d1f;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease}.login-oauth-google:not(:disabled):hover,.login-oauth-microsoft:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.08)}@media (prefers-color-scheme:dark){.login-oauth-google,.login-oauth-microsoft{background:rgba(28,28,30,.92);color:#f5f5f7;border:1px solid hsla(0,0%,100%,.12);box-shadow:none}.login-oauth-google:not(:disabled):hover,.login-oauth-microsoft:not(:disabled):hover{box-shadow:0 4px 16px rgba(0,0,0,.24)}}.login-page-main{width:min(100%,440px)}@media (min-width:600px){.login-page-main{width:min(100%,480px)}.login-page-shell{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}@media (min-width:768px){.login-page-main{width:min(100%,520px)}}.dashboard-nav-btn-delete{transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.dashboard-nav-btn-delete:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(15,23,42,.18)}.dashboard-nav-btn-logout{transition:transform .2s ease,box-shadow .2s ease}.dashboard-nav-btn-logout:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(34,211,238,.2)}.dashboard-todo-list{list-style:none;margin:0;padding:0}.dashboard-todo-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--quiiz-hairline);transition:background .3s cubic-bezier(.4,0,.2,1);cursor:default;background:transparent}.dashboard-todo-row:last-child{border-bottom:none}.dashboard-todo-row--done,.dashboard-todo-row:hover{background:transparent!important}.owner-usage-json-pre:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.telegram-support-fab{transition:transform .2s ease,box-shadow .2s ease}.telegram-support-fab:hover{transform:scale(1.04);box-shadow:0 6px 10px rgba(0,0,0,.15),0 16px 36px rgba(34,211,238,.35),0 0 0 3px #fff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-fade-in,.animate-fade-in-up,.animate-float,.fade-in-up,.fade-in-up-delay-1,.fade-in-up-delay-2,.fade-in-up-delay-3{animation:none!important;opacity:1!important}.landing-feature-icon,.landing-feature-icon:hover,.quiz-card:hover,.quiz-feature-grid .quiz-card:hover{transform:none!important;transition:none!important}.quiz-button:hover,.quiz-faq-card:hover{transform:none!important}.dashboard-nav-btn-delete,.dashboard-nav-btn-delete:hover,.dashboard-nav-btn-logout,.dashboard-nav-btn-logout:hover,.dashboard-todo-row,.login-oauth-google,.login-oauth-google:hover,.login-oauth-microsoft,.login-oauth-microsoft:hover,.telegram-support-fab,.telegram-support-fab:hover{transform:none!important;transition:none!important}}@media (max-width:768px){body,html{font-size:15px}}