.recommendation-plus{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid #cfb58488;border-radius:50%;background:#302013;color:#f3e6c8;font:28px/1 'DM Sans',sans-serif;cursor:pointer}
.recommendation-plus:hover{background:#79512e}
.sifter-toolbar .recommendation-plus{padding:0;text-shadow:none}
.sifter-actions{display:flex;align-items:center;gap:22px}
#record-crate>.recommendation-plus{position:absolute;right:66px;top:12px;z-index:5}
#recommendation-dialog{inset:0;margin:auto;width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:38px;border:0;border-radius:3px;background:#eddfc2;color:#493723;box-shadow:0 20px 70px #10080288;overflow:auto;font:16px/1.5 'DM Sans',sans-serif}
#recommendation-dialog::backdrop{background:#180e0bbd;backdrop-filter:blur(3px)}
#recommendation-dialog .recommendation-close{position:absolute;top:9px;right:10px;width:44px;height:44px;color:#66472d;font-size:28px;background:none;border:0;cursor:pointer}
#recommendation-dialog .recommendation-kicker{font:12px/1.5 'DM Mono',monospace;letter-spacing:.1em;color:#806342;margin:3px 30px 18px 0}
#recommendation-dialog h2{font:34px/1.15 'DM Serif Display',Georgia,serif;font-weight:400;margin:0 0 26px;text-wrap:balance}
#recommendation-dialog label{display:block;font-size:14px;margin:0 0 7px}
#recommendation-dialog textarea{display:block;width:100%;box-sizing:border-box;background:#fff9eaaa;color:#493723;border:1px solid #ac946e;border-radius:2px;padding:13px;font:16px/1.6 'DM Sans',sans-serif;resize:vertical;min-height:135px;max-height:45vh}
#recommendation-dialog textarea::placeholder{color:#887252}
#recommendation-dialog .recommendation-note{font-size:13px;color:#796348;margin:10px 0 22px}
#recommendation-dialog .recommendation-send,#recommendation-dialog .recommendation-done{min-height:44px;padding:11px 19px;border:0;border-radius:2px;background:#754b30;color:#fff1d7;font:14px/1.5 'DM Sans',sans-serif;cursor:pointer}
#recommendation-dialog .recommendation-send:disabled{opacity:.6;cursor:wait}
#recommendation-status{font:15px/1.6 'DM Sans',sans-serif;margin:18px 0 0;color:#57482e}
#recommendation-status:empty{display:none}
#recommendation-dialog .recommendation-done{margin-top:22px}
.recommendation-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#recommendation-dialog :focus-visible,.recommendation-plus:focus-visible{outline:3px solid #bd8149;outline-offset:4px}
@media(max-width:600px){.sifter-actions{gap:12px}#recommendation-dialog{padding:30px 24px}#recommendation-dialog h2{font-size:29px}.sifter-toolbar{gap:10px}.sifter-toolbar .sifter-spread{max-width:110px;text-align:right}#record-crate>.recommendation-plus{top:8px}}
