:root{--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--bg-card-page: #f4f7f6;--text: #0f172a;--text-2: #334155;--text-3: #526071;--danger: #dc2626;--radius-card: 24px;--radius-input: 14px;--rail-width: 92px;--chat-wallpaper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none' stroke='%2315803d' stroke-opacity='0.09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 16h26a7 7 0 0 1 7 7v9a7 7 0 0 1-7 7H30l-8 6v-6h-4a7 7 0 0 1-7-7v-9a7 7 0 0 1 7-7z'/%3E%3Cpath d='M27 23v10M27 28l6-5M29 27l5 6'/%3E%3Cpath d='M118 40c-8-6-13-10-13-15a6 6 0 0 1 13-2 6 6 0 0 1 13 2c0 5-5 9-13 15z'/%3E%3Cpath d='M44 100l4 8 9 1.3-6.5 6.3 1.5 9-8-4.2-8 4.2 1.5-9-6.5-6.3 9-1.3z'/%3E%3Cpath d='M140 80v14M133 87h14'/%3E%3Ccircle cx='86' cy='78' r='3'/%3E%3Ccircle cx='100' cy='146' r='2.5'/%3E%3Cpath d='M92 120h22a6 6 0 0 1 6 6v6a6 6 0 0 1-6 6h-14l-6 5v-5h-2a6 6 0 0 1-6-6v-6a6 6 0 0 1 6-6z'/%3E%3C/svg%3E") 0 0 / 160px 160px, radial-gradient(circle at 100% 0%, rgba(74, 222, 128, .22), transparent 42%), radial-gradient(circle at 0% 100%, rgba(250, 204, 21, .14), transparent 40%), linear-gradient(160deg, #eef2ef 0%, #e7ede9 100%)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--text);font-family:Noto Sans Thai Looped,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}h1,h2{font-family:Prompt,Noto Sans Thai Looped,sans-serif;font-weight:700}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}app-root{display:block;max-width:560px;margin:0 auto}@media(min-width:600px){body{background:#e9efed}app-root{box-shadow:0 0 0 1px #dfe6e3}app-root:has(>app-login){max-width:none;box-shadow:none}}@media(min-width:600px)and (max-width:959px){app-root{max-width:720px}}@media(min-width:960px){body{background:var(--bg-card-page)}app-root{max-width:none;box-shadow:none}app-root:has(>app-bottom-nav.rail){padding-left:var(--rail-width)}app-root app-bottom-nav:not(.rail){display:none}app-root>:is(app-contacts,app-friend-search,app-scan,app-add-friend,app-notification-opened,app-push-test){width:100%;max-width:760px;min-height:100dvh;margin-inline:auto;box-shadow:0 0 0 1px #e2e8f0,0 10px 40px -20px #0f172a1f}app-root>app-notification-opened{display:block}app-root>app-bots{width:100%;max-width:1040px;min-height:100dvh;margin-inline:auto;box-shadow:0 0 0 1px #e2e8f0}app-root:has(app-chat-room),app-root:has(>app-chat-list){max-width:none;display:flex;height:100dvh}app-root:has(>app-chat-list)>app-chat-list{flex:none;width:380px;border-right:1px solid #e2e8f0}app-root:has(app-chat-room)>app-chat-room{flex:1;min-width:0}app-root:has(>app-chat-list):after{content:"\e40\e25\e37\e2d\e01\e41\e0a\e17\e17\e32\e07\e0b\e49\e32\e22\e40\e1e\e37\e48\e2d\e40\e23\e34\e48\e21\e04\e38\e22";flex:1;display:grid;place-items:center;background:var(--chat-wallpaper);color:var(--text-3);font-size:16px}}