.gui-icon-button,.gui-modal{--gui-ink:#253c36;--gui-fill:#fffdf8;--gui-hover:#e5eee7;color:var(--gui-ink)}[data-surface=dark]{--gui-ink:#f2f5ed;--gui-fill:#253f38;--gui-hover:#35554a;color:var(--gui-ink)}[data-surface=dark] .gui-icon-button{--gui-ink:#f2f5ed;--gui-fill:#253f38;--gui-hover:#35554a}.gui-icon-button{border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:var(--gui-fill);cursor:pointer;touch-action:manipulation;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .12s,background .12s,border-color .12s;display:inline-flex;position:relative}.gui-icon-button:active:not(:disabled){background:var(--gui-hover);transform:scale(.95)}.gui-icon-button:disabled{opacity:.35;cursor:default}.gui-icon-button:focus-visible,.gui-modal button:focus-visible{outline-offset:3px;outline:3px solid #d49939}.gui-tooltip{z-index:4;color:#fff;white-space:nowrap;pointer-events:none;visibility:hidden;background:#20392f;border-radius:6px;padding:6px 9px;font:12px/1.4 system-ui;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@media (hover:hover){.gui-icon-button:hover:not(:disabled){background:var(--gui-hover);border-color:currentColor}.gui-icon-button:hover:not(:disabled) .gui-tooltip{visibility:visible}}.gui-overlay{z-index:1000;background:#101f2b70;animation:.18s both gui-fade;position:fixed;inset:0}.gui-modal{box-sizing:border-box;z-index:1001;background:var(--gui-fill);border:1px solid #87938b40;border-radius:20px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:30px;font:16px/1.6 system-ui;animation:.18s both gui-modal-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 12px 36px #12241b20}.gui-modal[data-surface=dark]{--gui-fill:#253f38;--gui-ink:#f2f5ed}.gui-modal h2{letter-spacing:-.7px;margin:4px 44px 18px 0;font-size:25px;line-height:1.2}.gui-modal-close{position:absolute;top:16px;right:16px}.gui-modal-close .gui-tooltip{display:none}.gui-modal-body{opacity:.8}.gui-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.gui-overlay[data-state=closed],.gui-modal[data-state=closed]{animation:.12s both gui-fade-out}@keyframes gui-fade{0%{opacity:0}to{opacity:1}}@keyframes gui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes gui-modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.gui-icon-button{transition:none}.gui-icon-button:active:not(:disabled){transform:none}.gui-modal,.gui-overlay{animation-duration:1ms}.gui-celebration i{display:none}}
