:root{--bg-color: #f8fafc;--bg-card: #ffffff;--bg-input: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border-color: #f1f5f9;--accent-color: #2563eb;--accent-light: #eff6ff;--bubble-mine: #2563eb;--bubble-other: #ffffff;--bubble-text-mine: #ffffff;--bubble-text-other: #0f172a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}[data-theme=dark]{--bg-color: #121212;--bg-card: #1e1e1e;--bg-input: #2d2d2d;--text-main: #e0e0e0;--text-muted: #94a3b8;--border-color: #334155;--accent-color: #3b82f6;--accent-light: #1e293b;--bubble-mine: #3b82f6;--bubble-other: #2d2d2d;--bubble-text-mine: #ffffff;--bubble-text-other: #e0e0e0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}[data-theme=dark] img{border:1px solid var(--border-color)}html:not([data-theme=dark]) .rank-card-platinum,[data-theme=light] .rank-card-platinum{border:3px solid #64748b!important;box-shadow:0 0 12px #64748b66,inset 0 0 8px #64748b33!important;background:linear-gradient(135deg,#64748b0d,#64748b05)!important}html:not([data-theme=dark]) .rank-badge-platinum,[data-theme=light] .rank-badge-platinum{color:#475569!important;border-color:#475569!important}html:not([data-theme=dark]) .rank-avatar-platinum,[data-theme=light] .rank-avatar-platinum{border:3px solid #64748b!important;box-shadow:0 0 12px #64748b66,inset 0 0 8px #64748b33!important}@media (min-width: 768px){.layout-container{display:flex;max-width:1100px;margin:0 auto;min-height:100vh}.layout-sidebar{width:260px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;padding:1.5rem 1rem;border-right:1px solid var(--border-color);background:var(--bg-card)}.layout-main{flex:1;max-width:600px}.layout-header-mobile,.layout-nav-mobile,.layout-hamburger,.vision-header{display:none!important}}@media (max-width: 767px){.layout-sidebar{display:none!important}}