/* Theme Variable Design System Engine */
        :root {
            --oa-bg-dark: rgba(4, 5, 13, 0.9);
            --oa-card-bg: rgba(13, 15, 30, 0.75);
            --oa-border: rgba(255, 255, 255, 0.08);
            --oa-text-main: #ffffff;
            --oa-text-muted: #8c91a3;
            
            /* State Theme Profiles */
            --oa-success: #00f2fe; 
            --oa-error: #ff0055;   
            --oa-warning: #ffb703; 
            --oa-info: #b5179e;    
        }

        /* ==========================================================================
           OneAlert Adaptive Engine Layout & Position Matrix
           ========================================================================== */
        
        /* Master Root Base Mount Layer */
        .onealert-container {
            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
            z-index: 99999; pointer-events: none;
            display: flex; padding: 2rem; box-sizing: border-box;
            transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
        }

        /* DISPLAY VARIANT 1: Modal Window Overrides */
        .onealert-container.mode-window {
            background: var(--oa-bg-dark);
            backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
            pointer-events: auto; opacity: 0;
        }
        .onealert-container.mode-window.oa-active { opacity: 1; }

        /* DISPLAY VARIANT 2: Global Corner Toast Overrides */
        .onealert-container.mode-toast {
            background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
        }

        /* Explicit Dynamic Position Matrix Mapping Engine */
        .onealert-container.pos-center { justify-content: center; align-items: center; }
        
        .onealert-container.pos-top-left { justify-content: flex-start; align-items: flex-start; }
        .onealert-container.pos-top-center { justify-content: center; align-items: flex-start; }
        .onealert-container.pos-top-right { justify-content: flex-end; align-items: flex-start; }
        
        .onealert-container.pos-bottom-left { justify-content: flex-start; align-items: flex-end; }
        .onealert-container.pos-bottom-center { justify-content: center; align-items: flex-end; }
        .onealert-container.pos-bottom-right { justify-content: flex-end; align-items: flex-end; }

        /* Unified Card Core Architecture Template */
        .oa-box {
            background: var(--oa-card-bg);
            border: 1px solid var(--oa-border);
            box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.08);
            position: relative; overflow: hidden; pointer-events: auto;
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
        }

        /* Modal Layout Rules */
        .onealert-container.mode-window .oa-box {
            border-radius: 24px; width: 100%; max-width: 440px;
            padding: 2.5rem 2rem; text-align: center;
            transform: scale(0.85) translateY(20px);
        }
        .onealert-container.mode-window.oa-active .oa-box { transform: scale(1) translateY(0); }

        /* Toast Layout Rules (Calculates Entry Paths Based on Quadrant Anchor Location) */
        .onealert-container.mode-toast .oa-box {
            border-radius: 16px; width: 360px;
            padding: 1.25rem; text-align: left;
            opacity: 0; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
            background: rgba(10, 12, 22, 0.95);
            backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);
        }

        /* Directional Entry Animations for Toasts */
        .onealert-container.mode-toast[class*="top-"] .oa-box { transform: translateY(-40px) scale(0.95); }
        .onealert-container.mode-toast[class*="bottom-"] .oa-box { transform: translateY(40px) scale(0.95); }
        .onealert-container.mode-toast.pos-center .oa-box { transform: scale(0.9) translateY(0); }
        
        .onealert-container.mode-toast.oa-active .oa-box { transform: translateY(0) scale(1); opacity: 1; }

        /* Icon Component Modifiers */
        .oa-icon-shell {
            display: flex; justify-content: center; align-items: center;
            font-weight: bold; position: relative;
        }
        
        .onealert-container.mode-window .oa-icon-shell {
            width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 1.25rem auto; font-size: 1.5rem;
        }
        .onealert-container.mode-toast .oa-icon-shell {
            width: 32px; height: 32px; border-radius: 10px; font-size: 1rem; float: left; margin-right: 12px;
        }

        /* Color-State Configurations */
        .oa-box[data-state="success"] .oa-icon-shell { border: 1px solid var(--oa-success); color: var(--oa-success); box-shadow: 0 0 15px rgba(0, 242, 254, 0.2); background: rgba(0, 242, 254, 0.03); }
        .oa-box[data-state="error"] .oa-icon-shell { border: 1px solid var(--oa-error); color: var(--oa-error); box-shadow: 0 0 15px rgba(255, 0, 85, 0.2); background: rgba(255, 0, 85, 0.03); }
        .oa-box[data-state="warning"] .oa-icon-shell { border: 1px solid var(--oa-warning); color: var(--oa-warning); box-shadow: 0 0 15px rgba(255, 183, 3, 0.2); background: rgba(255, 183, 3, 0.03); }
        .oa-box[data-state="info"] .oa-icon-shell { border: 1px solid var(--oa-info); color: var(--oa-info); box-shadow: 0 0 15px rgba(181, 23, 158, 0.2); background: rgba(181, 23, 158, 0.03); }

        /* Typography Adapters */
        .oa-title-text { color: var(--oa-text-main); font-weight: 700; margin: 0; letter-spacing: -0.4px; }
        .onealert-container.mode-window .oa-title-text { font-size: 1.35rem; margin-bottom: 0.75rem; }
        .onealert-container.mode-toast .oa-title-text { font-size: 1rem; line-height: 32px; height: 32px; }

        /* Dynamic Content Slot */
        .oa-body-content { color: var(--oa-text-muted); font-size: 0.92rem; line-height: 1.5; }
        .onealert-container.mode-window .oa-body-content { margin-bottom: 1.75rem; text-align: left; max-height: 200px; overflow-y: auto; }
        .onealert-container.mode-toast .oa-body-content { margin-top: 0.75rem; margin-bottom: 0.5rem; clear: both; font-size: 0.85rem; }

        /* Structured Node Array Mapping Layouts */
        .oa-list-node { list-style: none; padding: 0; margin: 0; }
        .oa-item-node { 
            padding: 0.5rem 0.75rem; background: rgba(255, 255, 255, 0.02);
            border-radius: 8px; margin-bottom: 0.4rem; border: 1px solid rgba(255, 255, 255, 0.04);
            font-size: 0.85rem; display: flex; gap: 8px;
        }
        .oa-key-label { font-weight: 600; text-transform: capitalize; color: var(--oa-text-main); }

        /* Button Action Strip Interfaces */
        .oa-btn-container { display: flex; gap: 10px; width: 100%; justify-content: center; }
        .onealert-container.mode-toast .oa-btn-container { justify-content: flex-end; margin-top: 0.75rem; }

        .oa-action-trigger {
            border: none; font-weight: 600; cursor: pointer; transition: all 0.2s ease; text-align: center;
        }
        .onealert-container.mode-window .oa-action-trigger { padding: 0.8rem 1.25rem; border-radius: 12px; font-size: 0.9rem; flex: 1; }
        .onealert-container.mode-toast .oa-action-trigger { padding: 0.4rem 0.8rem; border-radius: 8px; font-size: 0.78rem; }

        /* Visual Style Hierarchies */
        .oa-trigger-primary { background: linear-gradient(90deg, #6366f1, #a855f7); color: #ffffff; }
        .oa-trigger-primary:hover { transform: translateY(-1px); filter: brightness(1.1); }
        
        .oa-box[data-state="warning"] .oa-trigger-primary { background: linear-gradient(90deg, #ffb703, #ff8800); color: #04050d; }

        .oa-trigger-secondary { background: rgba(255, 255, 255, 0.05); color: var(--oa-text-muted); border: 1px solid rgba(255, 255, 255, 0.06); }
        .oa-trigger-secondary:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; }

        /* Live Core Runtime Timeline Progress Ribbon */
        .oa-timeline-ribbon { position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; transform-origin: left; transform: scaleX(1); }
        .oa-box[data-state="success"] .oa-timeline-ribbon { background: var(--oa-success); }
        .oa-box[data-state="error"] .oa-timeline-ribbon { background: var(--oa-error); }
        .oa-box[data-state="warning"] .oa-timeline-ribbon { background: var(--oa-warning); }
        .oa-box[data-state="info"] .oa-timeline-ribbon { background: var(--oa-info); }