.st-ct-stage{place-items:center;min-height:430px;padding-block:6px;display:grid;overflow-x:clip}.st-ct-postal{border-radius:var(--radius-md);background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, repeating-linear-gradient(-45deg, var(--fg-brand) 0 12px, var(--bg-card) 12px 22px, color-mix(in srgb, var(--fg-brand) 38%, var(--bg-card)) 22px 34px, var(--bg-card) 34px 44px) border-box;width:100%;max-width:980px;transition:rotate .32s var(--ease-out);border:9px solid #0000;grid-template-columns:minmax(0,1fr);gap:24px;padding:44px 28px 28px;display:grid;position:relative;rotate:-.8deg;box-shadow:0 16px 34px #0003}.st-ct-postal:focus-within{rotate:none}.st-ct-title{color:var(--fg-muted);letter-spacing:.4em;text-transform:uppercase;margin:0;position:absolute;top:16px;left:50%;translate:-50%}.st-ct-front{flex-direction:column;gap:10px;min-width:0;display:flex}.st-ct-message{background:repeating-linear-gradient(to bottom, transparent 0 calc(100% - 1px), var(--border-strong) calc(100% - 1px) 100%);width:100%;min-height:224px;color:var(--fg-primary);font-size:var(--text-heading-md);line-height:var(--text-heading-md--line-height);background-size:100% calc(var(--text-heading-md) * var(--text-heading-md--line-height));resize:none;background-attachment:local;border:0;outline:none;flex:1 0 auto;padding:0 2px;overflow:hidden}.st-ct-count{color:var(--fg-muted);font-variant-numeric:tabular-nums;align-self:flex-end}.st-ct-count[data-full]{color:var(--status-error-fg)}.st-ct-message::placeholder{color:var(--fg-muted);font-style:italic}.st-ct-message:focus-visible{background:repeating-linear-gradient(to bottom, transparent 0 calc(100% - 1px), var(--border-brand-strong) calc(100% - 1px) 100%);background-size:100% calc(var(--text-heading-md) * var(--text-heading-md--line-height));background-attachment:local}.st-ct-back{flex-direction:column;gap:18px;min-width:0;display:flex}.st-ct-corner{justify-content:flex-end;min-height:96px;display:flex;position:relative}.st-ct-stamp{background:var(--bg-surface);color:var(--fg-primary);outline:4px dotted var(--bg-surface);outline-offset:-2px;flex-direction:column;align-items:center;gap:3px;padding:6px 6px 4px;display:flex;rotate:3deg;box-shadow:0 2px 6px #00000040}.st-ct-stamp>span{background:color-mix(in srgb, var(--fg-brand) 22%, var(--bg-surface));place-items:end center;width:62px;height:62px;display:grid}.st-ct-stamp>small{font-size:var(--text-mono-xs);letter-spacing:.2em;text-transform:uppercase}.st-ct-postmark{z-index:1;fill:none;width:168px;stroke:var(--fg-secondary);stroke-width:1.4px;position:absolute;top:10px;right:66px}.st-ct-postmark text{fill:var(--fg-secondary);stroke:none;font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.08em}.st-ct-address{flex-direction:column;gap:2px;margin:0;display:flex}.st-ct-sender{flex-direction:column;gap:4px;display:flex}.st-ct-sender>input{border:0;border-bottom:1px solid var(--border-strong);width:100%;min-width:0;color:var(--fg-primary);transition:border-color .15s var(--ease-out);background:0 0;outline:none;padding:7px 2px}.st-ct-sender>input::placeholder{color:var(--fg-muted)}.st-ct-sender>input:focus-visible{border-bottom-color:var(--fg-brand)}@container (min-width:760px){.st-ct-postal{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;padding:48px 34px 30px}.st-ct-front{padding-right:30px}.st-ct-back{border-left:1px dashed var(--border-strong);justify-content:space-between;padding-left:30px}}.st-ct-returned{z-index:3;border:4px double var(--status-error);width:min(340px,100% - 24px);color:var(--status-error);font-size:var(--text-heading-lg);letter-spacing:.14em;text-align:center;text-transform:uppercase;pointer-events:none;mix-blend-mode:multiply;border-radius:8px;margin-top:-32px;padding:12px 0;font-weight:700;position:absolute;top:50%;left:50%;translate:-50%}:root:not([data-mode=light]) .st-ct-returned{mix-blend-mode:normal;opacity:.9}.st-ct-receipt{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.st-ct-seen{fill:none;width:96px;stroke:var(--status-success);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;rotate:-8deg}.st-ct-seen>circle:nth-child(2){stroke-width:1.2px;stroke-dasharray:3 4}.st-ct-seen>path{stroke-width:6px}