:root {
            --hs-bg: #fdfbf7;
            --hs-text: #2c2c2c;
            --hs-green: #00A676;
            --hs-green-primary: #00A676;
            --hs-blue: #62B1F6;
            --hs-orange: #FFCB5B;
            --hs-red: #EF4444;
            /* DISC D */
            --hs-yellow: #F59E0B;
            /* DISC I */
            --hs-green-disc: #10B981;
            /* DISC S */
            --hs-purple: #8B5CF6;
            /* DISC C */
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--hs-bg);
            color: var(--hs-text);
            overflow: hidden;
            /* Fullscreen, no scroll */
            margin: 0;
            padding: 0;
            display: flex;
            height: 100vh;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: 'Nunito', sans-serif;
            letter-spacing: -0.02em;
        }

        /* Hide scrollbars but keep functionality */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Presentation Frame Layout */
        #cp-sidebar {
            width: 250px;
            background: white;
            border-right: 2px solid #f3f4f6;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease;
            z-index: 50;
        }

        #cp-sidebar.collapsed {
            transform: translateX(-250px);
            position: absolute;
            height: 100%;
        }

        #cp-main-stage {
            flex: 1;
            position: relative;
            background-color: var(--hs-bg);
            /* Match background */
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            /* Fullscreen */
            transition: all 0.3s ease;
        }

        /* Slide Container */
        .slide-container {
            width: 100%;
            height: 100dvh;
            max-width: none;
            background: transparent;
            border-radius: 0;
            box-shadow: none;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        /* Individual Slide View */
        .slide {
            position: absolute;
            inset: 0;
            padding: 4rem;
            opacity: 0;
            filter: blur(20px);
            transform: scale(1.02);
            pointer-events: none;
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .slide.active {
            opacity: 1;
            transform: scale(1);
            filter: blur(0);
            pointer-events: auto;
            z-index: 10;
        }



        /* Presentation Controls (Floating Bottom Right) */
        .presentation-controls {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            background: white;
            padding: 0.5rem;
            border-radius: 9999px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            display: flex;
            gap: 0.5rem;
            z-index: 100;
        }

        .control-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--hs-text);
            background: transparent;
            border: none;
            cursor: pointer;
            transition: all 0.2s;
        }

        .control-btn:hover {
            background: #f3f4f6;
        }

        .control-btn:active {
            transform: scale(0.95);
        }

        /* Interactive Element Styles */
        .interactive-disc-card {
            border: 4px solid transparent;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .interactive-disc-card:hover {
            transform: scale(1.05);
        }