:root{color-scheme:dark;--bg:#101820;--fg:#F3F3F1;--secondary:#E3E5E4;--muted:#777E83;--focus:#2AABEE;font-family:"Helvetica Neue",Helvetica,Arial,Inter,"SF Pro Display",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{overflow-anchor:none;margin:0;background:var(--bg);color:var(--fg);min-height:100svh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}
.container{display:flex;flex-direction:column;width:84%;max-width:720px;min-height:100svh;margin-left:8%;padding-top:max(32px,env(safe-area-inset-top),8svh);padding-bottom:max(28px,env(safe-area-inset-bottom));}
.header,.screen{flex-shrink:0}
.header{margin-bottom:32px}.service-label{margin:0 0 4px;font-size:clamp(27px,5vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1}.header h1{font-size:clamp(29px,5.6vw,40px);font-weight:300;letter-spacing:-.025em;line-height:1.05;margin:0}
.screen{animation:enter .28s ease both}.screen.leaving{animation:leave .18s ease both;pointer-events:none}.description{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.55;margin:0 0 28px;color:var(--secondary)}
.form-group{margin:0 0 20px}label,summary{font-size:15px;font-weight:400;color:var(--secondary)}label{display:block;margin-bottom:9px}
textarea,input[type="text"],input[type="password"],select{display:block;width:100%;border:0;border-radius:0;background:#17212A;color:var(--fg);padding:13px 12px;font-size:16px;font-weight:300;outline-offset:4px}
textarea{min-height:100px;resize:vertical;line-height:1.4}input::placeholder,textarea::placeholder{color:#9AA0A5;opacity:1}select{cursor:pointer}#share-url{font-size:13px;margin-bottom:20px}
.settings{margin-bottom:26px}.settings summary{cursor:pointer;min-height:44px;padding:10px 0}.settings[open] summary{margin-bottom:15px}.checkbox-group{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.checkbox-group input{accent-color:var(--fg);margin-top:3px;flex-shrink:0}
.btn{display:block;width:100%;min-height:46px;text-align:left;text-decoration:none;border:0;border-radius:0;box-shadow:none;padding:13px 16px;background:var(--fg);color:var(--bg);font-size:15px;font-weight:500;line-height:1.3;cursor:pointer;transition:opacity .18s ease}.btn:hover{opacity:.82}.btn:disabled{opacity:.5;cursor:wait}.btn-secondary{background:none;color:var(--secondary);padding-left:0;margin-top:4px;font-weight:300}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.metadata{display:grid;grid-template-columns:80px 1fr;gap:7px 12px;margin:auto 0 0;padding-top:48px;font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.4}.metadata dt{color:#E4E6E5}.metadata dd{margin:0;color:#9AA0A5}
.secret-output{font-size:20px;font-weight:400;line-height:1.65;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch;margin-bottom:28px;}.countdown{font-size:13px;color:var(--secondary);font-weight:300;line-height:1.4;margin:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0}}
@media(max-width:360px){.container{width:88%;margin-left:6%}.header h1{font-size:28px}.description{font-size:17px}}
@media(max-height:600px){.container{padding-top:max(24px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){.container{transition:none}.screen,.screen.leaving{animation:none}}