:root{--bg-color: #08090b;--bg-gradient: radial-gradient(circle at 50% 0%, rgba(200, 200, 220, .09) 0%, #08090b 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-color: #cbd5e1;--accent-glow: rgba(255, 255, 255, .12);--accent-hover: #f1f5f9;--secondary-accent: #475569;--secondary-glow: rgba(255, 255, 255, .05);--success-color: #10b981;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .07);--shadow-color: rgba(0, 0, 0, .7);--sticky-search-bg: rgba(8, 9, 11, .95);--btn-bg: rgba(255, 255, 255, .04);--btn-border: rgba(255, 255, 255, .06);--btn-bg-hover: rgba(255, 255, 255, .08);--glass-input-bg: rgba(255, 255, 255, .015);--glass-input-ph: rgba(255, 255, 255, .25);--sidebar-bg: rgba(15, 16, 18, .9);--sidebar-menu-btn-bg: rgba(255, 255, 255, .03);font-family:Plus Jakarta Sans,IBM Plex Sans Thai,Noto Sans Thai,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background:var(--bg-color);min-height:100vh;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.theme-2{--bg-color: #030303;--bg-gradient: none;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #f8fafc;--accent-glow: rgba(255, 255, 255, .2);--accent-hover: #ffffff;--secondary-accent: #27272a;--secondary-glow: rgba(255, 255, 255, .08);--success-color: #10b981;--card-bg: #0a0a0a;--card-border: #27272a;--shadow-color: rgba(0, 0, 0, .9);--sticky-search-bg: rgba(3, 3, 3, .98);--btn-bg: #18181b;--btn-border: #3f3f46;--btn-bg-hover: #27272a;--glass-input-bg: #09090b;--glass-input-ph: #52525b;--sidebar-bg: #09090b;--sidebar-menu-btn-bg: #18181b}:root.theme-2 body{background-color:#000;background-image:none}:root.theme-2 #root{border-radius:0;border:1px solid #27272a;box-shadow:0 0 0 1px #3f3f46}:root.theme-2 .glass-panel{backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:4px;box-shadow:none;border:1px solid var(--card-border)}:root.theme-2 .glass-panel:hover{border-color:#71717a;box-shadow:none}:root.theme-2 .glass-button{border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none}:root.theme-2 .glass-button.primary{background:#fff;border-color:#fff;color:#000;box-shadow:none;text-transform:uppercase;letter-spacing:1px}:root.theme-2 .glass-button.primary:hover{background:#e4e4e7;box-shadow:none}:root.theme-2 input.glass-input{border-radius:4px;background:#000;border:1px solid #3f3f46}:root.theme-2 input.glass-input:focus{border-color:#fff;box-shadow:none}:root.light-mode{--bg-color: #f1f5f9;--bg-gradient: radial-gradient(circle at 50% 0%, #ffffff 0%, #f1f5f9 100%);--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #475569;--accent-glow: rgba(71, 85, 105, .12);--accent-hover: #1e293b;--secondary-accent: #94a3b8;--secondary-glow: rgba(148, 163, 184, .12);--success-color: #059669;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(0, 0, 0, .06);--shadow-color: rgba(15, 23, 42, .06);--sticky-search-bg: rgba(241, 245, 249, .95);--btn-bg: rgba(0, 0, 0, .03);--btn-border: rgba(0, 0, 0, .05);--btn-bg-hover: rgba(0, 0, 0, .06);--glass-input-bg: rgba(255, 255, 255, .85);--glass-input-ph: rgba(0, 0, 0, .35);--sidebar-bg: rgba(255, 255, 255, .95);--sidebar-menu-btn-bg: rgba(0, 0, 0, .04);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body{width:100%;height:100%;overflow:hidden!important;overflow-x:hidden!important;margin:0;padding:0;position:fixed}*::-webkit-scrollbar:horizontal{display:none!important;height:0px!important}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#030405;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.02) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.01) 0%,transparent 40%)}#root{width:100%;max-width:440px;height:92vh;max-height:860px;background:var(--bg-color);background-image:var(--bg-gradient);position:relative;overflow:hidden;border-radius:36px;border:8px solid #141517;box-shadow:0 25px 60px -10px #000000e6,0 0 0 1px #ffffff08,0 0 30px #ffffff0d;transition:all .3s ease}@media(max-width:540px){#root{max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none;overflow:hidden}}h1,h2,h3,h4{font-family:Outfit,IBM Plex Sans Thai,Noto Sans Thai,sans-serif;letter-spacing:-.02em}h1{font-size:2.2rem;font-weight:900;line-height:1.1;margin-bottom:.5rem}h2{font-size:1.6rem;font-weight:800}h3{font-size:1.25rem;font-weight:700}p{color:var(--text-secondary)}.glass-panel{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 32px #0006;transition:all .3s cubic-bezier(.2,.8,.2,1)}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 12px 40px #ffffff0d}.glass-button{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:14px;padding:.85rem 1.2rem;color:var(--text-primary);font-weight:700;font-family:Plus Jakarta Sans,IBM Plex Sans Thai,Noto Sans Thai,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:.5rem}.glass-button:hover{background:var(--btn-bg-hover);transform:translateY(-2px);border-color:#ffffff26}.glass-button:active{transform:translateY(0)}.glass-button.primary{background:linear-gradient(135deg,#fff,#cbd5e1);border-color:#fff3;color:#0f172a;box-shadow:0 4px 15px var(--accent-glow)}.glass-button.primary:hover{background:linear-gradient(135deg,#fff,#e2e8f0);box-shadow:0 6px 20px #ffffff40}.glass-button.secondary{background:linear-gradient(135deg,#475569,#334155);border-color:#ffffff14;box-shadow:0 4px 15px var(--secondary-glow)}.glass-button.secondary:hover{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 6px 20px #ffffff1a}input.glass-input{background:var(--glass-input-bg);border:1px solid var(--card-border);border-radius:14px;padding:1rem;color:var(--text-primary);width:100%;font-size:1rem;font-family:inherit;transition:all .3s}input.glass-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}input.glass-input::placeholder{color:var(--glass-input-ph)}.app-container{height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem;padding-bottom:24px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scrollable-content::-webkit-scrollbar{width:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.badge-neon{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.3rem}.badge-cyan{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.glow-hover:hover{box-shadow:0 0 20px #ffffff0f;border-color:#ffffff26}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:75px;scroll-padding-bottom:75px}.snap-card{scroll-snap-align:center;scroll-snap-stop:always}.purge-scroll::-webkit-scrollbar{display:none}.image-card-container{position:relative}.image-control-overlay{opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.4,0,.2,1)}.image-card-container:hover .image-control-overlay,.image-card-container:focus-within .image-control-overlay{opacity:1;pointer-events:auto}.image-control-overlay.always-visible{opacity:1;pointer-events:auto}.flip-card-container{perspective:1000px;width:100%;position:relative;flex-shrink:0}.flip-card-inner{position:relative;width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.low-graphics .glass-panel,.low-graphics .glass-button,.low-graphics .glass-input{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.low-graphics .pulse,.low-graphics .animate-pulse,.low-graphics .shimmer{animation:none!important}.low-graphics .glow-hover:hover{box-shadow:none!important}.low-graphics *,.low-graphics *:before,.low-graphics *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.low-graphics .glass-panel,.low-graphics .glass-button,.low-graphics .glass-input,.low-graphics [class*=glass]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.low-graphics img{filter:none!important}