.poet{margin-top:28px;max-width:610px}
.poet[hidden],.poet [hidden]{display:none!important}
.poet-button{position:relative;isolation:isolate;overflow:hidden;display:inline-grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2.5px 8.5px;width:min(50%,180px);height:52px;min-height:52px;max-width:100%;padding:9px 12.5px;border:1px solid #89601e;border-radius:4.5px;background:linear-gradient(115deg,transparent 18%,#fff7cf66 34%,transparent 48%,#99641112 78%,transparent),linear-gradient(180deg,#fff0b1 0%,#e8bd58 22%,#f7d984 48%,#d1a141 51%,#e8bf5e 78%,#c19131 100%);color:#39260e;font:inherit;line-height:1.25;text-align:left;text-shadow:0 .5px 0 #fff4c18c;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 1px 0 #fff8d9,inset 0 -1px 0 #91641d,0 2px 0 #79531b,0 2.5px 0 #ddb65c,0 6px 12px #69481924;transition:transform .18s,box-shadow .18s,filter .18s}
.poet-button::before{content:"";position:absolute;inset:2.5px;border:1px solid #fff1ad99;border-bottom-color:#92691d66;border-radius:2.5px;pointer-events:none}
.poet-button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff8d980 46%,#fffcee9c 50%,transparent 72%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
.poet-button>*{position:relative;z-index:1}
.poet-button svg{grid-column:1;grid-row:1 / 3;width:24px;height:24px;padding:4px;border:1px solid #95691f80;border-radius:50%;background:linear-gradient(145deg,#fff0ac88,#b6822440);color:#513811;box-shadow:inset 0 .5px 1px #754d2424,0 .5px 0 #fff1b9aa}
.poet-button strong{grid-column:2;grid-row:1;align-self:end;font-family:Georgia,'Times New Roman',serif;font-size:12.5px;font-weight:700;line-height:1.15;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.poet-button .poet-signature{grid-column:2;grid-row:2;align-self:start;color:#573c14;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:10px;letter-spacing:.025em}
@media(hover:hover){.poet-button:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:inset 0 1px 0 #fff8d9,inset 0 -1px 0 #91641d,0 3px 0 #79531b,0 3.5px 0 #ddb65c,0 8px 14px #6948192c}.poet-button:hover::after{transform:translateX(120%)}}
.poet-button:active{transform:translateY(1.5px);box-shadow:inset 0 .5px 1.5px #80551e3d,0 .5px 0 #79531b,0 2.5px 6px #69481924}
.poet-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.poet-reply{position:relative;margin-top:20px;padding:20px 22px 18px;border-left:2px solid #a18035;background:#fffaf0;box-shadow:0 3px 16px #122f4605;overflow-wrap:break-word}
.poet .poet-line{color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.55;margin:0}
.poet-credit{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-top:14px;color:var(--muted);font-size:11px;line-height:1.5}
.poet-credit span:first-child{font-style:italic}
@media(max-width:680px){.poet{margin-top:24px}.poet-reply{padding:17px 18px}.poet .poet-line{font-size:19px}}
@media(max-width:380px){.poet-button{grid-template-columns:19px minmax(0,1fr);gap:2.5px 6px;padding:8px 9px;height:48px;min-height:48px}.poet-button svg{width:19px;height:19px;padding:3px}.poet-button strong{font-size:10.5px;letter-spacing:.02em}.poet-button .poet-signature{font-size:10px}}
@media(prefers-reduced-motion:reduce){.poet-button,.poet-button::after{transition:none}.poet-button:hover,.poet-button:active{transform:none}.poet-button::after{display:none}}