/* Picture-led home and child learning controls. Existing parent tools keep their layout. */
.ui-icon{width:26px;height:26px;flex:0 0 26px}
.picture-home .home-shell{max-width:960px;padding-top:max(24px,env(safe-area-inset-top))}
.picture-home .brand-mark{background:#e8eee3}
.picture-home .home-wallet{display:grid;grid-template-columns:124px minmax(0,1fr) auto;align-items:center;gap:25px;margin:27px 0 25px;padding:25px 28px;border:1px solid #ebddbc;border-radius:27px;background:linear-gradient(115deg,#fcf4df,#fff9eb);box-shadow:0 5px 0 #efe6d1}
.picture-home .wallet-art{width:124px;height:102px}
.picture-home .wallet-total{min-width:0}
.picture-home .wallet-total>p{font-size:14px;color:#856c41}
.picture-home .balance-line{margin-top:2px;gap:8px;color:#604b27;min-width:0}
.picture-home .currency{font-size:27px;flex-shrink:0}
.picture-home .balance-number{font-size:clamp(40px,6vw,65px);letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere;min-width:0}
.picture-home .balance-number.compact{font-size:clamp(26px,4vw,42px)}
.picture-home .wallet-spend{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;min-width:74px;min-height:78px;padding:11px 15px;border:1px solid #e5d6b7;border-radius:20px;background:#fffcf3;color:#856a3b;box-shadow:0 3px 0 #e9dcbe;font-size:13px;font-weight:650}
.picture-home .wallet-spend svg{width:31px;height:31px}
.home-learning-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px}
.home-learning-heading h2{font-size:18px;font-weight:650}
.home-learning-heading .guide-button{gap:5px;padding:7px 12px;background:#fff}
.picture-home .learning-grid{gap:19px}
.picture-home .learning-card{display:flex;align-items:stretch;flex-direction:column;gap:0;padding:20px 24px 19px;border-radius:26px;box-shadow:0 4px 0 #dce8db;overflow:visible;min-height:284px}
.picture-home .reading-card{background:#ecf5e9;border-color:#dce8d5}
.picture-home .recording-card{background:#f0edf8;border-color:#e4dff0;box-shadow:0 4px 0 #e2dbed}
.picture-home .learning-card::after{display:none}
.picture-home .card-reward{position:static;align-self:flex-end;max-width:100%;margin:0;padding:3px 8px;background:#ffffffa8;font-size:12px;line-height:1.6;white-space:nowrap;color:#49735d}
.picture-home .recording-card .card-reward{color:#76618d}
.picture-home .task-art{display:block;align-self:center;width:154px;height:116px;margin:3px auto 8px;filter:drop-shadow(0 3px 0 #ffffff80)}
.picture-home .learning-card h3{font-size:24px;line-height:1.4;text-align:center;margin:0;align-self:stretch}
.home-task-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.task-go{display:grid;place-items:center;width:48px;height:42px;border-radius:14px;background:#237f63;color:#fff;box-shadow:0 3px 0 #17674f;flex-shrink:0}
.task-go svg{width:31px;height:31px}
.recording-card .task-go{background:#8370af;box-shadow:0 3px 0 #68558f}
.picture-progress{display:flex;gap:7px;align-items:center;min-height:27px}
.picture-progress>span{display:grid;place-items:center;width:21px;height:21px;border:2px solid #b5cdb1;border-radius:50%;font-size:13px;font-weight:800;color:#fff}
.picture-progress>span.done{background:#358668;border-color:#358668}
.picture-progress>span.locked{background:#9da89c;border-color:#9da89c}
.recording-card .picture-progress>span{width:12px;height:12px;border:0;background:#d8d0e4}
.recording-card .picture-progress>span.available{background:#a58bc3}
.recording-card .picture-progress>span.done{background:#358668}
.picture-home .learning-card.completed .task-go{background:#358668;box-shadow:0 3px 0 #276c53}
.picture-home .learning-card.locked .task-go{background:#aba3b7;box-shadow:0 3px 0 #958b9f}
.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:21px}
.picture-shortcut{display:grid;grid-template-columns:65px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:13px 19px;background:#fff;border:1px solid #e3e8df;border-radius:21px;box-shadow:0 3px 0 #e8ece3;color:var(--ink);text-align:left;min-width:0;min-height:94px}
.picture-shortcut strong{font-size:18px}
.shortcut-art{width:65px;height:62px}
.shortcut-mark{font-size:14px;color:#8c9c8b}
.checkin-shortcut{background:#fdfaf1;border-color:#ebe5d4}
.checkin-shortcut.is-complete .shortcut-mark{color:#217951;font-size:24px}
.picture-home .home-footer{margin-top:19px}
.picture-home .home-footer>a{min-height:44px;display:flex;align-items:center}
.picture-home .checkin-video-card{margin:15px 0}
.picture-home .checkin-video-heading>.guide-button{margin-left:auto}
.picture-home .checkin-card-header{margin-bottom:0}
.picture-home .checkin-copy:empty{display:none}
.picture-home .checkin-card h2{font-size:21px}
.picture-home .checkin-button{display:flex;align-items:center;justify-content:center;gap:9px}
#checkin-button-icon{font-size:26px;line-height:1}
.checkin-details{margin-top:12px;border-top:1px solid var(--line);padding-top:5px}
.checkin-details summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:48px;font-size:13px;color:var(--muted);list-style:none}
.checkin-details summary::-webkit-details-marker{display:none}
.checkin-details summary::after{content:'⌄';margin-left:auto;font-size:21px}
.checkin-details[open] summary::after{content:'⌃'}
.checkin-details summary:focus-visible{outline:3px solid #55a993;outline-offset:2px;border-radius:8px}
.picture-home .checkin-streak-panel{display:block;margin-bottom:0}
.picture-home .checkin-message:empty{min-height:0;margin:0}
.picture-home .checkin-card.revealed .checkin-video-card{display:none}
/* Keep the English content; replace the surrounding reading load with pictures. */
.more-page .phrase-label{font-size:12px;margin:17px 0 6px}
.more-page .phrase-audio-button{min-height:66px;flex-direction:column;gap:3px;padding:9px}
.more-page .phrase-audio-button svg{width:30px;height:30px}
.more-page .turtle-audio-button>span:first-child{font-size:28px;line-height:1.1}
.more-page .phrase-audio-button>span:last-child{font-size:12px}
.more-page .weekday-hint{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px}
.more-page .weekday-hint>span:first-child{font-size:26px;line-height:1}
.more-page .weekday-hint>span:last-child{font-size:13px}
.more-page .record-video-button{min-height:95px;font-size:14px}
.more-page .record-video-button svg{width:39px;height:39px}
.more-page .more-submit-button svg{width:29px;height:29px}
.more-page .color-lesson-visual strong{color:var(--ink)!important}
.earn-page .task-picture{width:83px;height:74px;border-radius:20px;font-size:39px}
.earn-page .task-card-numbers .task-picture{font-size:22px!important}
.earn-page .task-copy strong{font-size:17px}
.earn-page .task-card{min-height:230px}
.earn-page .guide-button .ui-icon{width:27px;height:27px}
.runner-picture-hint{display:flex;align-items:center;justify-content:center;gap:9px;font-size:24px!important}
@media(hover:hover) and (pointer:fine){.picture-home .learning-card:hover{transform:translateY(-3px)}.picture-shortcut:hover{transform:translateY(-2px)}.wallet-spend:hover{background:#fff7df}}
@media(max-width:680px){
  .picture-home .home-shell{padding-top:max(19px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .picture-home .home-wallet{grid-template-columns:67px minmax(0,1fr) 49px;gap:11px;margin:21px 0 20px;padding:18px 15px;border-radius:23px;min-height:124px}
  .picture-home .wallet-art{width:67px;height:67px}
  .picture-home .wallet-total>p{font-size:12px}
  .picture-home .balance-number{font-size:42px}
  .picture-home .balance-number.compact{font-size:24px}
  .picture-home .currency{font-size:19px}
  .picture-home .balance-line{gap:3px}
  .picture-home .wallet-spend{min-width:49px;min-height:62px;padding:6px;border-radius:16px;font-size:11px;gap:1px}
  .picture-home .wallet-spend svg{width:26px;height:26px}
  .home-learning-heading{margin-bottom:13px}
  .home-learning-heading h2{font-size:16px}
  .picture-home .learning-grid,.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .picture-home .learning-card{padding:13px;min-height:232px;border-radius:23px}
  .picture-home .task-art{width:116px;max-width:100%;height:93px;margin:5px auto 6px}
  .picture-home .learning-card h3{font-size:19px}
  .picture-home .card-reward{font-size:10px;padding:2px 6px}
  .home-task-footer{margin-top:14px;gap:5px}
  .picture-progress{gap:5px}
  .picture-progress>span{width:17px;height:17px;font-size:11px}
  .task-go{width:38px;height:35px;border-radius:11px}
  .task-go svg{width:26px;height:26px}
  .recording-card .picture-progress>span{width:10px;height:10px}
  .home-shortcuts{margin-top:17px}
  .picture-shortcut{grid-template-columns:42px minmax(0,1fr) 11px;gap:6px;padding:12px 10px;min-height:80px;border-radius:19px}
  .picture-shortcut strong{font-size:15px}
  .shortcut-art{width:42px;height:46px}
  .shortcut-mark{font-size:10px}
  .picture-home .home-footer{margin-top:14px}
  .picture-home .checkin-card h2{font-size:19px}
  .earn-page .task-card{min-height:193px}
  .earn-page .task-picture{width:74px;height:66px;font-size:36px}
  .earn-page .task-copy strong{font-size:17px}
  .more-page .phrase-audio-button{min-height:65px}
}
@media(max-width:380px){
  .picture-home .home-wallet{grid-template-columns:53px minmax(0,1fr) 47px;gap:8px;padding:16px 11px}
  .picture-home .wallet-art{width:53px;height:60px}
  .picture-home .balance-number{font-size:36px}
  .picture-home .balance-number.compact{font-size:21px}
  .picture-home .learning-card{padding:11px;min-height:219px}
  .picture-home .learning-card h3{font-size:18px}
  .picture-home .task-art{height:83px}
  .picture-shortcut{grid-template-columns:35px minmax(0,1fr) 10px;padding:11px 8px;gap:5px}
  .shortcut-art{width:35px;height:40px}
  .picture-home .checkin-card h2{font-size:17px}
}