:root{
    --nvp-panel: rgba(18, 13, 33, .76);
    --nvp-panel-border: rgba(255,255,255,.16);
    --nvp-panel-text: rgba(255,255,255,.96);
    --nvp-panel-soft: rgba(255,255,255,.80);
    --nvp-shadow: 0 20px 48px rgba(0,0,0,.35);
}
.nvp-top-right-controls{
    position:fixed; top:16px; right:16px; z-index:99970;
    display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end;
}
.nvp-ui-btn,.nvp-close-btn{
    border:none; outline:none; color:#fff;
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
    border:1px solid rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 20px rgba(0,0,0,.22);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.nvp-ui-btn{ height:42px; padding:0 16px; border-radius:999px; cursor:pointer; font-weight:700; }
.nvp-move-ok{border-color:rgba(255,230,170,.7)}
.nvp-export-btn{border-color:rgba(120,238,255,.7)}
.nvp-info-popup{ position:fixed; top:70px; right:16px; z-index:99971; width:min(520px, calc(100vw - 32px)); display:none; }
.nvp-info-popup.open{display:block}
.nvp-prompt-popup{ top:120px; right:16px; width:min(760px, calc(100vw - 32px)); }
.nvp-info-card{
    background:var(--nvp-panel); border:1px solid var(--nvp-panel-border); border-radius:26px;
    box-shadow:var(--nvp-shadow); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.nvp-info-head{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:16px 18px 10px 18px; border-bottom:1px solid rgba(255,255,255,.10);
}
.nvp-info-head h2{ margin:0; font-size:24px; color:var(--nvp-panel-text); font-weight:700; }
.nvp-close-btn{ width:38px; height:38px; border-radius:999px; cursor:pointer; font-size:24px; line-height:1; }
.nvp-info-body{ padding:16px 18px 18px 18px; }
.nvp-info-body p{ margin:0 0 12px 0; color:var(--nvp-panel-soft); line-height:1.5; font-size:14px; }
.nvp-prompt-text{
    width:100%; height:320px; border-radius:18px; border:1px solid rgba(255,255,255,.14);
    background:rgba(10,10,18,.5); color:#fff; padding:14px; font:13px/1.45 'Segoe UI',Arial,sans-serif; resize:vertical;
}
body.nvp-move-mode [data-move="true"],
body.nvp-move-mode #transcript,
body.nvp-move-mode #translation,
body.nvp-move-mode #status,
body.nvp-move-mode #nvResultPopup,
body.nvp-move-mode #nvTranstextePopup,
body.nvp-move-mode #nv-profile-bubble,
body.nvp-move-mode #activeLangIndicator{
    cursor:grab !important;
}
body.nvp-move-mode [data-move="true"]:active,
body.nvp-move-mode #transcript:active,
body.nvp-move-mode #translation:active,
body.nvp-move-mode #status:active,
body.nvp-move-mode #nvResultPopup:active,
body.nvp-move-mode #nvTranstextePopup:active,
body.nvp-move-mode #nv-profile-bubble:active,
body.nvp-move-mode #activeLangIndicator:active{
    cursor:grabbing !important;
}
.nvp-selection-ring{
    position:fixed; display:none; pointer-events:none; z-index:99972;
    border:2px dashed rgba(255,230,170,.85);
    box-shadow:0 0 26px rgba(255,215,140,.22), inset 0 0 18px rgba(255,240,200,.08);
    border-radius:12px; background:rgba(255,230,170,.06);
}
.nvp-selection-label{
    position:absolute; top:-30px; left:0; padding:6px 10px; border-radius:999px;
    background:rgba(16,12,34,.92); border:1px solid rgba(255,255,255,.14);
    color:#fff; font-size:12px; box-shadow:0 8px 18px rgba(0,0,0,.22); white-space:nowrap;
}
@media (max-width: 900px){
    .nvp-top-right-controls{left:16px}
    .nvp-info-popup{top:122px}
    .nvp-prompt-popup{top:174px}
}
