/* ImageGen stationery skin. Keep question geometry and source-image nodes unchanged. */
.ac-simple {
  --cute-ink:#4b3021;
  --cute-shadow:#b49572;
  --cute-mint:#d9eddf;
  --cute-paper:#fffcf1;
  --cute-art:url('/assets/ai-learning/cute-v1/star-notes.webp');
  background-color:#faf3e6;
  background-image:url('/assets/ai-learning/cute-v1/paper-background.webp');
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
.ac-simple .ail-head h1 {
  min-height:52px;
  padding:8px 0 4px 60px;
  background:var(--cute-art) left center/52px 52px no-repeat;
  color:var(--cute-ink);
  letter-spacing:.02em;
}
.ac-simple .ail-btn,.ac-simple .ac-more>summary {
  border-color:var(--cute-ink);
  border-radius:18px;
  background-color:#fffdf5;
  box-shadow:0 4px 0 #95714e,inset 0 2px 0 #fffdf3;
  transition:transform .16s,box-shadow .16s,background-color .16s;
}
.ac-simple .ail-btn:hover:not(:disabled),.ac-simple .ac-more>summary:hover {
  background-color:#fff5da;
  box-shadow:0 5px 0 #95714e,inset 0 2px 0 #fffdf3;
}
.ac-simple .ail-btn:active:not(:disabled) {
  transform:translateY(3px);
  box-shadow:0 1px 0 #95714e,inset 0 2px 0 #fffdf3;
}
.ac-simple .ail-btn.primary,.ac-simple .ail-langs .selected {
  background-color:#ffda75;
  box-shadow:0 4px 0 #a5743a,inset 0 3px 0 #fff0b9;
}
.ac-simple .ail-langs .ail-btn { border-radius:16px; }
.ac-simple .ac-simple-search {
  gap:12px;
  padding:7px;
  border-radius:23px;
  background:#fffcf0b3;
}
.ac-simple .ac-simple-search input {
  border-color:#70513a;
  background:#fffdf7;
  box-shadow:inset 0 3px 0 #eee4cc;
  border-radius:17px;
}
.ac-simple .ac-simple-search [data-ac=find] {
  display:grid;
  place-items:center;
  width:58px;
  height:56px;
  flex:none;
  padding:6px;
  font-size:0;
  background:#deefe0;
}
.ac-simple .ac-simple-search [data-ac=find]::before {
  content:'';
  width:36px;
  height:36px;
  background:url('/assets/ai-learning/cute-v1/mistakes.webp') center/contain no-repeat;
}
.ac-simple .ac-simple-search [data-ac=organize] { background:#f5e8c8; }
.ac-simple .ac-simple-search [data-ac=organize].selected { background:#cce7d4; }
.ac-simple .ac-shelf-heading { padding:0 8px; }
.ac-simple .ac-shelf-heading h2 { color:var(--cute-ink); }
.ac-simple .ac-shelf-heading>span {
  padding:4px 11px;
  border:1px solid #c4b48e;
  border-radius:999px;
  background:#fffdf1b8;
}
.ac-simple .ac-organized-topics,.ac-simple .ac-question-grid { gap:26px 23px; }
.ac-simple .ac-label-node,.ac-simple .ail-sticker {
  --note:#e5ecd9;
  position:relative;
  isolation:isolate;
  border:0;
  border-radius:0;
  padding:52px 30px 78px;
  background:none;
  box-shadow:none;
}
.ac-simple .ac-label-node.subject-zh { --note:#fff0c9; }
.ac-simple .ac-label-node.subject-ms { --note:#e0efe0; }
.ac-simple .ac-label-node.subject-en { --note:#e0edf7; }
.ac-simple .ac-label-node.subject-ma { --note:#e9dff5; }
.ac-simple .ac-label-node.subject-sc { --note:#f7e0dd; }
.ac-simple .ac-label-node::before,.ac-simple .ail-sticker::before {
  content:'';
  position:absolute;
  inset:0;
  /* The whole bear-shaped card stretches; its ears and paws stay 80px. */
  border:80px solid #e6d8f2;
  border-image:url('/assets/ai-learning/cute-v1/bear-note-v3.webp') 288 fill / 80px / 0 stretch;
  background:#fffaef;
  background-clip:padding-box;
  pointer-events:none;
  z-index:-1;
}
.ac-simple .ac-label-node::after { content:none; }
.ac-simple .ac-topic-open { min-height:80px; padding:0; gap:12px; }
.ac-simple .ac-topic-open::after,.ac-simple .ail-sticker-open::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
}
.ac-simple .ac-topic-open strong { font-size:26px; color:var(--cute-ink); }
.ac-simple .ac-topic-open>span {
  align-self:flex-start;
  padding:3px 10px;
  border:1px solid #826e4d45;
  border-radius:999px;
  background:var(--note,#fffdf0);
  font-size:15px;
}
.ac-simple .ac-label-node:has(.ac-topic-open:hover) { box-shadow:none; }
.ac-simple .ac-shelf-tools { position:relative; z-index:1; }
.ac-simple .ac-shelf-tool,.ac-simple .ac-shelf-grip {
  border-color:#72553b;
  background:#fffbed;
  border-radius:12px;
  box-shadow:0 2px 0 #c0a17b;
}
.ac-simple .ac-shelf-group {
  border-color:#67462f;
  background:#fff1cb;
  box-shadow:0 5px 0 #b6976f,0 10px 20px #75532d12;
}
.ac-simple .ac-shelf-group.is-stack::before { border-color:#84634b; background:#e6dff3; }
.ac-simple .ac-shelf-group.is-stack::after { border-color:#84634b; background:#dcebdd; }
.ac-simple .ac-group-toggle { position:relative; padding-right:77px; }
.ac-simple .ac-group-toggle::after {
  content:'';
  position:absolute;
  right:1px;
  bottom:8px;
  width:70px;
  height:70px;
  background:var(--cute-art) center/contain no-repeat;
  pointer-events:none;
}
.ac-simple .ac-shelf-group.is-open { background:#fffcf2e6; }
.ac-simple .ail-sticker>.ail-tape { display:none; }
.ac-simple .ail-sticker-open { min-height:108px; padding:0; }
.ac-simple .ail-sticker-open strong,.ac-simple .ail-sticker-open span {
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}
.ac-simple .ac-original {
  border-color:#745137;
  background:#fffdf5f2;
  border-radius:20px;
  box-shadow:0 3px 0 #c5ae8b;
}
.ac-simple .ac-tags .ail-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:70px;
  padding:10px 12px;
  border-color:#64462f;
  border-radius:20px 20px 17px 17px;
  background:linear-gradient(#fffcf4,#f8efda);
  box-shadow:0 5px 0 #b49a76,inset 0 2px 0 #fff;
}
.ac-simple .ac-tags .ail-btn::before {
  content:'';
  flex:none;
  width:39px;
  height:39px;
  background:var(--cute-icon) center/contain no-repeat;
  transition:transform .18s;
  pointer-events:none;
}
.ac-simple .ac-tags [data-section=meaning] { --cute-icon:url('/assets/ai-learning/cute-v1/meaning.webp'); }
.ac-simple .ac-tags [data-section=thinking] { --cute-icon:url('/assets/ai-learning/cute-v1/thinking.webp'); }
.ac-simple .ac-tags [data-section=solution] { --cute-icon:url('/assets/ai-learning/cute-v1/solution.webp'); }
.ac-simple .ac-tags [data-section=mistakes] { --cute-icon:url('/assets/ai-learning/cute-v1/mistakes.webp'); }
.ac-simple .ac-tags [data-section=example] { --cute-icon:url('/assets/ai-learning/cute-v1/example.webp'); }
.ac-simple .ac-tags [data-section=life] { --cute-icon:url('/assets/ai-learning/cute-v1/life.webp'); }
.ac-simple .ac-tags .ail-btn:hover:not(:disabled)::before { transform:rotate(-7deg) scale(1.06); }
.ac-simple .ac-tags .selected {
  background:linear-gradient(#ffe8a0,#ffd66f);
  box-shadow:0 5px 0 #b47d3a,inset 0 0 0 3px #fff5cd;
}
.ac-simple .ac-reading-heading { margin:24px 0 13px; }
.ac-simple .ac-reading-heading strong { color:var(--cute-ink); }
.ac-simple .ac-reading-heading>span { font-size:14px; color:#7c6a51; }
.ac-simple .ac-generation-note {
  border-color:#aec0a3;
  border-radius:17px;
  background:#f6f9ed;
  box-shadow:0 3px 0 #d8e0cd;
  margin-bottom:28px;
}
.ac-simple .ac-generation-note.is-new { background:#eaf5e3; border-color:#82aa80; }
.ac-simple .ac-generation-meta { gap:4px 10px; font-size:13px; }
.ac-simple .ac-generation-meta strong { font-size:16px; }
.ac-simple .ac-generation-text { font-size:16px; }
.ac-simple .ac-reading {
  position:relative;
  isolation:isolate;
  margin-top:30px;
  padding:32px 44px 58px;
  min-width:0;
  height:auto;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.ac-simple .ac-reading::before {
  content:'';
  position:absolute;
  inset:0;
  /* Nine slices keep the paper's face and folded corners round at every size. */
  border:64px solid #fff2c6;
  border-image:url('/assets/ai-learning/cute-v1/large-note-v2.webp') 240 fill / 64px / 0 stretch;
  background:#fff3ca;
  background-clip:padding-box;
  pointer-events:none;
  z-index:-1;
}
.ac-simple .ac-reading::after { content:none; }
.ac-simple .ac-reading .ail-tape {
  width:93px;
  height:27px;
  top:-15px;
  background:repeating-linear-gradient(45deg,#d6e7ceeb 0 8px,#f9f5d8ef 8px 16px);
  border-color:#a5ae8b70;
}
.ac-simple .ac-reading .ail-card-progress span {
  background:#fff5d8;
  border-color:#806444;
  color:#61462c;
  box-shadow:0 2px 0 #dbc394;
}
.ac-simple .ac-reading .ail-big-text { color:#422d20; }
.ac-simple .ail-reader-controls .ail-btn { border-radius:19px; background:#fffdf2; }
.ac-simple .ail-reader-controls [data-ac=listen] { background:#e0eee1; }
.ac-simple .ail-reader-controls .primary { background:#ffdb78; }
.ac-simple .ac-primary-actions>[data-ac=retry],.ac-simple .ac-primary-actions>[data-ac=redo] {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}
.ac-simple .ac-primary-actions>[data-ac=retry] { background:#ffdb78; }
.ac-simple .ac-primary-actions>[data-ac=redo] { background:#dcebdd; }
.ac-simple .ac-primary-actions>[data-ac=retry]::before,.ac-simple .ac-primary-actions>[data-ac=redo]::before {
  content:'';
  width:30px;
  height:30px;
  flex:none;
  background:center/contain no-repeat;
  pointer-events:none;
}
.ac-simple .ac-primary-actions>[data-ac=retry]::before { background-image:url('/assets/ai-learning/cute-v1/meaning.webp'); }
.ac-simple .ac-primary-actions>[data-ac=redo]::before { background-image:url('/assets/ai-learning/cute-v1/thinking.webp'); }
.ac-simple .ac-regenerate { border-color:#67462f; border-radius:27px; background:#fff9e9; box-shadow:0 8px 0 #9a7755; }
.ac-simple .ac-regenerate h2 { padding-right:50px; min-height:44px; background:url('/assets/ai-learning/cute-v1/thinking.webp') right center/44px no-repeat; }
.ac-simple .ac-job.active { border-color:#725236; background:#fff5ce; box-shadow:0 5px 0 #ad8b60,0 12px 24px #75532d24; }
.ac-simple .ac-new-toast { border-color:#6c8c64; background:#eaf4de; box-shadow:0 4px 0 #a3bd91; }
.ac-simple .ac-explain-note { color:#827057; }
@media(min-width:600px) {
  .ac-simple:is([lang=en],[lang=ms]) .ac-question-context.is-open .ac-tags .ail-btn { font-size:18px; }
  .ac-simple:is([lang=en],[lang=ms]) .ac-question-context.is-open .ac-tags .ail-btn::before { width:30px; height:30px; }
}
@media(max-width:850px) {
  .ac-simple .ac-tags .ail-btn { padding:9px 8px; gap:4px; }
  .ac-simple .ac-tags .ail-btn::before { width:32px; height:32px; }
}
@media(max-width:599px) {
  .ac-simple { background-size:auto 100dvh; }
  .ac-simple .ail-head h1 { min-height:44px; padding:8px 0 4px 48px; background-size:42px 42px; font-size:25px; }
  .ac-simple .ac-simple-search { padding:3px; gap:7px; }
  .ac-simple .ac-simple-search input { padding:10px; }
  .ac-simple .ac-simple-search [data-ac=find] { width:46px; height:49px; min-width:44px; padding:4px; }
  .ac-simple .ac-simple-search [data-ac=find]::before { width:31px; height:31px; }
  .ac-simple .ac-simple-search [data-ac=organize] { padding:8px 10px; }
  .ac-simple .ac-shelf-heading { padding:0 3px; }
  .ac-simple .ac-shelf-heading h2 { font-size:23px; }
  .ac-simple .ac-shelf-heading>span { padding:3px 8px; }
  .ac-simple .ac-topic-open { min-height:80px; padding:0; }
  .ac-simple .ac-topic-open strong { font-size:25px; }
  .ac-simple .ac-tags .ail-btn { min-height:62px; gap:3px; padding:9px 5px; font-size:17px; }
  .ac-simple .ac-tags .ail-btn::before { width:28px; height:28px; }
  .ac-simple .ac-question-context.is-open .ac-tags .ail-btn { min-height:54px; padding:8px 4px; font-size:17px; gap:3px; }
  .ac-simple .ac-question-context.is-open .ac-tags .ail-btn::before { width:22px; height:22px; }
  .ac-simple[lang=en] .ac-question-context.is-open .ac-tags .ail-btn { font-size:14px; }
  .ac-simple[lang=ms] .ac-question-context.is-open .ac-tags .ail-btn { font-size:13px; }
  .ac-simple:is([lang=en],[lang=ms]) .ac-question-context.is-open .ac-tags .ail-btn { flex-direction:column; white-space:nowrap; }
  .ac-simple .ac-reading { margin-top:29px; padding:30px 26px 56px; }
  .ac-simple .ac-reading .ail-tape { width:73px; height:23px; }
  .ac-simple .ac-primary-actions>[data-ac=retry],.ac-simple .ac-primary-actions>[data-ac=redo] { gap:5px; }
  .ac-simple .ac-primary-actions>[data-ac=retry]::before,.ac-simple .ac-primary-actions>[data-ac=redo]::before { width:25px; height:25px; }
  .ac-simple .ac-generation-meta { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .ac-simple .ail-btn,.ac-simple .ac-tags .ail-btn::before { transition:none; }
}