.tine-signup{position:fixed;left:0;bottom:clamp(100px,18vh,180px);z-index:40;font-family:var(--base-font-family,Arial,Helvetica,sans-serif);color:#171717}
.tine-signup [hidden]{display:none!important}
.tine-signup button,.tine-signup input{font:inherit}
.tine-signup button{cursor:pointer;touch-action:manipulation}
.tine-signup button:active{transform:scale(.98)}
.tine-signup button:focus-visible,.tine-signup input:focus-visible{outline:3px solid #171717;outline-offset:3px}
.tine-signup-tab{display:flex;align-items:center;justify-content:center;gap:13px;writing-mode:vertical-rl;transform:rotate(180deg);width:44px;min-height:154px;border:0;border-radius:9px 0 0 9px;background:#171717;color:#fff;box-shadow:0 4px 18px #0002;font-size:12px!important;font-weight:700!important;letter-spacing:.045em}
.tine-signup-tab:active{transform:rotate(180deg)!important}
.tine-signup-tab svg{width:16px;height:16px;flex:none}
.tine-signup-panel{position:relative;width:min(324px,calc(100vw - 24px));margin-left:12px;padding:24px 22px 18px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;box-shadow:0 10px 44px #0002;animation:tine-signup-in .2s ease-out}
.tine-signup-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#747474}
.tine-signup-close:hover{background:#f3f3f3;color:#111}.tine-signup-close svg{width:17px;height:17px}
.tine-signup-kicker{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:9px;font-weight:700;letter-spacing:.15em;color:#707070}
.tine-signup-kicker::before{content:'';width:5px;height:5px;border-radius:50%;background:#a27844}
.tine-signup h2{margin:0 0 9px;font-size:32px;line-height:1.06;font-weight:600;letter-spacing:-1.1px}
.tine-signup-copy{margin:0 0 16px;font-size:12px;line-height:1.55;color:#606060}
.tine-signup-form label{display:block;margin-bottom:6px;font-size:11px;font-weight:600}
.tine-signup-form input[type="email"]{display:block;width:100%;min-width:0;min-height:44px;height:44px;margin:0;padding:0 11px;border:0;border-radius:5px 0 0 5px;font-size:16px;background:#fff;color:#171717;box-sizing:border-box}
.tine-signup-form input[type="email"]::placeholder{color:#929292;font-size:13px}
.tine-signup-submit{display:flex;align-items:center;justify-content:space-between;gap:8px;width:auto;height:44px;margin:0;padding:0 13px;border:0;border-radius:5px;background:#171717;color:#fff;font-size:12px!important;font-weight:700!important}
.tine-signup-input-row{display:flex;border:1px solid #d8d8d8;border-radius:5px}.tine-signup-input-row input{flex:1}.tine-signup-input-row button{border-radius:0 4px 4px 0}.tine-signup-submit svg{width:14px;height:14px}.tine-signup-terms{margin:12px 0 0;font-size:10px;line-height:1.55;color:#727272}
.tine-signup-rule{margin:10px 0 0;padding-top:10px;border-top:1px solid #ededed;font-size:10px;line-height:1.5;color:#626262}

.tine-signup-code{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;padding:12px 14px;border:1px dashed #bdbdbd;border-radius:5px;background:#fafafa}
.tine-signup-code span{font-size:10px;color:#717171}.tine-signup-code strong{font-size:24px;letter-spacing:.12em;font-weight:600}

@keyframes tine-signup-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.tine-signup{bottom:max(106px,calc(env(safe-area-inset-bottom) + 90px))}.tine-signup-tab{width:40px;min-height:138px;font-size:11px!important}.tine-signup-panel{margin-left:10px;width:min(320px,calc(100vw - 20px));padding:22px 20px 16px}.tine-signup h2{font-size:29px}.tine-signup-kicker{margin-bottom:12px}.tine-signup-copy{margin-bottom:16px}}
@media(max-height:540px){.tine-signup{bottom:12px}.tine-signup-panel{max-height:calc(100dvh - 24px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.tine-signup-panel{animation:none}.tine-signup button:active{transform:none}}


.tine-signup,.tine-signup *{box-sizing:border-box}
.tine-signup[hidden]{display:none!important}
.tine-signup button{min-width:0;letter-spacing:normal;text-transform:none;appearance:none}
.tine-signup-form{margin:0}
.tine-signup-input-row:focus-within{border-color:#171717;box-shadow:0 0 0 1px #171717}
.tine-signup-input-row input:focus,.tine-signup-input-row input:focus-visible{outline:none;box-shadow:none}
.tine-signup-error{margin:10px 0 0;color:#b31c1c;font-size:12px;line-height:1.5}
.tine-signup-panel{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
@media(max-height:540px){.tine-signup-panel{max-height:calc(100dvh - 24px)}}