.window {
width: 450px;
background: var(--card-bg);
backdrop-filter: blur(20px);
border: 1px solid var(--border);
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
overflow: hidden;
animation: fadeIn 0.5s ease-out;
}
@keyframes fadeIn {from { opacity: 0; transform: translateY(10px);} to { opacity: 1; transform: translateY(0);} }
.title-bar {
padding: 10px 15px;
background: rgba(255, 255, 255, 0.4);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
border-bottom: 1px solid var(--border);
}
.content { padding: 25px; }
h2 { font-weight: 400; margin-top: 0; font-size: 1.2rem; color: var(--accent);}
</style>