.overlay{z-index:30;background:var(--ds-background-modal-scrim);justify-content:center;align-items:flex-start;padding:14vh 16px 16px;display:flex;position:fixed;inset:0}.sheet{background:var(--ds-background-surface-dialog);border:1px solid var(--line);width:640px;max-width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--ds-shadow-floating);animation:surface-in var(--dur-base) var(--ease-out);border-radius:16px;overflow:auto}.overlay-palette{background:0 0}.overlay-palette:before{content:"";-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#101c201a;position:fixed;inset:0}.palette{width:640px;max-width:100%;max-height:calc(100dvh - 32px);color:var(--ds-text-emphasized);-webkit-backdrop-filter:blur(40px)saturate(190%)brightness(1.04);backdrop-filter:blur(40px)saturate(190%)brightness(1.04);animation:palette-in var(--dur-base) var(--ease-out);background:linear-gradient(140deg,#ffffff9e,#ffffff5c);border:1px solid #ffffffbf;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #ffffff4d,0 40px 100px -24px #0a232861,0 10px 30px #0a23281f}.palette:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(120% 70% at 12% -10%,#ffffffbf,#0000 55%),radial-gradient(80% 60% at 110% 120%,#0f5a601a,#0000 60%);position:absolute;inset:0}.palette-field{flex:none;position:relative}.palette-icon{width:20px;height:20px;color:var(--ds-text-tertiary);stroke-width:1.6px;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.palette input{width:100%;height:68px;color:var(--ds-text-emphasized);background:0 0;border:0;border-bottom:1px solid #70739329;border-radius:0;padding:0 24px 0 58px;font-size:20px;font-weight:300;position:relative}.palette input::placeholder{color:var(--ds-text-tertiary)}.palette input:focus-visible{outline:none}.palette-results{max-height:360px;padding:8px;position:relative;overflow:auto}.palette-results:empty{display:none}.palette-foot{color:var(--ds-text-tertiary);border-top:1px solid #70739324;flex:none;align-items:center;gap:16px;padding:11px 20px;font-size:12px;display:flex;position:relative}.palette-foot kbd{color:var(--ds-text-secondary);font:inherit;background:#ffffff8c;border:0;border-radius:6px;margin-right:4px;padding:1px 6px;font-size:12px;box-shadow:inset 0 0 0 1px #7073932e}:root[data-theme=dark] .overlay-palette:before{background:#0000004d}:root[data-theme=dark] .palette{-webkit-backdrop-filter:blur(40px)saturate(170%);backdrop-filter:blur(40px)saturate(170%);background:linear-gradient(140deg,#303042d1,#171721c2);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0a,0 40px 110px -20px #000000b3,0 10px 30px #00000059}:root[data-theme=dark] .palette:before{background:radial-gradient(120% 70% at 12% -10%,#ffffff1a,#0000 55%),radial-gradient(80% 60% at 110% 120%,#5266eb24,#0000 60%)}:root[data-theme=dark] .palette input,:root[data-theme=dark] .palette-foot{border-color:#ffffff14}:root[data-theme=dark] .palette-foot kbd{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.sheet{width:480px;padding:24px}.sheet header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet h2{font-size:20px;font-weight:400}.sheet h3{color:var(--muted);margin-top:16px;font-size:13px;font-weight:400}.sheet header button{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.shortcut{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.toast{bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;background:var(--ds-background-inverted);max-width:calc(100vw - 32px);color:var(--ds-text-on-inverted);animation:toast-in var(--dur-base) var(--ease-out);border-radius:999px;align-items:center;gap:16px;padding:12px 18px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.shell .toast{left:calc(50% + 110px)}.toast button{color:inherit;text-underline-offset:3px;text-decoration:underline}.toast button:hover{background:0 0}@keyframes surface-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes palette-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.co-logo{vertical-align:middle;object-fit:cover;flex:none;display:inline-block}.co-logo-letter{background:var(--ds-background-secondary);color:var(--ds-text-secondary);place-items:center;font-weight:500;display:inline-grid}.co-logo-img{box-shadow:inset 0 0 0 1px var(--line);background:#fff}