/* Dark theme (default) — dark background pages */
    .throwable-scene {
        width: 100%;
        height: 500px;
        --tcap-bg: #111;
        --tcap-color: #fff;
        --tcap-border: #fff;
    }

    /* Light theme — light background pages */
    .throwable-scene.throwable-scene--light {
        --tcap-bg: #fff;
        --tcap-color: #1a1a1a;
        --tcap-border: 1px solid rgba(0,0,0,0.12);
    }

    .throwable-item {
        padding: 12px 22px;
        background: var(--tcap-bg);
        color: var(--tcap-color);
        border: var(--tcap-border);
        border-radius: 50px;
        white-space: nowrap;
        font-size: 16px;
        user-select: none;
        cursor: grab;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    }

    .throwable-scene--light .throwable-item {
        box-shadow: 0 1px 4px rgba(0,0,0,0.12);
        background: #fff;
        color:#000
    }

    /* Override body.light-mode p, span, li { color: #333 !important } — capsule apna color rakhe */
    body.light-mode .throwable-scene .throwable-item {
        color: var(--tcap-color) !important;
    }