:root{--bg-dark: #181514;--bg-card: #201c1b;--primary: #f23b27;--primary-hover: #d32f2f;--accent: #eba126;--text-primary: #eee;--text-secondary: #aaa;--border: rgba(255, 255, 255, .08);--tagbar-height: 64px}body{margin:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,Noto Sans SC,Noto Sans Thai,sans-serif;-webkit-tap-highlight-color:transparent}.app-container{display:flex;flex-direction:column;height:100vh;max-width:600px;margin:0 auto;position:relative;background-color:var(--bg-dark);box-shadow:0 0 30px #000c;border-left:1px solid var(--border);border-right:1px solid var(--border);overflow:hidden}.app-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);background-color:#181514f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem}.logo-icon{color:var(--primary);font-size:1.3rem}.logo-text{background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lang-selector{display:flex;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2px;gap:2px}.lang-selector button{background:transparent;border:none;color:#ffffff80;padding:4px 10px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.75rem;transition:all .2s ease}.lang-selector button.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #f23b2766}.app-main{flex:1;overflow-y:auto;padding-bottom:var(--tagbar-height);scrollbar-width:none}.app-main::-webkit-scrollbar{display:none}.app-tagbar{position:absolute;bottom:0;left:0;width:100%;height:var(--tagbar-height);display:flex;justify-content:space-around;align-items:center;background-color:#201c1bf5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:100}.tag-item{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:4px 0}.tag-icon{font-size:1.3rem;margin-bottom:2px;position:relative}.tag-label{font-size:.75rem;font-weight:500}.tag-item.active{color:var(--primary)}.badge-count{position:absolute;top:-6px;right:-10px;background-color:var(--primary);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid var(--bg-card)}