@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

* {
    box-sizing: border-box;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

html {
    color-scheme: dark;
}

body {
    min-height: 100vh;
    margin: 0;
    color: #f1f5f9;
    background:
        radial-gradient(circle at 15% 5%, rgba(37, 99, 235, 0.15), transparent 34rem),
        linear-gradient(135deg, #07111f 0%, #0f172a 48%, #111c2f 100%);
}

.page-glass {
    border: 1px solid rgba(71, 85, 105, 0.56);
    background: rgba(30, 41, 59, 0.82);
    box-shadow: 0 18px 45px rgba(2, 6, 23, 0.24);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.page-state {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.tmai-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 12000;
    max-width: min(560px, calc(100vw - 40px));
    padding: 13px 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    color: #fff;
    white-space: pre-line;
    overflow-wrap: anywhere;
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.38);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 220ms ease, transform 220ms ease;
}

.tmai-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.tmai-toast--success { background: rgba(5, 150, 105, 0.96); }
.tmai-toast--error { background: rgba(220, 38, 38, 0.96); }
.tmai-toast--warning { background: rgba(217, 119, 6, 0.96); }
.tmai-toast--info { background: rgba(37, 99, 235, 0.96); }

@media (max-width: 640px) {
    .tmai-toast {
        right: 12px;
        left: 12px;
        max-width: none;
    }
}