@font-face{font-family:Be Vietnam Pro;src:url(/assets/fonts/BeVietnamPro-Regular.ttf) format("truetype");font-weight:100 400;font-style:normal;font-display:block}@font-face{font-family:Be Vietnam Pro;src:url(/assets/fonts/BeVietnamPro-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Be Vietnam Pro;src:url(/assets/fonts/BeVietnamPro-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Be Vietnam Pro;src:url(/assets/fonts/BeVietnamPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Be Vietnam Pro;src:url(/assets/fonts/BeVietnamPro-ExtraBold.ttf) format("truetype");font-weight:800 900;font-style:normal;font-display:block}@font-face{font-family:Merriweather;src:url(/assets/fonts/Merriweather-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Merriweather;src:url(/assets/fonts/Merriweather-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fonts/Fraunces-SemiBold.ttf) format("truetype");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/fonts/JetBrainsMono-Regular.ttf) format("truetype");font-weight:400 600;font-style:normal;font-display:swap}:root{--emerald-primary: #00B67A;--emerald-dark: #009160;--emerald-light: rgba(0, 182, 122, .14);--teal-highlight: rgba(0, 182, 122, .22);--bg-shell-dark: #0B0F17;--bg-card-light: #FFFFFF;--bg-page-light: #F8FAFC;--text-strong: #0F172A;--text-medium: #475569;--text-muted: #94A3B8;--border-light: #E2E8F0;--app-font: "Be Vietnam Pro", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:#0e131d;font-family:Be Vietnam Pro,sans-serif;color:#0f172a;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:Be Vietnam Pro,sans-serif}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overscroll-behavior:none}.sachnoi-app-shell{position:relative;width:100%;max-width:412px;height:100dvh;max-height:915px;margin:0 auto;background:#f8fafc;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;box-shadow:0 14px 52px #000000a6;transform:translateZ(0)}@media (max-width: 430px){.sachnoi-app-shell{width:100%;max-width:412px;height:100dvh;max-height:100dvh;box-shadow:none}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-slide-up{animation:slideUpSheet .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes waveBounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.wave-bar-1{animation:waveBounce .75s ease-in-out infinite}.wave-bar-2{animation:waveBounce .75s ease-in-out .18s infinite}.wave-bar-3{animation:waveBounce .75s ease-in-out .34s infinite}.wave-bar-4{animation:waveBounce .75s ease-in-out .12s infinite}.reader-font-bevietnam{font-family:Be Vietnam Pro,sans-serif!important}.reader-font-merriweather{font-family:Merriweather,Be Vietnam Pro,serif!important}.reader-font-fraunces{font-family:Fraunces,Merriweather,Be Vietnam Pro,serif!important}.reader-font-dmsans{font-family:DM Sans,Be Vietnam Pro,sans-serif!important}.reader-font-mono{font-family:JetBrains Mono,Be Vietnam Pro,monospace!important}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-2\.5>*+*{margin-top:.625rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-14{top:3.5rem}.left-1{left:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.bottom-1\.5{bottom:.375rem}.right-1\.5{right:.375rem}.bottom-3{bottom:.75rem}.right-3{right:.75rem}.left-4{left:1rem}.right-4{right:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.w-1\.5{width:.375rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.w-9{width:2.25rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.h-24{height:6rem}.h-1\.5{height:.375rem}.h-\[104px\]{height:104px}.h-\[152px\]{height:152px}.w-\[142px\]{width:142px}.min-h-\[180px\]{min-height:180px}.max-h-\[85\%\]{max-height:85%}.max-w-\[175px\]{max-width:175px}.max-w-\[260px\]{max-width:260px}.max-w-\[265px\]{max-width:265px}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-1{padding-bottom:.25rem}.pb-2\.5{padding-bottom:.625rem}.pb-28{padding-bottom:7rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.ml-2{margin-left:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid;border-color:#e2e8f0}.border-t{border-top-width:1px;border-top-style:solid;border-top-color:#e2e8f0}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e8f0}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-200\/70{border-color:#e2e8f0b3}.border-slate-200\/80{border-color:#e2e8f0d9}.border-slate-700\/60{border-color:#33415599}.border-slate-700\/70{border-color:#334155b3}.border-indigo-100{border-color:#e0e7ff}.border-indigo-200\/70{border-color:#c7d2febf}.border-indigo-400\/30{border-color:#818cf84d}.border-indigo-500\/30{border-color:#6366f14d}.border-emerald-200\/70{border-color:#a7f3d0bf}.border-amber-200\/70{border-color:#fde68abf}.border-amber-200\/80{border-color:#fde68ad9}.border-violet-200\/70{border-color:#ddd6febf}.border-white\/15{border-color:#ffffff26}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/45{background-color:#ffffff73}.bg-black\/60{background-color:#0009}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-900{background-color:#0f172a}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/95{background-color:#0f172af2}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-50\/70{background-color:#eef2ffb3}.bg-indigo-50\/75{background-color:#eef2ffcc}.bg-indigo-300{background-color:#a5b4fc}.bg-indigo-500\/30{background-color:#6366f14d}.bg-indigo-500\/90{background-color:#6366f1e6}.bg-indigo-600{background-color:#4f46e5}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-50\/75{background-color:#ecfdf5cc}.bg-emerald-600{background-color:#059669}.bg-amber-50{background-color:#fffbeb}.bg-amber-50\/75{background-color:#fffbebcc}.bg-amber-500{background-color:#f59e0b}.bg-violet-50\/75{background-color:#f5f3ffcc}.bg-violet-600{background-color:#7c3aed}.bg-rose-500{background-color:#f43f5e}.bg-gradient-to-r.from-indigo-600.to-violet-600{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.bg-gradient-to-r.from-indigo-600.via-violet-600.to-purple-600{background:linear-gradient(90deg,#4f46e5,#7c3aed,#9333ea)}.bg-gradient-to-r.from-indigo-400.to-emerald-400{background:linear-gradient(90deg,#818cf8,#34d399)}.bg-gradient-to-r.from-slate-950\/90.via-slate-900\/65.to-transparent{background:linear-gradient(90deg,#020617eb,#0f172aad 62%,#0f172a1a)}.bg-gradient-to-br.from-slate-900.via-indigo-950.to-slate-900{background:linear-gradient(135deg,#0f172a,#1e1b4b 55%,#0f172a)}.text-left{text-align:left}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[10\.5px\]{font-size:10.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[13\.5px\]{font-size:13.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.02em}.tracking-wider{letter-spacing:.05em}.leading-none{line-height:1}.leading-snug{line-height:1.3}.leading-relaxed{line-height:1.55}.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-indigo-100{color:#e0e7ff}.text-indigo-200{color:#c7d2fe}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-amber-300{color:#fcd34d}.text-amber-600{color:#d97706}.text-amber-800{color:#92400e}.text-amber-900{color:#78350f}.text-rose-500{color:#f43f5e}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.max-h-\[220px\]{max-height:220px}.select-none{-webkit-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.outline-none{outline:none}.resize-none{resize:none}.accent-indigo-600{accent-color:#4F46E5}.brightness-0.invert{filter:brightness(0) invert(1)}.opacity-0{opacity:0}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow-2xs{box-shadow:0 1px 2px #0f172a0a}.shadow-xs{box-shadow:0 1px 3px #0f172a0f}.shadow-sm{box-shadow:0 2px 6px #0f172a14}.shadow{box-shadow:0 4px 10px #0f172a1f}.shadow-md{box-shadow:0 6px 16px #0f172a24}.shadow-lg{box-shadow:0 10px 24px #0f172a38}.shadow-xl{box-shadow:0 14px 30px #0f172a47}.shadow-2xl{box-shadow:0 20px 42px #0f172a5c}.transition{transition:all .18s ease}.transition-all{transition:all .22s ease}.transition-opacity{transition:opacity .45s ease}.duration-500{transition-duration:.5s}button{border:none;background:none;cursor:pointer}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:9999px}.h-\[134px\]{height:134px}.h-\[116px\]{height:116px}.h-\[78px\]{height:78px}.w-\[146px\]{width:146px}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-28{width:7rem}.w-32{width:8rem}.left-1\.5{left:.375rem}.pt-2\.5{padding-top:.625rem}.pb-3{padding-bottom:.75rem}.mb-1\.5{margin-bottom:.375rem}.text-\[9\.5px\]{font-size:9.5px}.text-\[11\.5px\]{font-size:11.5px}.text-\[12\.5px\]{font-size:12.5px}.leading-tight{line-height:1.25}.max-w-\[165px\]{max-width:165px}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.pb-4{padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.space-y-3\.5>*+*{margin-top:.875rem}input,textarea{border:none;outline:none}