*{
        margin:0;
        padding:0;
        box-sizing:border-box;
        font-family: "Segoe UI", "PingFang SC", sans-serif;
    }

    body{
        overflow:hidden;
        background:#050816;
        color:#d8ecff;
    }

    canvas{
        position:absolute;
        right:220px;
    }

    #menuBtn{

        position: fixed;

        top: 20px;
        left: 20px;

        z-index: 20;

        width: auto;
        padding: 12px 18px;

        border: none;
        border-radius: 14px;

        background: rgba(20,40,80,0.85);

        color: #d8ecff;

        font-size: 15px;

        cursor: pointer;

        backdrop-filter: blur(10px);

        border: 1px solid rgba(120,180,255,0.25);

        box-shadow:
            0 0 18px rgba(0,140,255,0.25);

        transition: 0.25s;
    }

    #menuBtn:hover{

        transform: translateY(-2px);

        background: rgba(40,80,140,0.95);

        box-shadow:
            0 0 24px rgba(80,180,255,0.45);
    }

    .panel{
        position:fixed;
        top:0px;
        right:0px;
        width:320px;
        padding:18px;
        height: 100vh;
        overflow-y: auto;
        border-radius:18px;
        background:rgba(10,18,40,0.78);
        border:1px solid rgba(80,160,255,0.25);
        backdrop-filter: blur(12px);
        box-shadow:
            0 0 25px rgba(0,140,255,0.18),
            inset 0 0 20px rgba(255,255,255,0.03);
        z-index:10;
    }

    .panel h2{
        margin-bottom:14px;
        font-size:20px;
        color:#7fd3ff;
        letter-spacing:1px;
    }

    .group{
        margin-bottom:14px;
    }

    .group label{
        display:block;
        margin-bottom:6px;
        font-size:13px;
        color:#b8d9ff;
    }

    input[type=range]{
        width:100%;
    }

    select, button{
        width:100%;
        padding:8px;
        border:none;
        border-radius:10px;
        background:#101f44;
        color:white;
        margin-top:4px;
    }

    .checkbox-row{
        display:flex;
        gap:12px;
        margin-top:8px;
    }

    .checkbox-row label{
        display:flex;
        align-items:center;
        gap:6px;
        cursor:pointer;
    }

    .value{
        color:#4fdfff;
        font-weight:bold;
    }

    .footer{
        margin-top:10px;
        font-size:12px;
        opacity:0.7;
    }