.vdl-suggestion-launcher{position:fixed;z-index:900;right:24px;bottom:76px;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:#245eea;color:#fff;box-shadow:0 5px 16px #163c9126,inset 0 1px 0 #ffffff30;font-family:inherit;font-size:12px;line-height:1;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.vdl-suggestion-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 34px #163c9138}.vdl-suggestion-launcher:focus-visible,.vdl-suggestion-dialog button:focus-visible,.vdl-suggestion-dialog input:focus-visible,.vdl-suggestion-dialog textarea:focus-visible,.vdl-suggestion-dialog select:focus-visible{outline:3px solid #86aaff;outline-offset:3px}.vdl-suggestion-launcher svg{width:21px;height:21px;flex:none}
.vdl-suggestion-dialog{position:fixed;inset:auto 24px 136px auto;width:min(410px,calc(100vw - 28px));max-width:none;max-height:min(790px,calc(100dvh - 154px));margin:0;padding:0;overflow:hidden;border:1px solid #dce4f1;border-radius:24px;background:#fff;color:#202b3e;box-shadow:0 24px 80px #182d4d24,0 4px 16px #182d4d10;font-family:inherit;font-size:13px;line-height:1.65}
.vdl-suggestion-dialog::backdrop{background:#1a294319}.vdl-suggestion-dialog[open]{display:flex;flex-direction:column}
.vdl-suggestion-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #edf0f6;background:#fff}.vdl-suggestion-mark{display:flex;align-items:center;width:36px;height:36px;flex:none;position:relative}.vdl-suggestion-mark i{position:absolute;width:17px;height:25px;border:2px solid white;border-radius:6px;background:#a9b9f1;transform:rotate(-16deg);left:1px}.vdl-suggestion-mark i:nth-child(2){background:#f1b7a7;left:9px;transform:rotate(2deg)}.vdl-suggestion-mark i:nth-child(3){background:#245eea;left:18px;transform:rotate(18deg)}.vdl-suggestion-head-copy{min-width:0;flex:1}.vdl-suggestion-head-copy small{display:block;margin-bottom:2px;color:#3564b8;font-size:9px;font-weight:750;letter-spacing:.12em}.vdl-suggestion-head-copy strong{font-size:16px;letter-spacing:-.03em}.vdl-suggestion-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f3f5f9;color:#53627a;font-size:20px;cursor:pointer}
.vdl-suggestion-scroll{flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow:auto;padding:16px 20px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6deeb transparent}.vdl-suggestion-policy{margin:0 0 14px;border-top:1px solid #e9edf5;border-bottom:1px solid #e9edf5;color:#66758d;font-size:11px;line-height:1.8}.vdl-suggestion-policy summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;cursor:pointer;list-style:none;font-weight:650;color:#566783}.vdl-suggestion-policy summary::-webkit-details-marker{display:none}.vdl-suggestion-policy summary span{font-size:16px;color:#8291aa}.vdl-suggestion-policy[open] summary span{transform:rotate(45deg)}.vdl-suggestion-policy p{margin:0;padding:0 0 14px}.vdl-suggestion-profile{display:flex;align-items:center;gap:8px;margin:0 0 13px;padding:9px 11px;border:1px solid #e5eaf2;border-radius:10px;background:#fafbfd;color:#53627a;font-size:12px}.vdl-suggestion-profile b{color:#223653}.vdl-suggestion-profile i{width:8px;height:8px;border-radius:50%;background:#22a16c}
.vdl-suggestion-login{display:flex;flex-direction:column;gap:10px;padding:0}.vdl-suggestion-login p{margin:0;color:#718097;font-size:12px;line-height:1.8}.vdl-suggestion-login p strong{display:inline-block;margin-bottom:5px;color:#263750;font-size:13px;font-weight:750}.vdl-suggestion-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:0}.vdl-suggestion-links a{color:#718099;font-size:11px;text-underline-offset:3px}.vdl-suggestion-primary,.vdl-suggestion-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid #d8e1ef;border-radius:10px;background:white;color:#233653;font-family:inherit;font-size:13px;line-height:1.3;font-weight:750;text-decoration:none;cursor:pointer}.vdl-suggestion-primary{border-color:#245eea;background:#245eea;color:#fff}.vdl-suggestion-primary:disabled{opacity:.52;cursor:not-allowed}.vdl-suggestion-login .vdl-suggestion-primary{width:100%}
.vdl-suggestion-form{display:grid;gap:20px}.vdl-suggestion-palette:not([hidden]),.vdl-suggestion-feedback:not([hidden]),.vdl-suggestion-external:not([hidden]){display:grid;gap:20px}.vdl-suggestion-field{display:grid;gap:6px}.vdl-suggestion-field>label,.vdl-suggestion-label{font-size:12px;font-weight:800;color:#354760}.vdl-suggestion-field input[type=text],.vdl-suggestion-field input[type=url],.vdl-suggestion-field textarea,.vdl-suggestion-field select{width:100%;min-height:42px;padding:10px 11px;border:1px solid #d7dfeb;border-radius:9px;background:#fff;color:#202b3e;font-family:inherit;font-size:13px;line-height:1.45}.vdl-suggestion-field textarea{min-height:88px;resize:vertical}.vdl-suggestion-field input::placeholder,.vdl-suggestion-field textarea::placeholder{color:#98a3b3}.vdl-suggestion-hint{margin:0;color:#718096;font-size:11px;line-height:1.55}.vdl-suggestion-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vdl-suggestion-type{display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 10px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#43536b;font-size:12px;font-weight:750;cursor:pointer}.vdl-suggestion-type[aria-pressed=true]{border-color:#9bbaff;background:#f0f5ff;color:#1c4da9}.vdl-suggestion-type svg{width:16px;height:16px;flex:none}
.vdl-suggestion-swatches{display:grid;gap:8px}.vdl-suggestion-swatch{display:grid;grid-template-columns:34px minmax(0,1fr) 37px;align-items:center;gap:8px}.vdl-suggestion-swatch input[type=color]{width:34px;height:36px;padding:3px;border:1px solid #d9e1ed;border-radius:8px;background:white}.vdl-suggestion-swatch input[type=text]{min-width:0;text-transform:uppercase}.vdl-suggestion-swatch button{width:35px;height:35px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#78869a;font-size:17px;cursor:pointer}.vdl-suggestion-add{justify-self:start;padding:7px 10px;border:1px dashed #bdcce2;border-radius:8px;background:#f9fbff;color:#365d9e;font-size:11px;font-weight:800;cursor:pointer}.vdl-suggestion-chip-row{display:flex;flex-wrap:wrap;gap:7px}.vdl-suggestion-chip{padding:7px 10px;border:1px solid #dbe3ee;border-radius:999px;background:white;color:#57667b;font-size:11px;font-weight:700;cursor:pointer}.vdl-suggestion-chip[aria-pressed=true]{border-color:#9bbaff;background:#edf4ff;color:#244f9e}.vdl-suggestion-check{display:flex;align-items:flex-start;gap:9px;color:#4d5e74;font-size:11px;line-height:1.55}.vdl-suggestion-check input{margin:2px 0 0;flex:none;accent-color:#245eea}.vdl-suggestion-privacy{padding:12px;border:1px solid #e3e9f2;border-radius:10px;background:#fafbfd}.vdl-suggestion-match{padding:10px 11px;border-radius:9px;background:#f6f8fb;color:#627087;font-size:11px;line-height:1.55}.vdl-suggestion-match[data-state=duplicate]{background:#fff4f0;color:#963f34}.vdl-suggestion-match[data-state=review]{background:#fff9e9;color:#815c14}.vdl-suggestion-match[data-state=pass]{background:#eff9f3;color:#2d6d4b}.vdl-suggestion-submit-row{display:flex;gap:8px}.vdl-suggestion-submit-row>*{flex:1}.vdl-suggestion-status{min-height:20px;margin:0;color:#53647d;font-size:12px;line-height:1.55}.vdl-suggestion-status[data-state=error]{color:#a13c32}.vdl-suggestion-status[data-state=success]{color:#26744c}.vdl-suggestion-foot{margin:11px 0 0;color:#8a95a6;font-size:10px;line-height:1.55}.vdl-suggestion-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:560px){.vdl-suggestion-launcher{right:15px;bottom:70px;min-height:46px;padding:0 16px}.vdl-suggestion-dialog{inset:auto 10px 128px;width:auto;max-height:calc(100dvh - 152px);border-radius:22px}.vdl-suggestion-scroll{padding:20px}.vdl-suggestion-head{padding:13px 15px}.vdl-suggestion-policy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.vdl-suggestion-launcher{transition:none}}

/* Compact suggestion inbox: palette-card signature and quiet content hierarchy. */
.vdl-suggestion-welcome{position:relative;padding:0 0 15px}
.vdl-suggestion-eyebrow{color:#63748e;font-size:11px;font-weight:650}
.vdl-suggestion-welcome h2{margin:8px 0 7px;color:#1f3455;font-family:inherit;font-size:22px;font-weight:750;line-height:1.3;letter-spacing:-.055em}
.vdl-suggestion-welcome p{margin:0;color:#748298;font-size:12px;line-height:1.7}
.vdl-suggestion-topics{display:flex;gap:10px;margin-top:8px}
.vdl-suggestion-topics>span{display:flex;align-items:center;gap:7px;padding:4px 9px;border-radius:9px;background:#f3f6fc;color:#506786;font-size:11px;font-weight:650}
.vdl-suggestion-topics svg{width:17px;height:17px}
.vdl-topic-palette{width:17px;height:17px;border-radius:50%;background:conic-gradient(#245eea 0 33%,#f1b7a7 33% 66%,#a9b9f1 66%);box-shadow:inset 0 0 0 1px #00000005}
.vdl-suggestion-bottom{display:block;flex:0 0 auto;width:100%;min-width:0;max-width:none;margin:0;white-space:normal;word-break:keep-all;overflow-wrap:normal;padding:10px 20px;border-top:1px solid #edf0f6;background:#fafbfe;color:#8490a2;text-align:center;font-size:10px}
.vdl-suggestion-dialog[data-auth=signed-in] .vdl-suggestion-welcome{display:none}
.vdl-suggestion-dialog[data-auth=signed-in] .vdl-suggestion-policy{margin-bottom:16px;border-top:0}
.vdl-suggestion-dialog[data-auth=signed-in] .vdl-suggestion-scroll{padding-top:6px}
.vdl-suggestion-loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 0;color:#73819a;font-size:12px}
.vdl-suggestion-loading>span{width:13px;height:13px;border:2px solid #e1e8f7;border-top-color:#245eea;border-radius:50%;animation:vdl-suggestion-spin .8s linear infinite}
.vdl-suggestion-close:hover{background:#e9eef7;color:#245eea}
.vdl-suggestion-policy summary:focus-visible{outline:3px solid #86aaff;outline-offset:3px;border-radius:4px}
@keyframes vdl-suggestion-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vdl-suggestion-loading>span{animation:none}}
@media(max-height:600px){.vdl-suggestion-dialog{bottom:16px;max-height:calc(100dvh - 32px)}}

/* Give the inbox a slim, phone-like portrait frame. */
.vdl-suggestion-dialog{width:min(370px,calc(100vw - 28px));height:min(620px,calc(100dvh - 88px));max-height:min(620px,calc(100dvh - 88px))}
@media(max-width:560px){.vdl-suggestion-dialog{width:min(370px,calc(100vw - 20px));height:min(620px,calc(100dvh - 88px));max-height:min(620px,calc(100dvh - 88px))}}

.vdl-suggestion-dialog{right:40px}
@media(max-width:560px){.vdl-suggestion-dialog{left:auto;right:20px;width:min(370px,calc(100vw - 40px))}}