@font-face{font-family:SwayletBody;src:url('/Shell/f3a3b237163ccec8.body.ttf') format('truetype');font-display:swap}
.sy-dialog,.sy-account{font-family:SwayletBody,system-ui,sans-serif;color:#243344;background:#fff8f0;line-height:1.5;font-size:16px;letter-spacing:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sy-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)));box-sizing:border-box;border:1px solid #bba57b88;border-radius:20px;padding:24px;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #0008}
.sy-dialog::backdrop{background:#081816cc;backdrop-filter:blur(6px)}
.sy-dialog *{box-sizing:border-box}.sy-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.sy-dialog h1,.sy-account h1{font-size:26px;line-height:1.18;color:#243344;letter-spacing:-.6px;margin:0 0 16px;font-weight:650}.sy-header h1{margin:0}.sy-dialog p{margin:16px 0}.sy-dialog .sy-intro{color:#546775}.sy-dialog .sy-small,.sy-account .sy-small{font-size:13px;color:#657184;line-height:1.6;overflow-wrap:anywhere}
.sy-dialog button,.sy-account button,.sy-primary,.sy-google,.sy-secondary{font:600 16px/1.35 SwayletBody,system-ui,sans-serif;min-height:48px;border-radius:11px;border:1px solid #8b9a8055;padding:12px 16px;cursor:pointer;touch-action:manipulation;text-align:center;text-decoration:none}.sy-dialog button:focus-visible,.sy-dialog input:focus-visible,.sy-account button:focus-visible{outline:3px solid #0c8575;outline-offset:3px}.sy-close{color:#243344;background:transparent;min-width:60px}.sy-primary,.sy-google{background:#167e74;color:#fff8f0;border-color:#167e74!important}.sy-secondary{background:#e4f3ed;color:#243344}.sy-danger{background:#fff0ed;color:#9b3c31;border-color:#bc8c7455!important}.sy-actions{display:grid;gap:12px;margin:20px 0}.sy-name-form{display:grid;gap:10px;margin:22px 0}.sy-name-form label{font-size:14px;font-weight:700;color:#243344}.sy-name-form input{font:400 18px/1.5 SwayletBody,system-ui,sans-serif;min-height:50px;width:100%;border:1px solid #6e897b;background:#f7fcfa;color:#fff;border-radius:10px;padding:10px 12px}.sy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.sy-stats div{background:#e4f3ed;border:1px solid #66837544;padding:16px 7px;border-radius:12px;text-align:center}.sy-stats strong{display:block;font-size:27px;color:#0c8575}.sy-stats span{display:block;font-size:11px;color:#657184;margin-top:4px}.sy-status{background:#e8f5ef;padding:12px 14px;border-radius:10px;font-size:14px;color:#243344}.sy-links{display:grid;gap:10px;border-top:1px solid #64806a55;padding-top:20px}.sy-dialog a,.sy-account a{color:#087e73}.sy-account{margin:7vh auto;max-width:480px;padding:28px;border-radius:18px}.sy-account .sy-brand{font-size:25px;letter-spacing:3px;text-decoration:none;display:block;margin-bottom:30px}.sy-account footer{font-size:13px;border-top:1px solid #64806a55;margin-top:40px;padding-top:20px}.sy-account form{margin:26px 0}.sy-account .sy-primary{display:block;width:100%;color:#fff8f0}.sy-dialog button:disabled{opacity:.55;cursor:wait}@media(max-width:360px){.sy-dialog{padding:19px}.sy-dialog h1{font-size:24px}.sy-stats{gap:5px}.sy-stats span{font-size:10px}}

body:has(>.sy-account){background:#f7fcfa;margin:0;padding:1px 16px;min-height:100dvh}

.sy-dialog,.sy-account{background:#fffdf8}.sy-primary,.sy-google,.sy-account .sy-primary{color:#fff}.sy-name-form input{color:#243344}.sy-stats strong{color:#087e73}.sy-dialog h1,.sy-account h1{font-family:Display,SwayletBody,sans-serif}.sy-close{background:#eef5f1}.sy-dialog{border-color:#d7e6df}.sy-dialog::backdrop{background:#24334480}
