:root{--dlg-edge: #1b1c3d;--dlg-stroke: 3px;--dlg-stroke-s: 2.5px;--dlg-drop: 0 5px 0 var(--dlg-edge);--dlg-drop-s: 0 3px 0 var(--dlg-edge);--dlg-band: 7px;--dlg-radius: 16px;--dlg-paper: #fff6e4;--dlg-paper-shade: #f3dfb8;--dlg-paper-ink: #1b1c3d;--dlg-paper-muted: #4b3d5c;--dlg-board: #1f3b34;--dlg-board-shade: #18302a;--dlg-board-ink: #fff6e3;--dlg-board-muted: #c9d6cf;--dlg-key: #fffdf6;--dlg-key-on: #ffe7a8;--dlg-accent: #ffd34d;--dlg-wood: #a8693a;--dlg-sky: #1e7fd0;--dlg-focus: #1565c0;--dlg-display: "Bungee", "Arial Black", Impact, sans-serif;--dlg-font: Inter, system-ui, sans-serif}.cd-panel{box-sizing:border-box;border:var(--dlg-stroke) solid var(--dlg-edge);border-radius:var(--dlg-radius);background:var(--dlg-paper);color:var(--dlg-paper-ink);box-shadow:inset 0 calc(-1 * var(--dlg-band)) 0 var(--dlg-paper-shade),var(--dlg-drop)}.cd-panel--board{--dlg-ring: var(--dlg-accent);background:var(--dlg-board);color:var(--dlg-board-ink);box-shadow:inset 0 calc(-1 * var(--dlg-band)) 0 var(--dlg-board-shade),var(--dlg-drop)}.cd-sign{--cd-sign: color-mix(in srgb, var(--c, var(--dlg-wood)) 40%, #3a1f0c);justify-self:center;box-sizing:border-box;display:inline-block;max-width:100%;margin:0;padding:6px 14px 8px;border:var(--dlg-stroke) solid var(--dlg-edge);border-radius:10px;background:var(--cd-sign);box-shadow:inset 0 -4px #00000038,var(--dlg-drop-s);color:var(--dlg-board-ink);font:400 calc(16px * var(--text-scale, 1)) / 1.15 var(--dlg-display);letter-spacing:.02em;text-align:center;overflow-wrap:anywhere}.cd-sign--hang{margin-top:calc(-1 * (var(--dlg-stroke) + 18px))}.cd-tag{box-sizing:border-box;border:var(--dlg-stroke-s) solid var(--dlg-edge);border-radius:999px;background:var(--dlg-paper);box-shadow:var(--dlg-drop-s);color:var(--dlg-paper-ink)}:where(.cd-scrim){--dlg-bg: var(--rs-bg, var(--dlg-paper));--dlg-ink: var(--rs-ink, var(--dlg-paper-ink));--dlg-accent: var(--rs-accent, #ffd34d);--dlg-line: var(--rs-line, rgb(27 28 61 / .14));--dlg-muted: rgb(27 28 61 / .68);--dlg-shine: rgb(255 255 255 / .75);--dlg-scrim: rgb(8 6 20 / .55)}:where(.cd-scrim[data-tone=night]){--dlg-bg: var(--rs-bg, #241d52);--dlg-ink: var(--rs-ink, #fff);--dlg-accent: var(--rs-accent, #ffd34d);--dlg-line: var(--rs-line, rgb(255 255 255 / .16));--dlg-edge: #0c0a22;--dlg-muted: rgb(255 255 255 / .72);--dlg-shine: rgb(255 255 255 / .16)}:where(.cd-scrim[data-tone=board]){--dlg-bg: var(--dlg-board);--dlg-ink: var(--dlg-board-ink);--dlg-line: rgb(255 246 227 / .16);--dlg-muted: var(--dlg-board-muted);--dlg-shine: rgb(255 255 255 / .12);--dlg-ring: var(--dlg-accent)}.cd-scrim{container:cd / size;top:0;right:0;bottom:0;left:0;z-index:var(--dlg-z, 500);display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top,0px)) 0 0;background:var(--dlg-scrim);animation:cd-fade .15s ease-out}.cd-scrim--page{position:fixed}.cd-scrim--frame{position:absolute;z-index:var(--dlg-z, 40)}@keyframes cd-fade{0%{opacity:0}}.cd{box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:100%;margin-top:auto;overflow:hidden;border:3px solid var(--dlg-edge);border-bottom:0;border-radius:24px 24px 0 0;background:var(--dlg-bg);color:var(--dlg-ink);box-shadow:inset 0 3px 0 var(--dlg-shine);font:500 calc(15px * var(--text-scale, 1)) / 1.45 system-ui,sans-serif;text-align:left;animation:cd-up .22s cubic-bezier(.2,.8,.2,1)}.cd:focus{outline:none}@keyframes cd-up{0%{transform:translateY(32px)}}.cd-head{flex:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:12px 12px 6px 16px}.cd-icon{display:grid;flex:none;place-items:center;width:30px;height:30px}.cd-icon>svg{display:block;width:30px;height:30px}.cd .cd-title{flex:1 1 auto;min-width:0;margin:0;padding:0;color:var(--dlg-ink);font:800 calc(19px * var(--text-scale, 1)) / 1.2 system-ui,sans-serif;letter-spacing:-.01em;text-align:left;text-transform:none;text-wrap:balance}.cd-head>.cd-close{margin-left:auto}.cd .cd-title.cd-sign{flex:0 1 auto;padding:6px 14px 8px;color:var(--dlg-board-ink);font:400 calc(16px * var(--text-scale, 1)) / 1.15 var(--dlg-display);letter-spacing:.02em}.cd-body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:0;padding:6px 16px 16px;overflow-y:auto;overscroll-behavior:contain}.cd .cd-body>p{margin:0}.cd-note{color:var(--dlg-muted);font-size:calc(13px * var(--text-scale, 1))}.cd-foot{display:flex;flex:none;flex-wrap:wrap;gap:10px;padding:12px 16px max(16px,calc(10px + env(safe-area-inset-bottom,0px)));border-top:2px solid var(--dlg-line)}.cd-foot>*{flex:1 1 calc(50% - 5px)}.cd-foot--rows{flex-direction:column;flex-wrap:nowrap}.cd-foot--rows>*{flex:none;width:100%}.cd-key{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:2.5px solid var(--dlg-edge);border-radius:999px;background:var(--dlg-key);color:#1b1c3d;box-shadow:0 4px 0 var(--dlg-edge);font:750 calc(15px * var(--text-scale, 1)) / 1.15 system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .08s,background-color .15s}.cd-key--main{background:var(--dlg-accent)}.cd-key:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--dlg-edge)}.cd-key:disabled{opacity:.55;cursor:default}@media (hover: hover){.cd-key:hover:not(:disabled){background:var(--dlg-key-on)}.cd-key--main:hover:not(:disabled){background:color-mix(in srgb,var(--dlg-accent) 82%,#fff)}}.cd-key--bar{min-height:44px;border-width:var(--dlg-stroke);background:var(--dlg-paper);color:var(--dlg-edge);box-shadow:inset 0 -4px 0 var(--dlg-paper-shade),var(--dlg-drop-s);font:800 calc(15px * var(--text-scale, 1)) / 1.1 var(--dlg-font);pointer-events:auto;transition:none}.cd-key--bar.cd-key--main{background:var(--c, var(--dlg-accent));box-shadow:inset 0 -4px #1b1c3d33,var(--dlg-drop-s)}.cd-key--round{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%}.cd-key--bar:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -4px 0 var(--dlg-paper-shade),0 1px 0 var(--dlg-edge)}.cd-key--bar.cd-key--main:active:not(:disabled){box-shadow:inset 0 -4px #1b1c3d33,0 1px 0 var(--dlg-edge)}@media (hover: hover){.cd-key--bar:hover:not(:disabled){background:var(--dlg-key)}.cd-key--bar.cd-key--main:hover:not(:disabled){background:color-mix(in srgb,#fff 22%,var(--c, var(--dlg-accent)))}}.cd-round{--ck-face: var(--ck-bg, var(--dlg-key, #fffdf6));--ck-ring: var(--ck-edge, var(--dlg-edge, #1b1c3d));position:relative;display:grid;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--ck-ink, #1b1c3d);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cd-round:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2.5px solid var(--ck-ring);border-radius:50%;background:var(--ck-face);box-shadow:0 3px 0 var(--ck-drop, var(--ck-ring));transition:transform .08s,box-shadow .08s,background-color .15s}.cd-round>svg{position:relative;display:block;transition:transform .08s}.cd-close>svg path,.cd-back>svg path{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.cd-round:active:before,.cd-round:active>svg{transform:translateY(2px)}.cd-round:active:before{box-shadow:0 1px 0 var(--ck-drop, var(--ck-ring))}@media (hover: hover){.cd-round:hover:before{background:var(--ck-on, var(--dlg-key-on, #ffe7a8))}}.cd-round:focus-visible{outline:none}.cd-round:focus-visible:before{box-shadow:0 3px 0 var(--ck-drop, var(--ck-ring)),0 0 0 3px var(--ck-focus, #ffd34d)}.cd-key:focus-visible{outline:3px solid var(--ck-focus, #ffd34d);outline-offset:2px}.cd-key--bar:focus-visible{outline:3px solid var(--dlg-ring, var(--dlg-focus));outline-offset:3px}@container cd (min-width: 600px){.cd{width:min(var(--dlg-w, 440px),calc(100% - 32px));max-height:calc(100cqh - 16px);margin:auto;border-bottom:3px solid var(--dlg-edge);border-radius:24px;box-shadow:inset 0 3px 0 var(--dlg-shine),0 6px 0 var(--dlg-edge);animation-name:cd-pop;animation-duration:.18s}.cd-foot{justify-content:flex-end;padding-bottom:16px}.cd-foot:not(.cd-foot--rows)>*{flex:0 0 auto}}@container cd (min-width: 600px) and (max-height: 500px){.cd{width:min(var(--dlg-w-short, 560px),calc(100% - 32px))}.cd-head{padding-top:8px;padding-right:8px}.cd-foot{padding-top:10px;padding-bottom:12px}}@keyframes cd-pop{0%{transform:translateY(10px) scale(.97);opacity:0}}.cd-scrim--still,.cd-scrim--still .cd{animation:none}@media (prefers-reduced-motion: reduce){.cd-scrim,.cd{animation:none}.cd-key,.cd-round:before,.cd-round>svg{transition:none}.cd-key--bar:active:not(:disabled){transform:none}}