.deathnote .wrap{max-width:760px;}.note-form{padding:20px;border:1px solid var(--line);background:rgba(0,0,0,.45);margin-bottom:34px;}.note-form label{display:block;font-size:12px;letter-spacing:.1em;margin:0 0 8px;}.note-form label span,.form-bottom span{color:var(--dim);font-size:11px;}.note-form input:not([type=hidden]),.note-form textarea{display:block;width:100%;font:inherit;font-size:14px;color:#fff;background:rgba(0,0,0,.6);border:1px solid var(--line);padding:12px;margin:0 0 18px;border-radius:0;outline:none;}.note-form textarea{resize:vertical;line-height:1.6;}.note-form input:focus,.note-form textarea:focus{border-color:#fff;}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}.form-bottom .back{font-family:inherit;}.status{font-size:12px;line-height:1.6;color:var(--dim);min-height:1em;margin:12px 0 0;}.notes-heading{text-align:center;color:var(--dim);font-size:12px;letter-spacing:.12em;margin:30px 0 20px;}.notes{display:grid;gap:12px;}.note{border:1px solid var(--line);background:rgba(0,0,0,.4);padding:16px 18px;overflow-wrap:anywhere;}.note-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:12px;letter-spacing:.04em;}.note-name{color:#fff;text-transform:uppercase;}.note-time{color:var(--dim);}.note-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:rgba(255,255,255,.85);}.empty{font-size:12px;color:var(--dim);text-align:center;padding:22px;}.honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}@media (max-width:480px){.note-form{padding:15px;}.note-top{flex-direction:column;gap:5px;}}