#novaMessageBox {
    position:fixed;
    right:24px;
    bottom:66px;
    width:min(360px,calc(100vw - 32px));
    padding:15px 16px;
    background:rgba(7,12,8,.97);
    border:1px solid #314731;
    border-left:3px solid #7c9ad8;
    border-radius:4px;
    box-shadow:0 8px 28px rgba(0,0,0,.5);
    z-index:99999;
    font-family:"VT323",monospace;
    color:#d8ded8;
    opacity:0;
    transform:translateY(12px);
    transition:opacity .3s ease,transform .3s ease;
    pointer-events:none;
}

.nova-show {
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
}

#novaHeader {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

#novaName {
    color:#8fa8ff;
    font:8px "Press Start 2P",monospace;
    letter-spacing:1px;
}

#novaName span {
    margin-left:8px;
    color:#758bc2;
    font-size:7px;
}

#novaText {
    margin-top:9px;
    color:#d8ded8;
    font-size:19px;
    line-height:1.18;
    white-space:pre-line;
}

#novaActions {
    display:flex;
    justify-content:flex-end;
    gap:7px;
    margin-top:13px;
}

#novaActions button,#novaHistoryButton {
    padding:6px 8px;
    border:1px solid #394139;
    background:#141914;
    color:#8fa8ff;
    font:7px "Press Start 2P",monospace;
    cursor:pointer;
}

#novaActions button:hover,#novaHistoryButton:hover {
    border-color:#8fa8ff;
    background:#20252f;
}

#novaMinimized {
    position:fixed;
    right:18px;
    bottom:70px;
    z-index:99998;
    display:none;
    align-items:center;
    gap:10px;
    min-width:150px;
    padding:9px 11px;
    border:1px solid #394139;
    border-left:3px solid #7c9ad8;
    background:rgba(9,13,10,.94);
    color:#ddd;
    box-shadow:0 6px 20px rgba(0,0,0,.35);
    cursor:pointer;
    font-family:"VT323",monospace;
    text-align:left;
}

#novaMinimized.show {
    display:flex;
}

#novaMinimized>span {
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border:1px solid #52607a;
    color:#8fa8ff;
    font:10px "Press Start 2P",monospace;
}

#novaMinimized b {
    display:block;
    color:#8fa8ff;
    font:8px "Press Start 2P",monospace;
}

#novaMinimized small {
    display:block;
    margin-top:3px;
    color:#777;
    font-size:15px;
}

#novaNewHint {
    display:none;
    margin-left:auto;
    padding:3px 5px;
    border:1px solid #d6a85e;
    color:#d6a85e;
    font:6px "Press Start 2P",monospace;
    font-style:normal;
}

#novaMinimized.new-hint #novaNewHint {
    display:block;
}

.nova-history-panel {
    position:fixed;
    right:24px;
    bottom:66px;
    z-index:100000;
    width:min(410px,calc(100vw - 32px));
    max-height:65vh;
    display:none;
    overflow:hidden;
    background:#0d120e;
    border:1px solid #394139;
    box-shadow:8px 8px 0 #000;
}

.nova-history-panel.show {
    display:block;
}

.nova-history-header {
    display:flex;
    justify-content:space-between;
    padding:13px;
    border-bottom:1px solid #303830;
    color:#8fa8ff;
    font:8px "Press Start 2P",monospace;
}

.nova-history-header button {
    border:0;
    background:none;
    color:#aaa;
    font-size:22px;
    cursor:pointer;
}

.nova-history-item {
    padding:13px;
    border-bottom:1px solid #252b25;
}

.nova-history-item b {
    display:block;
    color:#758bc2;
    font:7px "Press Start 2P",monospace;
}

.nova-history-item time {
    display:block;
    margin-top:5px;
    color:#666;
    font-size:15px;
}

.nova-history-item p {
    margin:7px 0 0;
    color:#bbb;
    font-size:18px;
    line-height:1.12;
    white-space:pre-line;
}

@media(max-width:600px) {
    #novaMessageBox {
        right:10px;
        bottom:58px;
    }

    #novaMinimized {
        right:10px;
        bottom:58px;
    }

    .nova-history-panel {
        right:10px;
        bottom:58px;
    }
}