.dn-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;border:0;border-radius:22px;padding:0;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 28px);color:#182d3e;background:#fff;box-shadow:0 24px 70px #102b4840;overflow:hidden}.dn-dialog::backdrop{background:#142a3cc2;backdrop-filter:blur(4px)}.dn-dialog header{padding:22px 22px 15px;background:linear-gradient(135deg,#17364f,#215f76);color:#fff}.dn-dialog header span{font-size:12px;letter-spacing:2px;color:#9ee2df}.dn-dialog h2{font-size:24px;line-height:1.4;margin:10px 0 4px;font-weight:800}.dn-dialog header p{margin:0;color:#d5e9ee;font-size:13px}.dn-body{padding:18px 22px;max-height:calc(100dvh - 270px);overflow-y:auto;overscroll-behavior:contain;font-size:14px;line-height:1.7}.dn-body p{margin:5px 0 10px}.dn-deadline{padding:14px;border-radius:12px;background:#fff5df;border:1px solid #f1daa5}.dn-deadline strong{display:block;font-size:16px}.dn-deadline b{color:#91571c}.dn-body ol{padding-left:20px;margin-bottom:0}.dn-body li{padding-left:3px;margin:17px 0}.dn-body summary{cursor:pointer;color:#176576;font-weight:600;min-height:32px}.dn-body details{background:#f2f7f8;padding:9px;border-radius:9px}.dn-url{box-sizing:border-box;width:100%;padding:10px;font-size:14px;border:1px solid #cedee3;border-radius:7px}.dn-dialog button{font:inherit;cursor:pointer;border:1px solid #c6d7de;border-radius:10px;padding:11px 12px;min-height:44px;background:#fff;color:#294859}.dn-dialog footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e3ecef;display:flex;gap:9px;background:#fff}.dn-dialog footer button{flex:1;font-size:14px}.dn-dialog .dn-primary{background:#176576;color:#fff;border-color:#176576;font-weight:700}.dn-demo{padding:10px;background:#eef6ff;border-radius:8px}.dn-error{color:#b63c32}.dn-dialog button:disabled{opacity:.6}@media(max-height:580px){.dn-dialog header{padding:10px 18px}.dn-dialog h2{font-size:19px}.dn-body{max-height:calc(100dvh - 207px)}}

.dn-cocreate{padding:14px;border:1px solid #b9dbd4;border-radius:12px;background:#eff9f5}.dn-cocreate strong{color:#176554;font-size:16px}.dn-cocreate p:last-child{margin-bottom:0}

.dn-dialog[open]{display:flex;flex-direction:column}.dn-dialog header,.dn-dialog footer{flex-shrink:0}.dn-body{min-height:0;flex:1;max-height:none}.dn-intro{color:#425966;margin-bottom:18px}.dn-intro strong{color:#185666;font-weight:700}.dn-dialog h2:focus{outline:none}.dn-dialog button:focus-visible,.dn-dialog summary:focus-visible{outline:2px solid #178e9d;outline-offset:3px}