/* The monitor artwork remains the complete-scene render. Only its hit area is live. */
.dc-screen-trigger{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;border-radius:0;padding:0;margin:0;background:transparent;color:var(--dm-ink,#352b40);cursor:pointer;touch-action:manipulation;appearance:none}
.dc-screen-hint{position:absolute;bottom:25px;right:26px;display:inline-block;padding:11px 18px;border:var(--dm-rule,1px solid) var(--dm-line,#a991ae);border-radius:var(--dm-round,10px);background:var(--dm-paper,#f4edf1);background-image:var(--dm-texture,none);background-size:var(--dm-size,240px);box-shadow:var(--dm-shadow,0 2px 10px #0002);font:600 20px/1.4 var(--dm-title,'PingFang SC',sans-serif);opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.dc-screen-trigger:is(:hover,:focus-visible) .dc-screen-hint{opacity:1;transform:none}
.dc-screen-trigger:focus-visible{outline:4px solid var(--dm-accent,#835172);outline-offset:-5px}
.dc-dialog{--dc-paper:var(--dm-paper,#f4edf1);--dc-ink:var(--dm-ink,#352b40);--dc-muted:var(--dm-muted,#695a70);--dc-accent:var(--dm-accent,#835172);--dc-line:var(--dm-line,#a991ae);box-sizing:border-box;position:fixed;width:min(610px,calc(100vw - 48px));height:min(810px,calc(100dvh - 60px));max-width:none;max-height:none;margin:auto 30px auto auto;padding:0;border:var(--dm-rule,1px solid) var(--dc-line);border-radius:var(--dm-round,18px);background:var(--dc-paper);color:var(--dc-ink);box-shadow:var(--dm-shadow,0 4px 0 #b69db32b),0 28px 95px #0007;overflow:hidden;font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',system-ui,sans-serif;font-size:16px;text-align:left;isolation:isolate}
.dc-dialog::backdrop{background:#10131980;backdrop-filter:blur(3px)}
.dc-dialog *{box-sizing:border-box}
.dc-dialog [hidden]{display:none!important}
.dc-sheet{height:100%;display:flex;flex-direction:column;min-height:0;background-image:var(--dm-texture,none);background-size:var(--dm-size,400px);background-repeat:repeat}
.dc-header{flex:none;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 34px 23px;border-bottom:var(--dm-rule,1px solid) var(--dc-line)}
.dc-eyebrow{margin:0 0 9px;font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:var(--dc-muted)}
.dc-title-row{display:flex;align-items:center;gap:18px}
.dc-title{font:var(--dm-title-weight,500) 54px/.98 var(--dm-title,Georgia,serif);letter-spacing:-.025em;margin:0}
.dc-identity{display:inline-block;white-space:nowrap;padding:5px 9px;border:1px solid var(--dc-line);border-radius:2px;font-size:11px;line-height:1.2;letter-spacing:.075em;color:var(--dc-muted)}
.dc-description{margin:11px 0 0;font-size:14px;line-height:1.5;letter-spacing:.06em}
.dc-header-actions{display:flex;gap:13px;align-items:center}
.dc-dialog button{font:inherit;cursor:pointer;touch-action:manipulation;appearance:none}
.dc-clear{border:0;padding:10px 3px;background:transparent;color:var(--dc-muted);font-size:12px!important}
.dc-close{width:36px;height:36px;border:1px solid var(--dc-line);border-radius:var(--dm-round,12px);background:transparent;color:var(--dc-ink);font-size:27px!important;line-height:1!important}
.dc-clear:hover,.dc-close:hover{color:var(--dc-accent);background:color-mix(in srgb,var(--dc-accent) 7%,transparent)}
.dc-status-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 34px;border-bottom:1px solid color-mix(in srgb,var(--dc-line) 40%,transparent);font-size:11px;line-height:1.5;color:var(--dc-muted)}
.dc-connection{display:inline-flex;align-items:center;gap:7px}
.dc-connection::before{content:'';display:inline-block;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;background:transparent}
.dc-connection[data-state=ready]::before{background:var(--dc-accent);border-color:var(--dc-accent)}
.dc-connection[data-state=preset]::before{border-radius:0;transform:rotate(45deg)}
.dc-status-note{letter-spacing:.035em}
.dc-conversation{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dc-line) transparent;padding:29px 34px 28px;scroll-padding:28px}
.dc-welcome{margin:0 0 25px}
.dc-welcome-mark{font:var(--dm-title-weight,500) 32px/1.4 var(--dm-title,Georgia,serif);letter-spacing:.06em;display:block;margin-bottom:13px}
.dc-welcome-text{margin:0;white-space:pre-line;font-size:16px;line-height:1.9;color:var(--dc-muted)}
.dc-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dc-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:51px;padding:12px 15px;text-align:left;font-size:13px!important;line-height:1.5!important;border:1px solid var(--dc-line);border-radius:var(--dm-round,12px);background:color-mix(in srgb,var(--dc-paper) 75%,transparent);color:var(--dc-ink)}
.dc-suggestion:hover{background:color-mix(in srgb,var(--dc-accent) 10%,var(--dc-paper));border-color:var(--dc-accent)}
.dc-suggestion-arrow{font-size:18px;color:var(--dc-accent);flex:none}
.dc-transcript{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:23px}
.dc-message{max-width:94%;align-self:flex-start;min-width:0}
.dc-message-user{align-self:flex-end;max-width:87%}
.dc-message-byline{margin:0 0 7px;font-size:11px;line-height:1.4;letter-spacing:.04em;color:var(--dc-muted)}
.dc-message-user .dc-message-byline{text-align:right}
.dc-message-bubble{padding:15px 18px;border:1px solid color-mix(in srgb,var(--dc-line) 65%,transparent);border-radius:2px 15px 15px 15px;background:color-mix(in srgb,var(--dc-paper) 88%,transparent)}
.dc-message-user .dc-message-bubble{border-color:color-mix(in srgb,var(--dc-accent) 24%,var(--dc-paper));border-radius:15px 2px 15px 15px;background:color-mix(in srgb,var(--dc-accent) 12%,var(--dc-paper))}
.dc-message-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-size:16px;line-height:1.85}
.dc-message-note{margin:10px 0 0;font-size:11px;line-height:1.75;color:var(--dc-muted)}
.dc-message[data-kind=preset] .dc-message-note{margin:0 0 12px;padding-bottom:9px;border-bottom:1px dashed var(--dc-line);color:var(--dc-accent);font-size:12px}
.dc-composer{flex:none;padding:17px 27px 17px;border-top:var(--dm-rule,1px solid) var(--dc-line);background:color-mix(in srgb,var(--dc-paper) 85%,transparent)}
.dc-input-row{display:flex;gap:10px;align-items:flex-end;padding:12px 12px 12px 16px;border:1px solid var(--dc-line);border-radius:var(--dm-round,12px);background:color-mix(in srgb,var(--dc-paper) 94%,var(--dc-ink) 6%)}
.dc-input-row:focus-within{border-color:var(--dc-accent);box-shadow:0 0 0 1px var(--dc-accent)}
.dc-input{min-width:0;width:100%;height:30px;max-height:132px;min-height:30px;border:0;padding:3px 0;margin:0;resize:none;overflow:auto;background:transparent;color:var(--dc-ink);font:400 16px/1.6 'PingFang SC',system-ui,sans-serif;outline:none;box-shadow:none}
.dc-input::placeholder{color:var(--dc-muted);opacity:.9}
.dc-send,.dc-stop{flex:none;min-width:71px;min-height:35px;padding:8px 13px;border:1px solid var(--dc-ink);border-radius:var(--dm-round,8px);background:var(--dc-ink);color:var(--dc-paper);font-size:12px!important;line-height:1.4!important}
.dc-send:disabled{opacity:.4;cursor:default}
.dc-stop{background:transparent;color:var(--dc-ink)}
.dc-send:enabled:hover{background:var(--dc-accent);border-color:var(--dc-accent)}
.dc-composer-meta{display:flex;justify-content:space-between;gap:10px;margin:8px 3px 0;font-size:10px;line-height:1.5;color:var(--dc-muted)}
.dc-count{font-variant-numeric:tabular-nums;white-space:nowrap}
.dc-disclaimer{margin:13px 3px 0;font-size:10px;line-height:1.6;color:var(--dc-muted)}
.dc-dialog :is(button,a):focus-visible,.dc-conversation:focus-visible{outline:2px solid var(--dc-accent);outline-offset:3px}
.dc-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Material rules also change the marks and contours, while long replies remain readable. */
.dc-dialog[data-style=watercolor] .dc-header{background:radial-gradient(ellipse at 25% 60%,#c4a2c934,transparent 65%),radial-gradient(ellipse at 88% 25%,#99bfd734,transparent 60%)}
.dc-dialog[data-style=watercolor] .dc-message-bubble{border-radius:10px 17px 12px 19px;border-style:dotted}
.dc-dialog[data-style=comic] .dc-title{transform:rotate(-3deg);text-shadow:2px 2px 0 #a6283e40}
.dc-dialog[data-style=comic] :is(.dc-suggestion,.dc-message-bubble){border-width:2px;border-radius:3px;box-shadow:2px 2px 0 var(--dc-ink)}
.dc-dialog[data-style=punk] .dc-title{background:var(--dc-ink);color:var(--dc-paper);padding:4px 9px;transform:rotate(-2deg);box-shadow:4px 3px #b9bd56}
.dc-dialog[data-style=punk] :is(.dc-suggestion,.dc-message-bubble){border-radius:1px;border-style:dashed}
.dc-dialog[data-style=mandala] .dc-title{letter-spacing:.075em}
.dc-dialog[data-style=mandala] .dc-identity{border:3px double var(--dc-line);border-radius:14px 14px 1px 1px}
.dc-dialog[data-style=mandala] .dc-message-bubble{border-width:3px;border-style:double;border-radius:17px 17px 3px 3px}
.dc-dialog[data-style=pop] .dc-title{text-shadow:2px 2px 0 var(--dc-paper),4px 3px 0 #e34a72}
.dc-dialog[data-style=pop] :is(.dc-suggestion,.dc-message-bubble){border-width:2px;border-radius:0;box-shadow:3px 3px #54b4ca}
.dc-dialog[data-style=future] .dc-title{letter-spacing:.065em}
.dc-dialog[data-style=future] .dc-header{background:linear-gradient(165deg,transparent 72%,#83b7bf14 72%,#83b7bf14 76%,transparent 76%)}
.dc-dialog[data-style=future] .dc-message-bubble{border-radius:0 10px 0 10px;border-left:3px solid var(--dc-accent)}
.dc-dialog[data-style=renaissance] .dc-title{font-style:italic;letter-spacing:.035em}
.dc-dialog[data-style=renaissance] :is(.dc-suggestion,.dc-message-bubble){border-style:double;border-width:3px;border-radius:2px 7px 3px 5px}
.dc-dialog[data-style=ink] .dc-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.dc-dialog[data-style=ink] .dc-message-bubble{border-radius:4px 9px 3px 6px;box-shadow:2px 2px 0 var(--dc-paper),3px 3px 0 var(--dc-ink)}
.dc-dialog[data-style=graffiti] .dc-title{text-decoration:underline;text-decoration-color:#c78fad;text-decoration-thickness:5px;text-underline-offset:4px;transform:rotate(-2deg)}
.dc-dialog[data-style=graffiti] :is(.dc-suggestion,.dc-message-bubble){border-radius:9px 3px 14px 4px;box-shadow:2px 2px #9dc2ae}
.dc-dialog[data-style=offset] .dc-title{text-shadow:1.5px .75px #b1556380,-.75px -.5px #41879580}
.dc-dialog[data-style=offset] :is(.dc-suggestion,.dc-message-bubble){border-radius:2px;box-shadow:1.5px 1px #b6506477,-1px -.7px #3b98a177}
@media(max-width:600px){.dc-dialog{width:calc(100vw - 20px);height:calc(100dvh - 24px);margin:auto;border-radius:var(--dm-round,12px)}.dc-header{padding:22px 21px 19px}.dc-title{font-size:47px}.dc-header-actions{gap:11px}.dc-description{font-size:13px}.dc-status-bar{padding:10px 21px}.dc-status-note{font-size:10px}.dc-conversation{padding:25px 21px}.dc-welcome-mark{font-size:29px}.dc-welcome-text{font-size:15px;line-height:1.85}.dc-suggestions{gap:9px}.dc-suggestion{padding:11px 12px;font-size:12px!important;min-height:54px}.dc-message{max-width:98%}.dc-message-user{max-width:91%}.dc-message-bubble{padding:13px 15px}.dc-message-content{font-size:15px;line-height:1.85}.dc-composer{padding:13px 15px 15px}.dc-input-row{padding:10px 10px 10px 13px;gap:7px}.dc-input-hint{visibility:hidden}.dc-disclaimer{font-size:10px;margin-top:8px}.dc-input{font-size:16px}.dc-send,.dc-stop{min-width:65px;padding:8px 10px}}
@media(max-height:620px){.dc-header{padding-top:16px;padding-bottom:14px}.dc-title{font-size:40px}.dc-description{margin-top:7px}.dc-eyebrow{display:none}.dc-conversation{padding-top:20px}.dc-welcome{margin-bottom:16px}.dc-welcome-mark{margin-bottom:8px;font-size:27px}.dc-disclaimer{margin-top:7px}.dc-composer{padding-top:11px;padding-bottom:11px}}
@media(prefers-reduced-motion:reduce){.dc-screen-hint{transition:none;transform:none}}
@media(forced-colors:active){.dc-dialog,.dc-sheet{background-image:none;box-shadow:none}.dc-dialog :is(button,.dc-message-bubble,.dc-input-row){border:1px solid CanvasText;box-shadow:none}.dc-title{background:none!important;text-shadow:none!important;color:CanvasText!important}.dc-connection::before{background:CanvasText!important}.dc-send:disabled{opacity:1;color:GrayText}}
.desk-chat-mount{position:absolute;left:0;top:0;width:756px;height:419px;transform-origin:0 0;z-index:2}
.dc-clear{white-space:nowrap}
@media(max-width:360px){.dc-header{gap:10px;padding-inline:16px}.dc-title-row{gap:12px}.dc-title{font-size:40px}.dc-header-actions{gap:8px}.dc-close{width:32px;height:32px}.dc-identity{font-size:10px;padding:5px 7px}}
