.proxy-panel {
    padding: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}


.scramjet-frame {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: none;
    border-radius: 0;
}

/* ==============================
   PROXY AGREEMENT
============================== */

.proxy-disclaimer{

    position:absolute;
    inset:0;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:60px;

    background:rgba(6,6,5,.92);
    backdrop-filter:blur(10px);

    z-index:50;

    animation:proxyFade var(--speed-slow) var(--curve);

}

@keyframes proxyFade{
    from{ opacity:0; }
    to{ opacity:1; }
}

.proxy-agreement{

    width:min(620px,90%);
    max-height:78vh;

    overflow-y:auto;

    padding-right:10px;

}

.proxy-agreement::-webkit-scrollbar{

    width:6px;

}

.proxy-agreement::-webkit-scrollbar-thumb{

    background:var(--border-strong);
    border-radius:999px;

}

.proxy-agreement-header{

    text-align:center;

    margin-bottom:38px;

}

.proxy-agreement-header .icon-tile{

    width:52px;
    height:52px;

    border-radius:12px;

    background:var(--surface);
    border:1px solid var(--border-strong);

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 18px;

}

.proxy-agreement-header .icon-tile svg{

    width:21px;
    height:21px;

    fill:none;
    stroke:var(--accent);
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;

}

.proxy-agreement-header h1{

    font-family:var(--font-display);
    font-weight:600;
    font-size:32px;
    letter-spacing:-.02em;
    color:var(--white);

}

.proxy-agreement-header p{

    margin-top:10px;

    color:var(--muted);
    line-height:1.65;
    font-size:14.5px;

}

.proxy-agreement section{

    padding:22px 0;

    border-bottom:1px solid var(--border);

}

.proxy-agreement section:last-of-type{

    border-bottom:none;

}

.proxy-agreement h3{

    font-family:var(--font-display);
    font-weight:600;
    font-size:17px;
    letter-spacing:-.01em;

    margin-bottom:10px;

}

.proxy-agreement p{

    color:var(--muted);

    line-height:1.7;

    font-size:14px;

}

.proxy-actions{

    display:flex;
    justify-content:center;
    gap:10px;

    margin-top:32px;

}

.proxy-actions button{

    height:44px;

    padding:0 20px;

    border-radius:9px;

    font-size:13.5px;

    cursor:pointer;

    transition:background var(--speed) var(--curve),
               border-color var(--speed) var(--curve),
               color var(--speed) var(--curve);

}

.proxy-cancel{

    background:var(--surface);

    border:1px solid var(--border);

    color:var(--text);

}

.proxy-cancel:hover{

    background:var(--surface-2);
    border-color:var(--border-strong);

}

.proxy-accept{

    background:var(--surface-2);

    border:1px solid var(--accent);

    color:var(--accent);

    font-weight:600;

}

.proxy-accept:hover{

    background:var(--accent-dim);

}

/* ============ BROWSER WIP ============ */

.browser-wip{

    height:100%;
    width:100%;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    text-align:center;

    gap:6px;

    animation:browserFade .32s var(--curve);

}


.browser-wip-icon{

    width:56px;
    height:56px;

    border-radius:12px;

    background:var(--surface);

    border:1px solid var(--border);

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;

}


.browser-wip-icon svg{

    width:22px;
    height:22px;

    fill:none;

    stroke:var(--text);

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;

    opacity:.85;

}


.browser-wip h2{

    font-family:var(--font-display);

    font-size:28px;

    font-weight:600;

    letter-spacing:-.01em;

    color:var(--white);

}


.browser-wip p{

    font-size:14.5px;

    line-height:1.6;

    color:var(--muted);

    max-width:380px;

}


@keyframes browserFade{

    from{

        opacity:0;
        transform:translateY(8px);

    }

    to{

        opacity:1;
        transform:none;

    }

}