img:not([class*=-cover]):not([class*=viewer-ignore]){cursor:pointer}dialog#image-gallery{z-index:999998;background:0 0;border-radius:0;width:0;height:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;&[open]{width:100%;min-width:100%;height:100%;min-height:100%;&::backdrop{background:var(--modalVeil);-webkit-backdrop-filter:blur(.4rem)}}& button[type=button]{background:var(--surface-1);width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--heading);box-shadow:var(--floatShadow);cursor:pointer;z-index:2;touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;& span{place-items:center;width:1.25rem;height:1.25rem;line-height:0;display:inline-grid}& svg{width:100%;height:100%}&:hover{background:var(--surface-2)}&:focus-visible{outline:var(--focus-outline);outline-offset:.125rem}&:active{scale:.96}}& button.close{z-index:3;top:1rem;right:1rem}& button[data-direction=prev],& button[data-direction=next]{top:50%;transform:translateY(-50%)}& button[data-direction=prev]{left:1rem;right:auto}& button[data-direction=next]{left:auto;right:1rem}& img{box-shadow:var(--heavyShadow);border-radius:.5em}& img.image-gallery-main-preview{--zoom:1;height:80%;scale:var(--zoom);margin:auto;display:flex;inset:auto}& .image-gallery-list{z-index:999999;scroll-snap-type:x mandatory;background:linear-gradient(#0000,#1117);gap:1em;width:100%;padding:1em;display:flex;position:absolute;inset:auto 0 0;overflow:scroll hidden;& img{scroll-snap-align:start;opacity:.4;filter:grayscale(.2);width:auto;height:7vh;transition:all .3s;scale:.9;&:hover,&.active{opacity:1;filter:none;scale:1}}}}html[data-shell=smartphone]{& dialog#image-gallery{& img.image-gallery-main-preview{height:60%}& button.close{top:max(.75rem, env(safe-area-inset-top,0));right:max(.75rem, env(safe-area-inset-right,0))}& button[data-direction=prev]{left:max(.75rem, env(safe-area-inset-left,0))}& button[data-direction=next]{right:max(.75rem, env(safe-area-inset-right,0))}& .image-gallery-list{gap:.5em;padding:.5em;& img{height:6vh}}}}.improve-survey-root{z-index:var(--z-modal,10050);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.improve-survey-root.is-open{pointer-events:auto}.improve-survey-root.is-banner{inset:auto;right:max(1rem, env(safe-area-inset-right,0));bottom:max(1rem, env(safe-area-inset-bottom,0));width:min(22.5rem,100vw - 2rem);z-index:var(--z-toast,10060);pointer-events:none;top:auto;left:auto}.improve-survey-root.is-banner.is-open{pointer-events:auto;animation:.28s ease-out both improve-survey-in}.improve-survey-backdrop{z-index:0;background:var(--modalVeil);-webkit-backdrop-filter:blur(.45rem);width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none;border:0;border-radius:0;margin:0;padding:0;animation:.2s ease-out both improve-survey-fade;display:block;position:absolute;inset:0}.improve-survey-sheet{z-index:1;width:min(28rem,100%);max-height:min(88dvh,42rem);padding:1.15rem 1.25rem calc(1.15rem + env(safe-area-inset-bottom,0));border-radius:var(--panelRadius) var(--panelRadius) 0 0;background:var(--surface-1);color:var(--text);border:.0625rem solid var(--line);box-shadow:var(--floatShadow);overscroll-behavior:contain;flex-direction:column;gap:.85rem;margin:0;animation:.28s ease-out both improve-survey-sheet-up;display:flex;position:relative;overflow:hidden}.improve-survey-root.is-banner .improve-survey-sheet{border-radius:var(--cardRadius);width:100%;max-height:none;box-shadow:var(--floatShadow);border:.0625rem solid var(--line);padding:1.05rem 1.1rem 1.1rem;animation:.28s ease-out both improve-survey-in;overflow:visible}.improve-survey-root.is-banner .improve-survey-actions{background:0 0;border-top:none;padding-top:0}.improve-survey-head{flex:none;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.improve-survey-head-spacer{flex:auto;min-width:0}.improve-survey-sheet h2,.improve-survey-head>p{letter-spacing:-.02em;text-wrap:balance;min-width:0;color:var(--heading,var(--text));flex:auto;margin:0;font-size:1.2rem;font-weight:650;line-height:1.25}.improve-survey-sheet .subtitle{color:var(--textSecondary,var(--textMuted,var(--text)));margin:0;font-size:.92rem;line-height:1.5}.improve-survey-meta{color:var(--textSecondary,var(--textMuted,var(--text)));margin:0;font-size:.8rem;font-weight:600;line-height:1.35}.improve-survey-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:.85rem;min-height:0;scroll-padding-bottom:.5rem;display:flex;overflow:auto}.improve-survey-banner{color:var(--text);background:0 0;flex-direction:column;align-items:stretch;gap:.9rem;padding:0;display:flex}.improve-survey-banner p{color:var(--heading,var(--text));margin:0;font-size:.98rem;font-weight:650;line-height:1.4}.improve-survey-banner-hint{color:var(--textSecondary,var(--textMuted,var(--text)));margin:0;font-size:.82rem;font-weight:500;line-height:1.45}.improve-survey-codeset{border:none;min-inline-size:0;margin:0;padding:0}.improve-survey-codes{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.improve-survey-codes>li{margin:0;padding:0;display:contents}.improve-survey-codes .chip{min-height:var(--hit-min,2.75rem);border-radius:var(--pillRadius);background:var(--wash);color:var(--text);font:inherit;font-size:.88rem;font-weight:var(--button-weight);cursor:pointer;touch-action:manipulation;user-select:none;transition:background var(--motion-fast,.15s ease), box-shadow var(--motion-fast,.15s ease);border:none;align-items:center;gap:.45rem;margin:0;padding:.4rem .8rem .4rem .65rem;line-height:1.3;display:inline-flex}.improve-survey-codes .chip:hover{background:color-mix(in srgb, var(--heading) 10%, transparent)}.improve-survey-codes .chip:has(input:checked){background:var(--surface-1);box-shadow:inset 0 0 0 .125rem var(--heading);color:var(--heading)}.improve-survey-codes .chip:has(input:focus-visible){box-shadow:var(--focus-ring,inset 0 0 0 .0938rem var(--heading))}.improve-survey-codes .chip input{width:1.05rem;height:1.05rem;accent-color:var(--heading);flex-shrink:0;margin:0}.improve-survey-comment label{color:var(--heading,var(--text));justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;font-weight:650;display:flex}.improve-survey-comment .char-count{color:var(--textSecondary,var(--textMuted,var(--text)));font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.improve-survey-comment textarea{box-sizing:border-box;border:.0625rem solid var(--line);border-radius:var(--fieldRadius);background:var(--surface-1);width:100%;min-height:5rem;color:var(--text);font:inherit;resize:vertical;field-sizing:content;padding:.75rem .9rem;line-height:1.45}.improve-survey-comment textarea:focus-visible{border-color:var(--heading);box-shadow:var(--inputFocusRing);outline:none}.improve-survey-actions{border-top:.0625rem solid var(--line);background:var(--surface-1);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.5rem;margin-top:0;padding-top:.75rem;display:flex}.improve-survey-actions button{appearance:none;min-height:var(--hit-min,2.75rem);border-radius:var(--pillRadius);border:.0625rem solid var(--line);color:var(--heading);font:inherit;font-weight:var(--button-weight);cursor:pointer;touch-action:manipulation;transition:background var(--motion-fast), border-color var(--motion-fast), opacity var(--motion-fast);background:0 0;padding:.55rem 1.1rem}.improve-survey-actions button:not(.primary):hover{border-color:var(--ring);background:var(--wash)}.improve-survey-actions button.primary{border-color:var(--heading);background:var(--heading);box-shadow:var(--buttonShadow);color:var(--surface-1)}.improve-survey-actions button.primary:hover:not(:disabled){border-color:var(--fill-hover);background:var(--fill-hover)}.improve-survey-actions button.primary:disabled{opacity:.45;cursor:not-allowed}.improve-survey-actions button:disabled{opacity:.5;cursor:not-allowed}.improve-survey-actions button:not(:disabled):active{transform:scale(.98)}.improve-survey-actions button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.improve-survey-thanks{text-align:center;color:var(--heading,var(--text));flex-direction:column;align-items:center;gap:.8rem;margin:0;padding:2rem .75rem 1.35rem;font-size:1.1rem;font-weight:650;animation:.28s ease-out both improve-survey-in;display:flex}.improve-survey-thanks-icon{background:var(--success);width:3rem;height:3rem;color:var(--surface-1);box-shadow:0 .25rem 1rem color-mix(in srgb, var(--success,#2f8f5b) 35%, transparent);border-radius:50%;place-items:center;display:grid}.improve-survey-thanks-icon svg{width:1.4rem;height:1.4rem;display:block}.improve-survey-close{box-sizing:border-box;background:var(--wash);width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;color:var(--heading);cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;z-index:2;border:none;border-radius:50%;flex:none;place-items:center;margin:-.15rem -.15rem 0 0;padding:0;display:inline-grid}.improve-survey-close span{place-items:center;width:1rem;height:1rem;line-height:0;display:inline-grid}.improve-survey-close svg{width:1rem;height:1rem;display:block}.improve-survey-close:hover{background:var(--heading);color:var(--surface-1)}.improve-survey-close:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}@keyframes improve-survey-in{0%{opacity:0;transform:translateY(.6rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes improve-survey-sheet-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes improve-survey-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.improve-survey-root.is-banner.is-open,.improve-survey-sheet,.improve-survey-root.is-banner .improve-survey-sheet,.improve-survey-backdrop,.improve-survey-thanks{animation:none}.improve-survey-codes .chip:active,.improve-survey-actions button:not(:disabled):active{transform:none}}html[data-shell=desktop]{& .improve-survey-root:not(.is-banner){align-items:center}& .improve-survey-root:not(.is-banner) .improve-survey-sheet{border-radius:1.15rem;width:min(30rem,100vw - 2.5rem);max-height:min(82dvh,38rem)}& .improve-survey-root.is-banner{right:max(1.35rem, env(safe-area-inset-right,0));bottom:max(1.35rem, env(safe-area-inset-bottom,0))}}html[data-shell=tablet]{& .improve-survey-root:not(.is-banner){align-items:center}& .improve-survey-root:not(.is-banner) .improve-survey-sheet{border-radius:1.15rem;width:min(30rem,100vw - 2.5rem);max-height:min(82dvh,38rem)}& .improve-survey-root.is-banner{right:max(1.35rem, env(safe-area-inset-right,0));bottom:max(1.35rem, env(safe-area-inset-bottom,0))}}html[data-shell=smartphone]{& .improve-survey-root:not(.is-banner){z-index:var(--z-overlay,100120);align-items:stretch}& .improve-survey-root:not(.is-banner) .improve-survey-sheet{align-self:stretch;width:100%;max-width:none}& .improve-survey-root.is-banner{left:.75rem;right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom,0));width:auto}& .improve-survey-actions{flex-direction:column}& .improve-survey-actions .primary{order:-1}& .improve-survey-actions button{width:100%}}.ui-tour{z-index:var(--z-overlay);pointer-events:none;position:fixed;inset:0;&[data-paused]{visibility:hidden}& .veil{position:absolute;inset:0;& path{fill:var(--modalVeil);pointer-events:auto;transition:d var(--motion-med)}}&:not([data-dim]) .veil path{fill:#0000;pointer-events:none}& .shield{pointer-events:auto;position:absolute}& .ring{box-shadow:0 0 0 .1875rem var(--surface-1), 0 0 0 .375rem color-mix(in srgb, var(--heading) 55%, transparent);transition:left var(--motion-med), top var(--motion-med), width var(--motion-med), height var(--motion-med);border-radius:.9rem;position:absolute;&[data-live]{animation:1.8s ease-in-out infinite ui-tour-pulse}}& .gesture{width:7rem;height:5rem;color:var(--heading);place-items:center;display:grid;position:absolute;translate:-50% -50%;& .orbit{opacity:.55;height:4rem;position:absolute;inset:auto 0 0}& .hand{background:var(--surface-1);width:2.75rem;height:2.75rem;box-shadow:var(--popoverShadow);border-radius:50%;padding:.45rem;animation:2.4s ease-in-out infinite ui-tour-drag}& svg{width:100%;height:100%;display:block}}&[data-pending]{& .card,& .ring,& .gesture{visibility:hidden}}& .card{box-sizing:border-box;border:.0625rem solid var(--line);border-radius:var(--cardRadius);width:min(22rem,100vw - 1.5rem);box-shadow:var(--popoverShadow);color:var(--text);background:var(--surface-1);pointer-events:auto;transition:left var(--motion-med), top var(--motion-med);animation:ui-tour-in var(--motion-med);outline:none;gap:.5rem;padding:.9rem 1rem 1rem 1.15rem;display:grid;position:absolute;overflow:hidden;&[data-shell=phone]{width:calc(100vw - 1.5rem)}& header{align-items:center;gap:.6rem;margin:-.2rem -.35rem 0 0;display:flex}& .steps{flex:1;gap:.25rem;margin:0;padding:0;list-style:none;display:flex;& li{border-radius:var(--pillRadius);background:var(--line);height:.3rem;transition:flex-grow var(--motion-med), background var(--motion-fast);flex:1 1 0;&[data-state=done]{background:color-mix(in srgb, var(--heading) 45%, transparent)}&[data-state=current]{background:var(--heading);flex-grow:3}}}& .count{font-variant-numeric:tabular-nums;color:var(--textSecondary);font-size:.75rem;font-weight:600}& h2{color:var(--heading);margin:0;font-size:1.05rem;font-weight:650;line-height:1.3}& p{margin:0;font-size:.9rem;line-height:1.45}& .body{gap:.45rem;display:grid}& .try{color:var(--textSecondary);align-items:center;gap:.4rem;font-size:.82rem;display:flex;& span{width:1.1em;height:1.1em}}&[data-done] .try{color:var(--heading);font-weight:600}& footer{justify-content:flex-end;gap:.5rem;margin-top:.35rem;display:flex}}& .close{aspect-ratio:1;width:2rem;max-width:none;height:2rem;min-height:0;color:var(--textSecondary);box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:.5rem;display:grid;&:hover{background:var(--wash);color:var(--heading)}}& svg{width:100%;height:100%;display:block}}.ui-tour .card footer button,.ui-tour-invite footer button{border-radius:var(--pillRadius);min-height:2.5rem;font:inherit;font-size:.88rem;font-weight:var(--button-weight);box-shadow:none;cursor:pointer;border:0;padding:0 1.1rem;&.next{background:var(--heading);color:var(--surface-1)}&.back{background:var(--wash);color:var(--heading)}&:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}}.ui-tour .close:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.ui-tour-invite{z-index:var(--z-toolbox);box-sizing:border-box;border:.0625rem solid var(--line);border-radius:var(--cardRadius);width:min(25rem,100vw - 1.5rem);box-shadow:var(--popoverShadow);color:var(--text);background:var(--surface-1);animation:ui-tour-in var(--motion-med);grid-template-columns:auto minmax(0,1fr) 2rem;align-items:start;gap:.35rem .8rem;padding:.9rem 1rem 1rem;display:grid;position:fixed;translate:0 -100%;&[data-shell=phone]{width:calc(100vw - 1.5rem);translate:0 -100%}& .badge{box-sizing:border-box;background:var(--wash);width:2.5rem;height:2.5rem;color:var(--heading);border-radius:50%;place-items:center;padding:.6rem;display:grid;& svg{width:100%;height:100%;display:block}}& h2{color:var(--heading);margin:0 0 .2rem;font-size:1rem;font-weight:650}& p{color:var(--textSecondary);margin:0;font-size:.86rem;line-height:1.4;&+p{margin-top:.35rem}}& .close{aspect-ratio:1;width:2rem;max-width:none;height:2rem;min-height:0;color:var(--textSecondary);box-shadow:none;background:0 0;border:0;border-radius:50%;justify-self:end;place-items:center;margin:-.3rem -.4rem 0 0;padding:.5rem;display:grid;&:hover{background:var(--wash);color:var(--heading)}&:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}& svg{width:100%;height:100%;display:block}}& footer{grid-column:1/-1;justify-content:flex-end;margin-top:.4rem;display:flex}&[data-shell=phone] footer button{flex:1}}@keyframes ui-tour-in{0%{opacity:0;transform:translateY(.4rem)}}@keyframes ui-tour-pulse{50%{box-shadow:0 0 0 .1875rem var(--surface-1), 0 0 0 .7rem color-mix(in srgb, var(--heading) 18%, transparent)}}@keyframes ui-tour-drag{0%,to{transform:translate(-2.25rem,.4rem)rotate(-8deg)}50%{transform:translate(2.25rem,-.2rem)rotate(8deg)}}
