.gate-backdrop{z-index:1000;background:rgba(20,17,14,.45);place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.gate-modal{background:var(--paper,#fbf8f2);color:var(--ink,#211d18);border-radius:12px;width:100%;max-width:440px;padding:1.4rem 1.4rem 1.2rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25)}.gate-modal h2{margin:0 0 .4rem;font-size:1.2rem}.gate-modal p{color:var(--ink-2,#5b534a);margin:0 0 .9rem;font-size:.92rem}.gate-close{cursor:pointer;color:inherit;background:0 0;border:0;font-size:1.4rem;position:absolute;top:.5rem;right:.7rem}.gate-form{flex-wrap:wrap;gap:.5rem;display:flex}.gate-form .input{flex:200px;min-width:0}.gate-error{color:var(--danger,#a6402c);flex-basis:100%;margin:0;font-size:.85rem}.gate-sent{font-size:.9rem}.gate-capture{border:1px solid var(--rule,#e3dccf);background:color-mix(in srgb,var(--gorse,#e4b71e)10%,var(--paper,#fbf8f2));border-radius:12px;margin:1rem 0;padding:1rem 1.1rem}.gate-capture h3{margin:0 0 .3rem;font-size:1.05rem}.gate-capture p{color:var(--ink-2,#5b534a);margin:0 0 .7rem;font-size:.9rem}.gate-capture.compact{padding:.75rem .85rem}.gate-capture.compact h3{margin-bottom:.5rem;font-size:.95rem}.gate-area{align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.gate-toast{z-index:1001;color:#fff;cursor:pointer;background:#211d18;border-radius:10px;max-width:min(92vw,520px);padding:.7rem 1rem;font-size:.9rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px rgba(0,0,0,.25)}