/* All brand/nav/background styles are the extracted V22/V64 shared-shell.css; this file only affects central homepage. */
.home-scene{position:absolute;inset:0;isolation:isolate;overflow:visible}
.paper-wrap{position:absolute;z-index:2;left:50%;top:50%;height:min(calc(100% - 26px),calc(min(108vw,470px) * 1305 / 941));aspect-ratio:941 / 1305;width:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 11px rgba(15,5,45,.36));overflow:visible}
.paper-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.paper-wrap button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.paper-wrap button:focus-visible,.streak-link:focus-visible{outline:2px solid #63258d;outline-offset:2px}
.edition-date{position:absolute;left:81.4%;top:10.1%;width:10.6%;height:5.4%;display:flex;align-items:center;justify-content:center;text-align:center;font:700 clamp(7px,2.1vw,10px)/1.32 'STFangsong','Songti SC',serif;color:#8b5567;white-space:pre-line}
.task-title{position:absolute;top:28.1%;left:11.6%;width:43%;margin:0;text-align:center;font:700 clamp(20px,6.5vw,30px)/1.14 'STFangsong','Songti SC',serif;color:#562663;text-shadow:0 1px #f8ddb1;white-space:nowrap;letter-spacing:1px}
.task-number{position:absolute;top:34%;left:14%;width:39%;display:flex;justify-content:center;align-items:baseline;gap:5px;color:#66286e;text-shadow:0 1px 0 #fbe4c8}
.task-number strong{font:700 clamp(49px,15.2vw,69px)/1.05 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-1px}
.task-number span{font:700 clamp(16px,5vw,23px)/1 'STFangsong','Songti SC',serif}
.task-progress{position:absolute;top:43.1%;left:12%;width:44%;display:flex;align-items:center;flex-direction:column;gap:6px;max-height:9.8%}
.task-completion{display:flex;align-items:baseline;justify-content:center;gap:4px;color:#6e3b68;font:600 clamp(11px,3.2vw,15px)/1.2 'STFangsong','Songti SC',serif;white-space:nowrap}
.task-completion strong{font:700 clamp(13px,3.5vw,17px)/1 Georgia,'Songti SC',serif}
.progress-track{width:96%;height:clamp(6px,1.6vw,9px);border:1px solid #c58e92;background:#f6d9cf9e;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #9f6c7555}
.progress-track>div{height:100%;width:60%;background:linear-gradient(180deg,#be83d7,#80469e);border-radius:999px;box-shadow:0 0 2px #8f3eae}
.task-pick{position:absolute;left:9%;top:42.8%;width:48%;text-align:center;color:#734268;display:flex;flex-direction:column;gap:5px;align-items:center;font:700 clamp(10px,3.1vw,13px)/1.1 'STFangsong','Songti SC',serif;white-space:nowrap}
.task-pick[hidden]{display:none}
.qty-options{width:100%;display:flex;gap:4px;justify-content:center}
.qty-options button{width:30%;height:clamp(23px,6vw,29px);border:1px solid #c59975;border-radius:999px;background:linear-gradient(#fff1da,#e6c5a8);color:#663d68;font:700 clamp(11px,3.15vw,14px)/1 Georgia,serif}
.qty-options button[aria-pressed=true]{background:linear-gradient(#9564b9,#582a78);color:#fff1c9;box-shadow:0 0 0 1px #d8ab6b inset}
.main-cta{position:absolute;top:49.8%;left:10.5%;width:79%;height:8.2%;padding:0;border:0;background:transparent;color:#fff0d6;display:flex;align-items:center;justify-content:center;gap:5px;filter:drop-shadow(0 2px 2px #7c3a664d)}
.main-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.main-cta span,.main-cta b{position:relative;z-index:1;text-shadow:0 1px 3px #35124e,0 0 4px #4d215d}
.main-cta span{font:700 clamp(15px,4.1vw,20px)/1.2 'STFangsong','Songti SC',serif;letter-spacing:.5px}
.main-cta b{font:bold 25px/1 Georgia,serif}
.main-cta:active{transform:scale(.985)}
.extra-words{position:absolute;top:57.1%;left:24%;width:52%;display:flex;justify-content:center;gap:12px;z-index:6}
.extra-words[hidden]{display:none}
.extra-words button{font:700 clamp(9px,2.3vw,11px)/1.1 'STFangsong','Songti SC',serif;color:#76456c;background:#fff4dfba;border:1px solid #d7b082;border-radius:999px;padding:3px 10px;white-space:nowrap}
.brief-title{position:absolute;top:64.6%;z-index:3;font:700 clamp(12px,3.6vw,17px)/1.12 'STFangsong','Songti SC',serif;color:#fff3cc;text-shadow:0 1px 3px #441c50;white-space:nowrap;pointer-events:none}
.brief-title-left{left:19.5%;}.brief-title-right{left:64%}
.course-entry{position:absolute;left:9%;width:40%;height:8%;display:flex;align-items:center;gap:7px;text-align:left;color:#593069;background:transparent;padding:0 2px;min-width:0}
.course-entry img{width:21%;height:73%;object-fit:contain;flex:none}
.course-entry span{display:flex;min-width:0;flex-direction:column;gap:3px;line-height:1.1}
.course-entry b{font:700 clamp(11px,3.1vw,14px)/1.12 'STFangsong','Songti SC',serif}
.course-entry small{display:block;max-width:100%;font:600 clamp(10px,2.8vw,12.7px)/1.17 'STFangsong','Songti SC',serif;white-space:normal}
.school-link{top:70.9%}.concept-link{top:79.6%}
.wrong-link{position:absolute;left:53.7%;top:70.3%;height:17.6%;width:37.8%;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#6b2d62}
.wrong-count{display:flex;align-items:baseline;justify-content:center;gap:3px;margin:0;white-space:nowrap}
.wrong-count strong{font:700 clamp(39px,11vw,54px)/1 Georgia,serif;color:#ad425e}
.wrong-count b{font:700 clamp(10px,3vw,14px)/1 'STFangsong','Songti SC',serif}
.word-note{position:relative;display:flex;width:83%;height:34%;align-items:center;justify-content:center;transform:rotate(-3deg)}
.word-note img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.word-note>span{position:relative;max-width:76%;font:italic 700 clamp(10px,3.1vw,15px)/1 Georgia,serif;color:#5e2e63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.streak-link{position:absolute;z-index:5;right:2%;top:-1%;height:min(17%,105px);aspect-ratio:1448/1086;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 6px #2109398c);cursor:pointer}
.streak-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.streak-link>span{position:relative;z-index:1;display:block;padding-left:3px;text-align:center;font:700 clamp(9px,2.35vw,12px)/1 'STFangsong','Songti SC',serif;color:#ffecd0;text-shadow:0 1px 4px #2c1450}
.streak-link strong{display:inline-block;font:700 clamp(23px,6vw,32px)/.9 Georgia,serif;color:#ffdfa8;vertical-align:middle}
.streak-link em{font:700 clamp(10px,2.8vw,13px)/1 'STFangsong','Songti SC',serif;font-style:normal}
.streak-link>b{position:relative;z-index:1;color:#ffe0a7;font-size:19px;margin-left:5px}
.side-owl{position:absolute;z-index:3;left:-4%;bottom:-2%;height:min(17%,124px);width:auto;pointer-events:none;filter:drop-shadow(0 3px 5px #15052a70)}
.side-desk{position:absolute;z-index:3;right:-4%;bottom:-1%;height:min(13%,101px);width:auto;pointer-events:none;filter:drop-shadow(0 2px 5px #14062860)}
.home-toast{position:absolute;bottom:6px;left:50%;z-index:12;transform:translateX(-50%);max-width:86%;padding:7px 11px;border-radius:16px;border:1px solid #d6b279;background:#2c174de9;color:#f9e8c5;text-align:center;font:600 12px/1.45 'STFangsong','Songti SC',serif;box-shadow:0 3px 9px #100524;display:none;pointer-events:none}
.home-toast.visible{display:block}
@media(max-height:780px){
 .side-owl,.side-desk{display:none}
 .streak-link{height:min(14%,80px);top:0;right:0}
 .task-title{font-size:clamp(19px,5.3vw,25px)}
 .task-number strong{font-size:clamp(43px,12vw,58px)}
 .task-progress{gap:3px}
 .main-cta span{font-size:clamp(14px,3.5vw,17px)}
 .brief-title{font-size:clamp(11px,2.75vw,14px)}
 .course-entry b{font-size:11px}.course-entry small{font-size:10px}
 .extra-words{top:57.2%}
}

/* V3: User-confirmed +5 / +10; refine state typography only. Shared shell remains unchanged. */
.extra-words{top:57.0%;left:23%;width:54%;gap:7px;align-items:center}
.extra-words button{height:23px;min-width:63px;padding:3px 7px;line-height:1.05;font-size:clamp(9px,2.55vw,11.3px);border-color:#d0a574;background:linear-gradient(180deg,rgba(255,246,221,.98),rgba(242,217,188,.96));box-shadow:0 1px 3px #814e6b24;white-space:nowrap}
.task-pick{top:42.45%;gap:4px}
.qty-options button{box-shadow:inset 0 1px #fff5e6}
.main-cta{left:10.2%;width:79.6%}
.course-entry{gap:5px}
.course-entry img{width:19%}
.course-entry small{font-size:clamp(9.3px,2.62vw,12px);line-height:1.13}
.wrong-count b{font-size:clamp(10px,2.8vw,13px)}
.home-dialog-scrim{position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:#150d3288;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:12px}
.home-dialog-scrim[hidden]{display:none}
.home-dialog{width:min(92%,335px);min-height:205px;padding:26px 22px 20px;border:2px solid #d7b27a;background:linear-gradient(155deg,#fff1d9,#f7dfba);border-radius:17px;box-shadow:inset 0 0 0 4px #fff6e6,inset 0 0 0 5px #dcbb83,0 13px 29px #170a3e80;text-align:center;color:#5b2d69}
.home-dialog h2{margin:0 0 9px;font:700 20px/1.2 'STFangsong','Songti SC',serif}
.home-dialog p{margin:0;font:600 13px/1.6 'STFangsong','Songti SC',serif}
.dialog-actions{margin-top:16px;display:flex;justify-content:center;gap:8px}
.dialog-actions button{min-height:34px;border:1px solid #b78767;border-radius:999px;background:#fef2df;color:#633d6c;padding:4px 10px;font:700 11px/1.2 'STFangsong','Songti SC',serif}
.dialog-actions button:last-child{background:linear-gradient(#8751aa,#5d3078);color:#fff1cb;border-color:#d3ac63}
@media(max-height:780px){.extra-words button{height:20px;font-size:9px;padding:1px 6px}.extra-words{top:56.6%}}

/* Empty task state uses the word-count selector INSTEAD of a redundant giant number. */
.paper-wrap[data-state="new"] .task-number{display:none}
.paper-wrap[data-state="new"] .task-pick{top:37.5%;left:11%;width:44%;gap:8px;line-height:1.3}
.paper-wrap[data-state="new"] .task-pick>span{font-size:clamp(11px,3.2vw,14px);white-space:normal}
.paper-wrap[data-state="new"] .qty-options{gap:5px}
@media(max-height:780px){.paper-wrap[data-state="new"] .task-pick{top:37%;gap:5px}}

/* V4 · In-place proportion/typography calibration against the accepted Daily Magic reference.
   Existing PNG/WebP art is unchanged. No image is stretched; shell CSS is unchanged. */
.paper-wrap{
  /* At 440px wide V3 rendered a 470px paper and clipped both painted side edges. */
  height:min(calc(100% - 18px),calc(min(100vw,440px) * 1305 / 941));
}
.edition-date{top:10.3%;left:81.3%;width:11%;font-size:clamp(8px,2.12vw,10.3px)}
.task-title{top:26.55%;font-size:clamp(21px,6.25vw,30px)}
.task-number{top:32.65%;left:12.8%;width:41.4%;gap:4px}
.task-number strong{font-size:clamp(57px,17vw,77px);line-height:1.01;letter-spacing:-1px}
.task-number span{font-size:clamp(17px,5.2vw,23px)}
.task-progress{top:42.15%;gap:5px}
.task-completion{font-size:clamp(11.5px,3.35vw,15px)}
.task-completion strong{font-size:clamp(14px,3.8vw,18px)}
.main-cta{top:49.1%;left:10.4%;width:79.2%;height:8.2%}
.main-cta span{font-size:clamp(15px,4.55vw,21px)}
.main-cta b{font-size:clamp(20px,5.2vw,25px)}
.extra-words{top:57%;gap:8px}
.extra-words button{height:21px;min-width:67px;font-size:clamp(9.5px,2.55vw,11.5px);padding:2px 8px}
.brief-title{top:64.45%;font-size:clamp(12px,3.75vw,18px)}
.brief-title-left{left:25.6%}
.brief-title-right{left:64.5%}
.course-entry{left:10.1%;width:40.4%;gap:5px}
.course-entry img{width:21%;height:79%;object-fit:contain}
.course-entry span{gap:3px}
.course-entry b{font-size:clamp(12.6px,3.7vw,17px);line-height:1.12}
.course-entry small{font-size:clamp(10.4px,2.89vw,13px);line-height:1.12}
.school-link{top:69.4%}
.concept-link{top:77.7%}
.wrong-link{left:54.3%;top:69.4%;height:20.4%;width:39.1%;overflow:visible}
.wrong-count{position:absolute;top:0;left:0;width:100%;align-items:baseline;gap:3px}
.wrong-count strong{font-size:clamp(43px,12.4vw,56px);line-height:1.04}
.wrong-count b{font-size:clamp(11.2px,3.2vw,15px)}
.word-note{
  position:absolute;left:5%;top:38%;width:94%;height:auto;
  aspect-ratio:1774 / 887;
  transform:none;overflow:visible;
}
.word-note img{width:100%;height:100%;object-fit:contain}
.word-note>span{max-width:73%;transform:translate(-3px,-2px);font-size:clamp(13px,3.9vw,18px)}
.streak-link{right:8%;top:0;height:min(15%,100px)}
.streak-link>span{font-size:clamp(9px,2.65vw,12px)}
.streak-link strong{font-size:clamp(22px,6.25vw,32px)}
.streak-link em{font-size:clamp(10px,2.8vw,13px)}
/* Keep numeric selector separate from heading and the main CTA in the empty state. */
.paper-wrap[data-state="new"] .task-pick{top:37.3%;left:10.7%;width:44.5%;gap:7px}
.paper-wrap[data-state="new"] .task-pick>span{font-size:clamp(11px,3.1vw,14px)}
@media(max-height:780px){
 .task-title{font-size:clamp(17px,5.35vw,25px)}
 .task-number strong{font-size:clamp(42px,13.3vw,60px)}
 .task-completion{font-size:clamp(10px,2.7vw,13px)}
 .task-completion strong{font-size:clamp(12px,3.4vw,15px)}
 .main-cta span{font-size:clamp(13px,3.7vw,18px)}
 .extra-words{top:56.6%}
 .extra-words button{height:19px;font-size:9.5px}
 .brief-title{font-size:clamp(10.5px,3vw,14px)}
 .course-entry b{font-size:clamp(10.5px,3vw,13px)}
 .course-entry small{font-size:clamp(9px,2.5vw,11px)}
 .wrong-count strong{font-size:clamp(38px,10.7vw,48px)}
 .wrong-count b{font-size:clamp(10px,2.8vw,12.5px)}
 .word-note>span{font-size:clamp(11.5px,3.4vw,15px)}
 .streak-link{right:7%;top:0;height:min(14%,80px)}
}
/* V4 final optical corrections from rendered screenshots: line baselines and intact seal. */
.task-number{top:29.75%}
.task-progress{gap:7px}
.word-note{left:0;top:40.5%}

/* V5: Add-word controls are placed under the original left/right gold flourishes,
   not in a central row. All underlying art retains native aspect ratio. */
.extra-words{
  top:55.85%;left:0;width:100%;height:36px;
  display:block;z-index:8;pointer-events:none;
}
.extra-words button{
  position:absolute;top:0;width:21%;height:36px;min-width:0;
  display:flex;align-items:center;justify-content:center;
  padding:1px 0 0;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  color:#613268;text-shadow:0 1px #fff8e7;
  font:700 clamp(11px,2.95vw,13px)/1.1 'STFangsong','Songti SC',serif;
  pointer-events:auto;
}
.extra-words button::before{
  content:"";position:absolute;top:6px;left:0;width:100%;
  aspect-ratio:1432 / 396;height:auto;
  background:none center / contain no-repeat;
  pointer-events:none;
}
.extra-words button:first-child{left:10.4%}
.extra-words button:last-child{right:10.4%}
.extra-words button:active{transform:scale(.976)}
.extra-words button:focus-visible{outline:2px solid #743898;outline-offset:-3px;border-radius:12px}
/* Use typographic spacing rather than a literal text space, so the glyphs do not collapse. */
.streak-link em{
  display:inline-block;margin-left:7px;
  font-size:clamp(8.5px,2.25vw,10.5px);line-height:1;
  vertical-align:baseline;
}
@media(max-height:780px){
 .extra-words{top:55.6%;height:32px}
 .extra-words button{height:32px;font-size:clamp(10px,2.5vw,11.5px)}
 .extra-words button::before{top:5px}
 .streak-link em{font-size:9px;margin-left:6px}
}
.extra-words button{isolation:isolate}
.extra-words button::before{z-index:-1}


/* V6 source-preserving optical corrections. V5 approved `天` font-size remains untouched. */
/* Painted date rectangle optical center: x 87.95%, y 14.15% of the original paper. */
.edition-date{
  left:82.6%;top:11.4%;width:10.7%;height:5.5%;
  padding:0;line-height:1.15;letter-spacing:0;text-align:center;
}
/* The streak is a floating badge: yaw to the left, shifted away from the painted quill. */
.streak-link{
  right:10%;top:-1.4%;
  transform:perspective(650px) rotateY(-12deg) skewX(-5deg);
  transform-origin:72% 50%;
}
.streak-link>span,.streak-link>b{transform:skewX(4deg)}
/* Secondary task actions replace the two flanking gold flourishes.
   Their clickable area is larger than the visible painted purple plaques. */
.main-cta{left:26.1%;top:49.0%;width:47.8%;height:8.2%}
.main-cta>img{object-fit:contain}
.main-cta span{font-size:clamp(14px,3.9vw,19px);letter-spacing:0}
.main-cta b{font-size:22px}
.extra-words{
  left:0;top:49.0%;width:100%;height:8.2%;display:block;
  pointer-events:none;z-index:8;
}
.extra-words button{
  top:50%;width:18%;height:39px;min-width:0;
  transform:translateY(-50%);background:transparent;border:0;
  padding:0;color:#fff0ca;text-shadow:0 1px 3px #3e1c56;
  font:700 clamp(10px,2.7vw,12px)/1 'STFangsong','Songti SC',serif;
}
.extra-words button::before{
  top:0;left:0;width:100%;height:100%;aspect-ratio:auto;
  background:none center / contain no-repeat;
}
.extra-words button:first-child{left:7.5%}
.extra-words button:last-child{right:7.5%}
.extra-words button:active{transform:translateY(-50%) scale(.97)}
/* Original three enamel number seals: retain their natural proportions. */
.paper-wrap[data-state="new"] .task-pick{top:36.7%;gap:4px}
.paper-wrap[data-state="new"] .qty-options{gap:8px;align-items:center}
.qty-options button{
  flex:0 0 clamp(35px,9vw,40px);
  width:clamp(35px,9vw,40px);height:clamp(33px,8.4vw,38px);
  min-width:0;min-height:0;
  color:transparent!important;font-size:0!important;border:0!important;
  background-repeat:no-repeat!important;background-position:center!important;
  background-size:contain!important;border-radius:50%;
  box-shadow:none!important;filter:saturate(.65) brightness(1.11);
}
.qty-options button[data-count="10"]{background-image:none!important}
.qty-options button[data-count="20"]{background-image:none!important}
.qty-options button[data-count="30"]{background-image:none!important}
.qty-options button[aria-pressed=true]{filter:drop-shadow(0 0 5px #a45acaaa) saturate(1.25) brightness(1.02);transform:translateY(-1px) scale(1.07)}
/* Right column: the potion icon stays clear; wax-seal paper and text rotate together. */
.brief-title-right{left:68.0%}
.concept-link{top:79.2%}
.word-note{left:8%;top:47.0%;width:84%;aspect-ratio:1774/887;transform:rotate(-6deg);transform-origin:50% 50%;}
.word-note img{object-fit:contain}
.word-note>span{transform:translate(-3px,-2px);font-size:clamp(12px,3.55vw,16.4px)}
.home-foreground{
  position:absolute;z-index:4;pointer-events:none;user-select:none;
  left:-2%;bottom:3%;width:min(21%,99px);height:auto;
  object-fit:contain;filter:drop-shadow(0 2px 3px #20104233);
}
@media(max-height:780px){
  .streak-link{right:9%;top:-1.5%;}
  .extra-words{top:49.0%;height:8.2%}
  .extra-words button{height:30px;font-size:clamp(9px,2.45vw,11px)}
  .concept-link{top:79.2%}
  .word-note{top:47.0%}
}


/* V7 · Parent V7.41.86 three-segment word-count control + growth parchment color.
   Restore original gold flourishes ONLY when no add-word actions are available.
   All assets remain unstretched; no changes to shared shell or streak typography. */
.cta-flourish{
  position:absolute;z-index:7;top:50.45%;width:9%;height:auto;
  object-fit:contain;pointer-events:none;user-select:none;
  filter:drop-shadow(0 1px 1px rgba(107,55,54,.16));
}
.cta-flourish-left{left:11.2%}
.cta-flourish-right{right:11.2%}
.paper-wrap[data-extra="yes"] .cta-flourish{display:none}
/* Narrow cream-gold secondary plaques use the existing growth-page artwork.
   Their painted box keeps original aspect ratio 1432:396; the touch target is taller. */
.extra-words{left:0;top:49.0%;width:100%;height:8.2%;z-index:8;overflow:visible}
.extra-words button{
  top:50%;width:16.6%;height:39px;min-width:0;max-width:none;
  display:flex;align-items:center;justify-content:center;
  padding:0;transform:translateY(-50%);
  background:none!important;border:0!important;box-shadow:none!important;
  font:700 clamp(9.2px,2.4vw,11px)/1 'STFangsong','Songti SC',serif;
  color:#633b63!important;text-shadow:0 1px 0 rgba(255,251,236,.86);
  white-space:nowrap;letter-spacing:-.12px;
}
.extra-words button::before{
  position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;
  aspect-ratio:auto;content:"";
  background:none center center / contain no-repeat;
  pointer-events:none;
}
.extra-words button:first-child{left:8.45%}
.extra-words button:last-child{right:8.45%}
.extra-words button:active{transform:translateY(-50%) scale(.975)}
/* Replaces V6 artwork-only number circles with parent-style segmented selection.
   Single border / short separators / highlighted choice; original HTML content remains live. */
.paper-wrap[data-state="new"] .task-pick{left:10.7%;top:37.1%;width:44.5%;gap:7px}
.paper-wrap[data-state="new"] .qty-options{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  width:96%;height:33px;align-items:stretch;justify-content:center;
  background:linear-gradient(180deg,rgba(255,247,229,.98),rgba(238,216,188,.98));
  border:1px solid #be9579;border-radius:10px;overflow:hidden;
  box-shadow:0 2px 4px rgba(123,76,76,.14),inset 0 1px 0 rgba(255,255,244,.85);
}
.qty-options button,.qty-options button[data-count="10"],.qty-options button[data-count="20"],.qty-options button[data-count="30"]{
  position:relative;flex:none;width:auto;height:100%;min-width:0;min-height:0;
  font:700 clamp(12px,3.1vw,14px)/1 Georgia,serif!important;
  color:#62416a!important;background:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;
  padding:0;box-shadow:none!important;filter:none!important;
  transform:none!important;
}
.qty-options button[aria-pressed="true"]{
  background:linear-gradient(180deg,#9866aa,#74438c)!important;
  color:#fff0cf!important;
  box-shadow:inset 0 0 0 1px #d6b080,inset 0 1px 2px rgba(255,233,203,.48)!important;
}
.qty-options button:not([aria-pressed="true"])+button:not([aria-pressed="true"])::before{
  position:absolute;content:"";left:0;top:24%;height:52%;width:1px;
  background:#cbb39e;pointer-events:none;
}
/* Small optical correction: match wax-seal tag's near-level angle in the supplied art. */
.word-note{transform:rotate(-2deg)}
@media(max-height:780px){
 .extra-words button{height:33px;font-size:clamp(9px,2.45vw,10.5px)}
 .paper-wrap[data-state="new"] .task-pick{top:36.8%;gap:5px}
 .paper-wrap[data-state="new"] .qty-options{height:29px}
}


/* V8 · Source artwork replacement only, no shell / task semantics changed.
   New add-word controls take the SAME positions as the original side flourishes.
   10/20/30 image is displayed proportionally and at compact scale. */
.paper-wrap[data-state="new"] .task-pick{
  left:10.7%;top:36.95%;width:44.5%;gap:4px;
}
.paper-wrap[data-state="new"] .qty-options{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  width:clamp(117px,30vw,132px);height:auto;aspect-ratio:2048 / 682;
  overflow:visible;border:0;background:transparent;
  background-size:100% 100%;background-position:center;background-repeat:no-repeat;
  box-shadow:none;border-radius:0;padding:0;align-items:stretch;
}
.qty-options[data-selected="10"]{background-image:url('assets/word-count-state-10.webp')!important}
.qty-options[data-selected="20"]{background-image:url('assets/word-count-state-20.webp')!important}
.qty-options[data-selected="30"]{background-image:url('assets/word-count-state-30.webp')!important}
.qty-options button,.qty-options button[data-count="10"],.qty-options button[data-count="20"],.qty-options button[data-count="30"],
.qty-options button[aria-pressed="true"]{
  height:100%;width:100%;min-height:0;min-width:0;flex:none;
  margin:0;padding:0;border:0!important;border-radius:0!important;
  color:#6c3c68!important;background:none!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;transform:none!important;
  text-shadow:0 1px 1px #fff8e4;
  font:700 clamp(11.5px,2.85vw,13px)/1 Georgia,'Times New Roman',serif!important;
  -webkit-tap-highlight-color:transparent;
}
.qty-options button[aria-pressed="true"]{
  color:#fff0c9!important;text-shadow:0 1px 2px #4c245d;
}
.qty-options button::before,.qty-options button::after{display:none!important}
.qty-options button:focus-visible{outline:2px solid #674179!important;outline-offset:-6px;border-radius:10px!important}
/* Preserve original embellishments if no bonus actions are possible. */
.paper-wrap[data-extra="no"] .cta-flourish{display:block}
.paper-wrap[data-extra="yes"] .cta-flourish{display:none}
.extra-words{position:absolute;left:0;top:49%;width:100%;height:8.2%;display:block;overflow:visible;pointer-events:none;z-index:8}
.extra-words button{
  position:absolute;top:50%;width:15%;height:auto;min-width:0;min-height:0;max-width:none;
  aspect-ratio:1086 / 703;display:block;
  padding:0;margin:0;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;isolation:auto;
  color:#673664!important;text-shadow:0 1px #fff7e5;
  font:700 clamp(9px,2.35vw,10.8px)/1 'STFangsong','Songti SC',serif;
  transform:translateY(-50%);pointer-events:auto;
}
.extra-words button:last-child{aspect-ratio:1082 / 716}
.extra-words button:first-child{left:8.45%;right:auto}
.extra-words button:last-child{right:8.45%;left:auto}
.extra-words button::before{display:none!important}
.extra-words button img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.extra-words button span{
  position:absolute;top:49%;left:34%;width:56%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;
}
.extra-words button:last-child span{left:10%;width:56%}
.extra-words button:active{transform:translateY(-50%) scale(.97)}
.extra-words button:focus-visible{outline:2px solid #743898;outline-offset:0;border-radius:8px}
@media(max-height:780px){
  .paper-wrap[data-state="new"] .task-pick{top:36.75%;gap:3px}
  .paper-wrap[data-state="new"] .qty-options{height:auto}
  .extra-words button{height:auto;font-size:clamp(8px,2.1vw,10px)}
}