*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0F172A;--surface: #1E293B;--border: #334155;--text: #F8FAFC;--muted: #94A3B8;--accent: #4F46E5;--accent-light: #818CF8;--error: #F87171;--success: #34D399;--green: #22C55E;--yellow: #EAB308;--red: #EF4444;--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--color-border: rgba(0,0,0,.1);--bar-track: #e5e7eb}@media (prefers-color-scheme: dark){:root{--bg: #0f1117;--surface: #1a1d27;--border: rgba(255,255,255,.08);--text: #f9fafb;--muted: #9ca3af;--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #1a1d27;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--color-border: rgba(255,255,255,.08);--bar-track: #374151}}body{background:var(--bg-primary, var(--bg));color:var(--text-primary, var(--text));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;font-size:15px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}input,button,textarea,select{font-family:inherit;font-size:inherit}@media (max-width: 640px){input,textarea,select{font-size:16px!important}}button{cursor:pointer;min-height:44px}a{color:inherit;text-decoration:none}body{overflow-x:hidden}.layout-root{display:flex;flex-direction:column;min-height:100vh}.layout-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border, var(--border));background:var(--bg-primary, var(--bg));flex-shrink:0}.layout-topbar-title{font-size:17px;font-weight:600}.layout-topbar-user{font-size:13px;color:var(--muted)}.layout-signout{background:none;border:none;color:var(--accent-light);font-size:13px;min-height:44px;padding:0 4px}.layout-main{flex:1;overflow-y:auto}.layout-content{max-width:640px;margin:0 auto;padding:16px 20px;width:100%}.layout-tabs{display:flex;border-top:1px solid var(--color-border, var(--border));background:var(--bg-primary, var(--bg));flex-shrink:0}.layout-tab{flex:1;padding:12px 8px;text-align:center;font-size:13px;color:var(--muted);border-bottom:none;transition:color .15s;min-height:44px;display:flex;align-items:center;justify-content:center}.layout-tab-active{color:var(--accent-light)}@media (max-width: 640px){.layout-root{padding-bottom:0}.layout-tabs{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--color-border, var(--border));z-index:100;padding-bottom:env(safe-area-inset-bottom)}.layout-main{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.layout-topbar-user{display:none}}@keyframes skeleton-shimmer{0%,to{opacity:1}50%{opacity:.4}}.skeleton-shimmer{animation:skeleton-shimmer 1.4s ease-in-out infinite}