:root{--bg-canvas: #F6F8FB;--bg-surface: rgba(255, 255, 255, .84);--bg-surface-elevated: rgba(255, 255, 255, .92);--bg-glass: rgba(255, 255, 255, .76);--bg-subtle: rgba(241, 245, 249, .8);--bg-accent-subtle: rgba(238, 242, 255, .85);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-accent: #4F46E5;--border-glass: rgba(255, 255, 255, .85);--border-subtle: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .14);--border-focus: #4F46E5;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--shadow-glass: 0 20px 48px rgba(15, 23, 42, .12), 0 0 0 1px rgba(255, 255, 255, .6) inset;--shadow-sheet: 0 -10px 40px rgba(15, 23, 42, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Grotesk", monospace;--spring-fast: all .2s cubic-bezier(.16, 1, .3, 1);--spring-bounce: all .35s cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background-color:#cbd5e1;font-family:var(--font-sans);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bani-os-wallpaper{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-color:#f8fafc;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.18) 0px,transparent 55%),radial-gradient(at 100% 0%,rgba(244,114,182,.14) 0px,transparent 50%),radial-gradient(at 10% 90%,rgba(245,158,11,.12) 0px,transparent 50%),radial-gradient(at 90% 75%,rgba(6,182,212,.14) 0px,transparent 55%),radial-gradient(at 50% 50%,rgba(139,92,246,.08) 0px,transparent 65%)}.bani-os-device{width:100%;height:100dvh;max-height:100dvh;background:var(--bg-canvas);position:relative;overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}.liquid-glass{background:#ffffffd1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 30px #0f172a0f,0 0 0 1px #fff6 inset}.home-app-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 2px;justify-items:center;width:100%;padding:6px 0;transition:all .2s ease}@container (max-width: 380px){.home-app-grid{grid-template-columns:repeat(4,1fr);gap:14px 6px}}@media(max-width:380px){.home-app-grid{grid-template-columns:repeat(4,1fr);gap:14px 6px}}@media(min-width:768px){.bani-os-device.desktop-preview{width:412px;height:870px;max-height:92vh;border-radius:44px;box-shadow:0 25px 65px -10px #0f172a38,0 0 0 10px #cbd5e1,0 0 0 11px #0f172a14;background:var(--bg-canvas)}}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0f172a3d}.pressable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s ease,box-shadow .15s ease}.pressable:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes springPop{0%{opacity:0;transform:scale(.92) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bani-article-content h2{font-size:1.35rem;font-weight:800;color:#0f172a;margin:1.75rem 0 .75rem;line-height:1.35;letter-spacing:-.02em;font-family:Georgia,Cambria,serif}.bani-article-content h3{font-size:1.15rem;font-weight:800;color:#1e293b;margin:1.5rem 0 .5rem;line-height:1.4;font-family:Georgia,Cambria,serif}.bani-article-content h4{font-size:1rem;font-weight:700;color:#334155;margin:1rem 0 .4rem}.bani-article-content p{margin:0 0 1.25rem;line-height:1.8;color:#334155}.bani-article-content p:first-of-type:first-letter{font-size:2.75rem;float:left;line-height:1;padding-right:.5rem;padding-top:.15rem;font-family:Georgia,serif;font-weight:900;color:#0891b2}.bani-article-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid #0891B2;background:#0891b20d;border-radius:0 10px 10px 0;font-style:italic;color:#1e293b}.bani-article-content blockquote p{margin:0}.bani-article-content ul,.bani-article-content ol{margin:0 0 1.25rem 1.5rem;padding:0;color:#334155;line-height:1.75}.bani-article-content li{margin-bottom:.5rem}.bani-article-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 16px #0f172a14}.bani-article-content figure{margin:1.5rem 0}.bani-article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.88rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.bani-article-content th{background:#f1f5f9;padding:10px 12px;text-align:left;font-weight:700;color:#0f172a;border-bottom:1px solid #E2E8F0}.bani-article-content td{padding:10px 12px;border-bottom:1px solid #F1F5F9;color:#334155}.salai-flag{display:flex;flex-direction:column;width:100%;max-width:280px;height:180px;border:1px solid #E2E8F0;box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden;margin:1rem 0}.flag-stripe{flex:1}.bg-mangang{background-color:#ef4444}.bg-luwang{background-color:#f8fafc;border-bottom:1px solid #E2E8F0}.bg-khuman{background-color:#1e293b}.bg-angom{background-color:#eab308}.bg-moirang{background-color:#a855f7}.bg-khanganba{background-color:#38bdf8}.bg-sarang{background-color:#22c55e}@keyframes reelSplashFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}70%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes bounceUp{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}