:root{--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(203, 213, 225, .6);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--text-primary: #0f172a;--bg-gradient-from: #ffffff;--bg-gradient-to: #f1f5f9}.dark{--glass-bg: rgba(15, 23, 42, .9);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--text-primary: #f3f4f6;--bg-gradient-from: #0f172a;--bg-gradient-to: #020617}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-from),var(--bg-gradient-to));background-attachment:fixed;color:var(--text-primary);min-height:100vh}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.glass-card:hover{border-color:#3b82f680;box-shadow:0 0 15px #3b82f64d;transform:translateY(-2px)}.glass-sidebar{background:var(--sidebar-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--sidebar-border);box-shadow:var(--glass-shadow);position:fixed;top:1rem;left:1rem;bottom:1rem;border-radius:1rem;z-index:20}.glass-sidebar.sidebar-open{transform:translate(0)}.glass-sidebar.sidebar-closed{transform:translate(-120%)}.glass-sidebar.history-sidebar{z-index:50}.glass-main-content{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;margin:1rem;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3afcc}