:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18252c;background:#f5f7f8;font-size:14px;letter-spacing:0;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}[hidden]{display:none!important}header{height:68px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3e7;background:#fff;gap:16px}.brand{display:flex;gap:12px;align-items:center;color:#18252c;text-decoration:none;font-size:19px;white-space:nowrap}.brand strong{font-weight:400;color:#52636c}.brand img{display:block;background:#14232c;border-radius:4px;padding:2px}.header-note{color:#52636c;font-size:13px}main{width:min(100% - 40px,580px);margin:64px auto 48px;flex:1}.eyebrow{font-size:11px;font-weight:700;color:#586b74;letter-spacing:0;margin-bottom:12px}h1{font-size:32px;font-weight:650;line-height:1.2;margin:0 0 12px;letter-spacing:0}.description{font-size:16px;line-height:1.6;margin:0 0 32px;color:#52636c}label{display:block;font-weight:600;margin-bottom:9px}textarea,input{font:inherit;color:inherit;background:#fff;border:1px solid #9aaab3;border-radius:6px;padding:12px;max-width:100%}textarea{display:block;width:100%;resize:vertical;min-height:140px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}textarea::placeholder{font-family:system-ui,sans-serif;color:#71838c}textarea:focus,input:focus{outline:2px solid #147da4;outline-offset:2px;border-color:#147da4}.expiry-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0}.number-unit{display:flex;align-items:center;gap:12px;color:#52636c}.number-unit input{width:100px;height:44px}.limit{display:flex;align-items:center;gap:8px;color:#305b4b;font-size:13px}.status-dot{width:7px;height:7px;background:#25835e;border-radius:50%;display:block;flex-shrink:0}button{font:inherit;font-weight:600;min-height:44px;border-radius:6px;padding:11px 20px;cursor:pointer;border:1px solid transparent;transition:background .12s}button:disabled{opacity:.65;cursor:wait}.primary{display:block;width:100%;background:#096b91;color:#fff}.primary:hover:not(:disabled){background:#075371}.secondary{background:#fff;border-color:#9aaab3;color:#253c48}.secondary:hover{background:#e8eff2}button:focus-visible,a:focus-visible{outline:2px solid #147da4;outline-offset:3px}.privacy-note{color:#64757f;font-size:12px;line-height:1.7;margin-top:20px}.message{border:1px solid;padding:12px 16px;border-radius:6px;margin-bottom:24px;line-height:1.6}.error{background:#fff2f0;border-color:#e3aaa0;color:#893428}.success{background:#edf8f1;border-color:#9ac8ad;color:#255d3b}.success-text{color:#287149}.link-input{width:100%;font-size:13px;margin-bottom:16px;height:46px}.notice{background:#eaf2f7;border-left:3px solid #3984a4;padding:18px;line-height:1.7;margin:0 0 24px;color:#314e5e}dl{border-top:1px solid #dce3e7;border-bottom:1px solid #dce3e7;margin:28px 0;padding:12px 0}dl div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}dt{color:#64757f}dd{margin:0;text-align:right}#copy-secret{margin-top:20px}footer{padding:20px 40px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dce3e7;color:#64757f;font-size:12px;line-height:1.6;flex-wrap:wrap}@media(max-width:600px){header{padding:0 20px;height:60px}.header-note{display:none}main{margin-top:40px}h1{font-size:28px}.description{font-size:15px}footer{padding:20px}.expiry-row{gap:12px}.limit{font-size:12px}}
#revealed-secret{overflow:hidden;resize:none}
main:has(#received-content:not([hidden])){width:min(100% - 40px,960px)}