body{background-color:#0d1117;color:#c9d1d9;font-family:Source Sans Pro,sans-serif;margin:0;padding:0}.content{backdrop-filter:blur(6px);background:rgba(22,27,34,.85);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin:10px auto;padding:20px;width:80%}a{color:#1cb09a}a a:hover{color:#0e584d}.hidden{display:none!important}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}button{background:linear-gradient(125deg,#2dd4bf,#1cb09a);background-color:#1cb09a;border:none;border-radius:9999px;color:#0d1117;font-weight:600;margin-right:4px;outline:none;padding:12px 24px;transition:transform .15s ease,box-shadow .2s ease}button:hover{box-shadow:0 4px 14px #1cb09a;transform:scale(1.03)}label{clear:both;display:block;font-weight:500;margin-bottom:4px;opacity:.9}input,textarea{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;box-sizing:border-box;color:#c9d1d9;padding:10px;transition:all .2s ease}input:focus,textarea:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.25);outline:none}textarea{resize:vertical;width:100%}.formElement{margin-bottom:10px}.formElement:last-child{margin-bottom:unset}.row{display:flex;flex-wrap:wrap;margin:0 5px}.row .formElement{margin-right:10px}.row input{width:100%}input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:hsla(0,0%,100%,.05);border:2px solid rgba(0,0,0,.3);border-radius:6px;cursor:pointer;display:inline-block;height:22px;margin-right:8px;position:relative;transition:all .25s ease;vertical-align:middle;width:22px}input[type=checkbox]:hover{border-color:#1cb09a}input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px rgba(45,212,191,.35);outline:none}input[type=checkbox]:checked{background:linear-gradient(125deg,#2dd4bf,#1cb09a);border-color:transparent}input[type=checkbox]:checked:after{color:#0d1117;content:"✔";font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}header{backdrop-filter:blur(4px);background:rgba(22,27,34,.85);border-bottom:1px solid hsla(0,0%,100%,.05);box-shadow:0 2px 10px rgba(0,0,0,.3);padding:20px 0;text-align:center;width:100%}header h1{font-size:2rem;font-weight:600;margin:0}header a{color:#c9d1d9;font-size:.9rem;opacity:.7;text-decoration:none}#saveMessageProgress h2{margin-bottom:0}#saveMessageProgress h3{margin-top:0}.saved-url{align-items:center;border:1px solid hsla(0,0%,100%,.07);border-radius:8px;display:flex;font-family:monospace;font-size:.9rem;gap:8px;line-height:1.2;margin:0;overflow-wrap:anywhere;padding:8px 12px;width:100%}.qr-button,.saved-url{background:hsla(0,0%,100%,.05)}.qr-button{font-size:18px}.qr-button:hover{background:hsla(0,0%,100%,.12);box-shadow:0 0 12px rgba(28,176,154,.25)}.qr-button svg{display:block;fill:currentColor;flex-shrink:0!important;height:20px!important;min-height:20px!important;min-width:20px!important;pointer-events:none;width:20px!important}.copy-button,.qr-button{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;color:#c9d1d9;cursor:pointer;display:inline-flex;font-size:18px;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .25s ease;user-select:none;width:38px}.copy-button:hover,.qr-button:hover{background:hsla(0,0%,100%,.12);box-shadow:0 0 12px rgba(28,176,154,.25)}.copy-button:after,.qr-button:after{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;opacity:0;position:absolute;transition:width .4s ease,height .4s ease,opacity .45s ease;width:0}.copy-button:active:after,.qr-button:active:after{height:120px;opacity:0;transition:none;width:120px}.copied.qr-button,.copy-button.copied{animation:copy-pop .25s ease;background:#1cb09a;border-color:#0e584d;box-shadow:0 0 12px rgba(28,176,154,.45);color:#0d1117}@keyframes copy-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.copy-wrapper{align-items:center;display:flex;gap:10px}@media(max-width:700px){.copy-wrapper{align-items:stretch;flex-direction:column}.copy-wrapper .copy-button,.copy-wrapper .qr-button{border-radius:8px;margin-bottom:0;width:100%}}.messageReadButtons{display:flex;text-align:center;width:100%}.messageReadButtons a{width:45%}.messageReadButtons button.confirm{background:linear-gradient(125deg,#22c55e,#15803d);color:#c9d1d9;margin-right:10%;width:45%}.messageReadButtons button.confirm:hover{box-shadow:0 4px 14px rgba(34,197,94,.4);transform:scale(1.03)}.messageReadButtons button.cancel{background:linear-gradient(125deg,#ef4444,#b91c1c);color:#c9d1d9;width:100%}.messageReadButtons button.cancel:hover{box-shadow:0 4px 14px rgba(239,68,68,.4);transform:scale(1.03)}#messageContent{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;padding:12px}#messageContent code{font-family:JetBrains Mono,monospace;overflow-wrap:anywhere;white-space:pre-wrap;width:100%}#confirmDialog input{margin-bottom:10px;width:100%}.alert{align-items:flex-start;animation:alert-slide-in .35s ease forwards;background:rgba(22,27,34,.85);border:1px solid hsla(0,0%,100%,.05);border-left:5px solid #ef4444;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.3);color:#c9d1d9;display:flex;gap:10px;margin-bottom:12px;max-width:450px;padding:16px 18px;pointer-events:none;position:fixed;right:10px;top:10px;transform:translateX(-50%);width:90%;z-index:9999}@media(max-width:700px){.alert{top:8px;width:calc(100% - 20px)}}.alert .alert{pointer-events:auto}.alert .alert-icon{color:#ef4444;font-size:20px;margin-top:2px}.alert .alert-content{flex:1}.alert .alert-content .alert-title{color:#ef4444;font-weight:600;margin-bottom:4px}.alert .alert-content .alert-message{font-size:.95rem;line-height:1.3}.alert .alert-close{color:#c9d1d9;cursor:pointer;font-size:18px;opacity:.6;transition:.2s ease}.alert .alert-close:hover{color:#ef4444;opacity:1}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alert-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.qr-modal{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.qr-modal.hidden{display:none}.qr-modal-content{background:rgba(22,27,34,.85);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.4);max-width:350px;padding:20px;text-align:center;width:90%}.qr-modal-content h3{margin-bottom:10px;margin-top:0}.qr-modal-content canvas{margin:10px 0}.qr-close{color:#c9d1d9;cursor:pointer;font-size:28px;opacity:.6;position:absolute;right:15px;top:10px}.qr-close:hover{color:#1cb09a;opacity:1}#qrText{font-size:.85rem;opacity:.8;overflow-wrap:anywhere}@media only screen and (max-width:700px){body{font-size:16px;margin:0;padding:0}header{padding:15px 0}header h1{font-size:1.6rem}header small{display:block;font-size:.9rem;margin-top:5px}.content{margin:5px auto;padding:10px;width:95%}textarea{height:auto;width:100%}button,input,textarea{font-size:1rem}button{margin-bottom:10px;padding:12px 0;width:100%}.row{display:block;margin:0}.row .formElement{margin-bottom:15px;margin-right:0;width:100%}.row .checkbox{align-items:center;display:flex}.row .checkbox label{margin:0 10px 0 0}.row .checkbox input{width:auto}.row input{width:100%}#messageSaved p.saved-url,.saved-url{box-sizing:border-box;font-size:.9rem;overflow-wrap:anywhere;padding:10px}.messageReadButtons{flex-direction:column;width:100%}.messageReadButtons a,.messageReadButtons button{margin-bottom:10px;margin-right:0;width:100%}.messageReadButtons button.confirm{margin-right:0;width:100%}.messageReadButtons button.cancel{width:100%}#messageContent{padding:10px}#messageContent code{font-size:.95rem;white-space:pre-wrap}#confirmDialog input{font-size:1rem;width:100%}#messageSaved h2,#saveMessageProgress h2{font-size:1.4rem;text-align:center}#messageSaved h3,#saveMessageProgress h3{font-size:1rem;text-align:center}}