.str-reader{
  --accent:#C81D11;
  --accent-dark:#9F160D;
  --text:#2b1b1a;
  --muted:#746461;
  --line:#ead8d4;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:980px;
  margin:30px auto;
  padding:clamp(24px,5vw,56px);
  border:1px solid rgba(200,29,17,.28);
  border-radius:28px;
  background-color:#fffaf8;
  background-image:
    radial-gradient(circle at 12% 14%,rgba(200,29,17,.10),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(255,218,199,.55),transparent 24%),
    radial-gradient(circle at 72% 82%,rgba(200,29,17,.06),transparent 30%),
    radial-gradient(circle,rgba(200,29,17,.18) 0 1px,transparent 1.4px);
  background-size:auto,auto,auto,72px 72px;
  box-shadow:0 24px 60px rgba(83,38,34,.10);
  color:var(--text);
  font-family:inherit
}
.str-reader,.str-reader *{box-sizing:border-box}
.str-reader:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1.5px,transparent 1.9px);background-size:93px 93px;background-position:23px 29px;opacity:.85}
.str-reader img{max-width:100%;height:auto;border:0!important;box-shadow:none!important;background:transparent!important}
.str-reader__glow{position:absolute;z-index:-1;width:380px;height:380px;left:-190px;bottom:-230px;border-radius:50%;background:rgba(200,29,17,.09);filter:blur(50px)}
.str-reader__header{text-align:center;max-width:720px;margin:0 auto 30px}
.str-reader__header h2{margin:0 0 10px;color:#311a18;font-size:clamp(27px,4vw,42px);line-height:1.4}
.str-reader__header p{margin:0;color:var(--muted);font-size:15px;line-height:2}
.str-reader__eyebrow{display:none!important}
.str-form{position:relative;padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(83,38,34,.06)}
.str-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.str-field--wide{grid-column:1/-1}
.str-field label{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-weight:800;color:#352220}
.str-field label small{font-size:11px;font-weight:500;color:#9b7771}
.str-field input,.str-field textarea{width:100%;min-width:0;border:1px solid #dfcfcb!important;border-radius:13px!important;outline:0;background:#fff!important;color:#2b1b1a!important;font:inherit;box-shadow:none!important;appearance:none;-webkit-appearance:none;transition:.2s ease}
.str-field input:-webkit-autofill,.str-field input:-webkit-autofill:hover,.str-field input:-webkit-autofill:focus,.str-field textarea:-webkit-autofill{-webkit-text-fill-color:#2b1b1a!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;border:1px solid rgba(200,29,17,.45)!important}
.str-field input{height:50px;padding:0 14px}
.str-field textarea{min-height:145px;padding:14px;resize:vertical;line-height:1.9}
.str-field input:focus,.str-field textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(200,29,17,.09)!important}
.str-field__hint{margin-top:8px;color:#7d6b68;font-size:12px;line-height:1.85}
.str-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:20px;padding:12px 20px;border:0;border-radius:14px;background:linear-gradient(135deg,#C81D11,#A8170E);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(200,29,17,.20);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.str-submit:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 15px 30px rgba(200,29,17,.25)}
.str-submit:disabled{cursor:wait;opacity:.65;transform:none}
.str-submit b{font-size:17px}
.str-daily-note{margin:10px 0 0;text-align:center;color:#8b7773;font-size:11px;line-height:1.7}
.str-status{display:none;margin-top:15px;padding:12px 14px;border:1px solid #ead8d4;border-radius:12px;text-align:center;color:#725f5b;background:#fff7f5}
.str-status.is-active{display:block}
.str-status.is-error{color:#9f160d;border-color:rgba(200,29,17,.28);background:#fff0ee}
.str-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.str-result{scroll-margin-top:30px;margin-top:38px}
.str-cards{display:grid;grid-template-columns:repeat(3,minmax(160px,220px));justify-content:center;align-items:start;gap:22px;margin-bottom:30px}
.str-card{width:100%;min-width:0;opacity:0;transform:translateY(16px);animation:strCardIn .5s ease forwards;animation-delay:var(--delay);text-align:center}
.str-card__image-wrap{overflow:hidden;border:2px solid #fff;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(83,38,34,.15),0 0 0 1px rgba(200,29,17,.25);aspect-ratio:2/3.48}
.str-card__image,.str-card__image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border:0!important;outline:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;border-radius:13px!important}
.str-card.is-reversed .str-card__image{transform:rotate(180deg)}
.str-card__image-wrap--empty{display:grid;place-items:center;font-size:42px;color:var(--accent)}
.str-card__meta{display:flex;justify-content:center;padding:11px 6px 0}
.str-card__meta strong{margin:0;color:#3b2421;font-size:17px;font-weight:900}
.str-card__meta small,.str-card__meta em,.str-card__meta b{display:none!important}
.str-answer{padding:clamp(22px,4vw,38px);border:1px solid #ead8d4;border-radius:20px;background:#fff;color:#3d2a27;line-height:2.1;box-shadow:0 10px 28px rgba(83,38,34,.06)}
.str-answer h3{position:relative;margin:28px 0 10px;padding-right:22px;color:var(--accent);font-size:20px}
.str-answer h3:first-child{margin-top:0}
.str-answer h3:before{content:"✦";position:absolute;right:0;top:1px;color:var(--accent);font-size:12px}
.str-answer h4{margin:18px 0 7px;color:#3b2421;font-size:16px}
.str-answer p{margin:0 0 13px}
.str-disclaimer{margin:16px auto 0;max-width:760px;text-align:center;color:#927f7b;font-size:12px;line-height:1.9}
.is-loading .str-submit b{animation:strSpin 1.2s linear infinite}
@keyframes strSpin{to{transform:rotate(360deg)}}
@keyframes strCardIn{to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){
  .str-reader{width:calc(100% - 18px);max-width:none;margin:10px auto;padding:20px 12px;border:1px solid rgba(200,29,17,.25);border-radius:18px;box-shadow:0 12px 35px rgba(83,38,34,.10)}
  .str-reader__header{width:100%;margin:0 auto 22px;padding:0 4px}
  .str-reader__header h2{font-size:25px;line-height:1.5}
  .str-reader__header p{font-size:13px;line-height:1.9}
  .str-form{width:100%;padding:15px 12px;border-radius:15px}
  .str-form__grid{display:flex;flex-direction:column;gap:14px}
  .str-field,.str-field--wide{width:100%;grid-column:auto}
  .str-field input{height:48px}
  .str-field textarea{min-height:125px}
  .str-field__hint{font-size:11px;line-height:1.8}
  .str-submit{min-height:52px;margin-top:16px}
  .str-daily-note{font-size:10px}
  .str-result{width:100%;margin-top:28px}
  .str-cards{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:24px;margin-bottom:26px}
  .str-card{width:min(270px,88vw);max-width:100%;margin:0 auto}
  .str-card__meta{padding-top:9px}
  .str-card__meta strong{font-size:16px}
  .str-answer{width:100%;padding:18px 14px;border-radius:15px;font-size:14px;line-height:2}
  .str-answer h3{font-size:18px}
  .str-disclaimer{padding:0 5px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.is-loading .str-submit b{animation:none}.str-card{animation:none;opacity:1;transform:none!important}}