:root{--bg:#fffaf3;--card:#fff;--ink:#28323d;--muted:#6f7a86;--accent:#ff9f43;--accent2:#4dabf7;--good:#2f9e44;--line:#e9ecef;--shadow:0 12px 30px rgba(34,39,46,.10)}
    *{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--ink)} body{min-height:100dvh} button{font:inherit}
    .app{min-height:100dvh;display:flex;justify-content:center;align-items:stretch;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.shell{width:100%;max-width:1440px;display:flex;flex-direction:column}
    .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:42px}.brand{font-weight:900;letter-spacing:.02em}.tiny{font-size:13px;color:var(--muted)}.header-actions{display:flex;gap:8px;align-items:center}.topbar-home-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:750;color:var(--muted);text-decoration:none;padding:4px 10px;border:1px solid var(--line);border-radius:999px;margin-bottom:3px;transition:color .15s,border-color .15s;white-space:nowrap}.topbar-home-link:hover{color:#f06595;border-color:#f9a8b8}
    .card{background:var(--card);border:1px solid #f1f3f5;border-radius:28px;box-shadow:var(--shadow)}.home{padding:24px 20px;display:flex;flex-direction:column;gap:20px;text-align:center;flex:1}.home-head{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}h1,h2,p{margin:0}h1{font-size:clamp(28px,8vw,44px)}h2{font-size:clamp(24px,6vw,34px)}.lead{font-size:17px;line-height:1.8;color:var(--muted)}
    .stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stage-card{padding:18px;text-align:left;border:2px solid #ffe3bf;background:#fffdf9;cursor:pointer}.stage-card.available:active{transform:scale(.99)}.stage-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-title{font-size:20px;font-weight:900}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#fff4e6;color:#d9480f;padding:7px 11px;font-weight:800;font-size:13px}.stage-btn{margin-top:12px;width:100%}
    .primary{border:0;border-radius:20px;background:var(--accent);color:#fff;font-weight:900;font-size:20px;padding:17px 24px;box-shadow:0 7px 0 #e9852d;cursor:pointer;min-height:58px}.primary:active{transform:translateY(4px);box-shadow:0 3px 0 #e9852d}.secondary{border:2px solid var(--line);background:#fff;border-radius:18px;color:var(--ink);font-weight:850;font-size:17px;padding:12px 16px;cursor:pointer;min-height:50px}
    .question-wrap{display:flex;flex-direction:column;gap:12px;flex:1}.progress-card{padding:14px 16px;border-radius:20px;box-shadow:none}.progress-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.progress-left{display:flex;align-items:center;gap:10px;min-width:0}.difficulty-tag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:950;line-height:1;border:1px solid transparent}.difficulty-tag.easy{background:#ebfbee;color:#2b8a3e;border-color:#b2f2bb}.difficulty-tag.normal{background:#e7f5ff;color:#1971c2;border-color:#a5d8ff}.difficulty-tag.hard{background:#fff4e6;color:#d9480f;border-color:#ffd8a8}.progress{height:10px;background:#f1f3f5;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),#ffd43b);transition:width .25s ease}
    .question-card{padding:18px;display:flex;flex-direction:column;gap:18px;flex:1;min-height:0}.instruction-row{display:flex;align-items:flex-start;gap:10px}.speak{flex:0 0 auto;width:56px;height:56px;border:0;border-radius:18px;background:#e7f5ff;font-size:26px;cursor:pointer}.instruction{font-size:clamp(23px,6vw,34px);font-weight:900;line-height:1.5;flex:1}.workspace{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;min-height:310px;flex:1}
    .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choices.four{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{border:3px solid #f1f3f5;background:#fff;border-radius:22px;min-height:120px;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;user-select:none;-webkit-tap-highlight-color:transparent}.choice.selected{border-color:var(--accent2);background:#e7f5ff;box-shadow:0 0 0 4px rgba(77,171,247,.12)}.choice.selected::after{content:'✓';position:absolute;right:8px;top:5px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent2);color:#fff;font-size:18px;font-weight:900}.choice.wrong{animation:shake .32s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
    .count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.count-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.count-grid.count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pick{border:3px solid #f1f3f5;background:#fff;border-radius:20px;aspect-ratio:1;display:grid;place-items:center;cursor:pointer;user-select:none}.pick.selected{background:#e7f5ff;border-color:var(--accent2);transform:scale(.96)}.confirm{width:100%;border:0;border-radius:19px;background:#4dabf7;color:#fff;font-size:20px;font-weight:900;padding:16px;min-height:56px;cursor:pointer;box-shadow:0 6px 0 #339af0}.confirm:active{transform:translateY(3px);box-shadow:0 3px 0 #339af0}
    .feedback{border-radius:20px;padding:14px 16px;font-size:20px;font-weight:900;text-align:center;display:none}.feedback.show{display:block}.feedback.good{background:#ebfbee;color:#2b8a3e;display:flex;align-items:center;justify-content:center;gap:8px}.feedback.retry{background:#fff4e6;color:#d9480f}.next-row{display:none;justify-content:center}.next-row.show{display:flex}.correct-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#2f9e44;color:#fff;font-size:24px;font-weight:900}
    .drag-scene{display:flex;flex-direction:column;gap:18px;align-items:center}.prompt-items,.drag-items,.dropzones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.drag-item{width:92px;height:92px;border-radius:20px;background:#fff;border:3px solid #ffd8a8;display:grid;place-items:center;touch-action:none;user-select:none;cursor:grab;box-shadow:0 5px 12px rgba(0,0,0,.08)}.drag-item.used{opacity:.16;pointer-events:none}.dropzone{width:132px;min-height:122px;border:3px dashed #adb5bd;border-radius:24px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;padding:10px;transition:.15s ease;position:relative;overflow:visible}.dropzone.hot{border-color:var(--accent2);background:#e7f5ff;transform:scale(1.03)}.dropzone.filled{border-style:solid;border-color:#69db7c;background:#ebfbee;box-shadow:inset 0 0 0 3px rgba(105,219,124,.10)}.drop-label{font-size:14px;color:var(--muted);font-weight:850;text-align:center;margin-top:5px}.box-drop-visual{position:relative;width:102px;height:92px;display:grid;place-items:center}.box-drop-visual .box-art{position:absolute;inset:0;display:grid;place-items:center}.box-drop-visual .box-art .asset-img{width:88px!important;height:88px!important}.box-contents{position:absolute;left:16px;right:16px;top:28px;bottom:11px;display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap;overflow:hidden;z-index:2}.box-contents .iconset{gap:0!important}.box-contents .asset-img{width:30px!important;height:30px!important}.floating{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:20px;background:#fff;border:3px solid #ffd8a8;display:grid;place-items:center;box-shadow:0 12px 24px rgba(0,0,0,.18)}
    .iconset{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.visual-unit{display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.asset-img{display:block;object-fit:contain;max-width:100%;max-height:100%;border-radius:8px}.asset-img.s{width:30px;height:30px}.asset-img.m{width:42px;height:42px}.asset-img.l{width:68px;height:68px}.asset-img.xl{width:98px;height:98px}.asset-img.hero{width:116px;height:116px}.choice .asset-img{width:min(118px,26vw);height:min(118px,26vw)}.pick .asset-img{width:80px;height:80px}.prompt-items .asset-img{width:min(108px,24vw);height:min(108px,24vw)}.drag-item .asset-img{width:60px;height:60px}.dropzone .asset-img{width:46px;height:46px}.floating .asset-img{width:60px;height:60px}
    .result{padding:26px 20px;display:flex;flex-direction:column;gap:20px;text-align:center;flex:1;justify-content:center}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-choice{border:0;border-radius:20px;color:#fff;font-weight:950;font-size:20px;padding:17px 20px;min-height:62px;cursor:pointer}.result-choice.again{background:#74c0fc;box-shadow:0 5px 0 #339af0}.result-choice.home{background:#ffb866;box-shadow:0 5px 0 #f08c2e}.result-choice:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.10)}.scorebox{padding:18px;border-radius:22px;background:#f8f9fa}.scorebig{font-size:44px;font-weight:950}.result-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.result-table th,.result-table td{padding:10px 8px;border-bottom:1px solid var(--line)}.parent-note{text-align:left;background:#fff9db;border-radius:20px;padding:16px;line-height:1.8}

    .vector-svg.s{width:28px;height:28px}.vector-svg.m{width:38px;height:38px}.vector-svg.l{width:54px;height:54px}.vector-svg.xl{width:76px;height:76px}.vector-svg.hero{width:96px;height:96px}
    .mini-grid{display:grid;grid-template-columns:repeat(2,46px);grid-template-rows:repeat(2,46px);gap:5px;padding:7px;border:2px solid #dee2e6;border-radius:15px;background:#fff}.mini-cell{display:grid;place-items:center;border-radius:9px;background:#f8f9fa}.mini-cell .asset-img,.mini-cell .vector-svg{width:34px!important;height:34px!important}
    .memory-study{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:300px}.memory-board{padding:22px;border:3px solid #ffe066;background:#fff9db;border-radius:26px;min-width:min(92%,460px)}.memory-sequence{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.memory-arrow{font-size:28px;color:#868e96;font-weight:900}.remember-btn{max-width:360px;width:100%}
    .stage-card{position:relative;overflow:hidden}.stage-card::before{content:'';position:absolute;inset:0 0 auto 0;height:7px;background:var(--stage-color,#ff9f43)}
    .stage-card .primary{background:var(--stage-color,#ff9f43);box-shadow:none}
    .correct-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:none;background:rgba(255,255,255,.16);opacity:0;animation:correctFade .95s ease-out forwards}.correct-overlay .big-circle{font-size:min(72vw,460px);line-height:.72;font-weight:700;color:#e03131;font-family:"Yu Gothic","Hiragino Sans",sans-serif;text-shadow:0 7px 0 rgba(255,255,255,.9),0 12px 30px rgba(224,49,49,.18);transform:scale(.45);animation:correctPop .72s cubic-bezier(.18,.9,.28,1.25) forwards}@keyframes correctPop{0%{transform:scale(.35) rotate(-8deg);opacity:0}42%{transform:scale(1.13) rotate(2deg);opacity:1}72%{transform:scale(.98)}100%{transform:scale(1);opacity:1}}@keyframes correctFade{0%{opacity:0}15%{opacity:1}72%{opacity:1}100%{opacity:0}}

    .home-shell{display:flex;flex-direction:column;gap:18px;flex:1}.home-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr) minmax(330px,.9fr);gap:18px;align-items:stretch}.home-top>.logo-card,.home-top>.hero-card,.home-top>.quick-card{min-height:196px}.logo-card,.hero-card,.quick-card,.home-stage-card,.home-mix-card{background:#fff;border:1px solid #f1f3f5;border-radius:28px;box-shadow:var(--shadow)}.logo-card{padding:22px 26px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.logo-big{font-size:clamp(32px,4.7vw,56px);font-weight:950;letter-spacing:.01em;line-height:1.02;display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:.14em;row-gap:.02em}.logo-word{display:inline-block;white-space:nowrap}.logo-big .o1{color:#f08c2e}.logo-big .o2{color:#51b35a}.logo-big .o3{color:#4dabf7}.logo-big .o4{color:#f06595}.logo-sub{margin-top:12px;font-size:clamp(15px,1.8vw,22px);font-weight:850;color:#6b4f32;white-space:normal;line-height:1.45;text-wrap:pretty}.hero-card{padding:18px 22px;display:flex;align-items:center;justify-content:flex-start;gap:16px;overflow:hidden}.hero-card .asset-img{width:84px;height:84px;flex:0 0 auto}.hero-msg{font-size:clamp(18px,2.25vw,31px);font-weight:900;line-height:1.3;color:#5c3d21;white-space:normal;word-break:keep-all;text-wrap:balance;max-width:11ch}.hero-msg span{display:block}.quick-card{padding:12px 16px;display:flex;gap:18px;align-items:center;justify-content:center}.quick-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:#343a40;font-size:15px;font-weight:900;background:transparent;border:0;padding:0;cursor:pointer}.quick-item:hover{transform:translateY(-1px)}.quick-circle{width:82px;height:82px;border-radius:999px;display:grid;place-items:center;background:transparent;box-shadow:none;overflow:visible}.quick-icon-img{width:82px;height:82px;display:block;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(34,39,46,.12))}.quick-item-label{font-size:18px;line-height:1.15;font-weight:950;color:#5c3d21;letter-spacing:.02em}.qc1,.qc2,.qc3{background:transparent}.home-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-stage-card{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;min-height:440px;border:2px solid color-mix(in srgb,var(--stage-color,#ff9f43) 36%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color,#ff9f43) 17%,white),color-mix(in srgb,var(--stage-color,#ff9f43) 7%,white));cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.home-stage-card::before{content:'';position:absolute;inset:0 0 auto 0;height:7px;background:var(--stage-color,#ff9f43)}.home-stage-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(34,39,46,.13)}.home-stage-card:active{transform:scale(.99)}.home-stage-head{display:flex;justify-content:center;align-items:center;gap:10px}.stage-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 18px;background:color-mix(in srgb,var(--stage-color,#ff9f43) 30%,white);color:#3f3f3f;font-size:14px;font-weight:900}.home-stage-title{text-align:center;font-size:clamp(24px,2.4vw,32px);font-weight:950;line-height:1.15;letter-spacing:.02em;min-height:74px;display:flex;align-items:center;justify-content:center}.kanji-tag{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.08);color:#6c757d;font-size:11px;font-weight:800;line-height:1}.home-stage-tag{height:26px;display:flex;align-items:flex-start;justify-content:center}.stage-no{font-size:15px;font-weight:950}.logo-mini-tag{display:inline-flex;align-self:flex-start;margin-bottom:7px;padding:4px 9px;border-radius:999px;background:#fff4e6;color:#9c5c18;font-size:11px;font-weight:900}.home-stage-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:180px;flex:1}.home-stage-main .asset-img.hero{width:82px;height:82px}.home-stage-main .asset-img.xl{width:68px;height:68px}.home-stage-main .asset-img.l{width:54px;height:54px}.home-stage-main .speech-bubble{font-size:16px}.home-stage-desc{font-size:14px;line-height:1.45;font-weight:850;color:#4d4d4d;min-height:46px;display:flex;align-items:center;justify-content:center}.home-stage-meta{display:flex;justify-content:center;align-items:center;gap:8px;color:#495057;font-size:15px;font-weight:900;border-top:1px solid rgba(0,0,0,.06);padding-top:12px;min-height:42px;margin-top:auto;width:100%}.home-stage-start{display:none}.home-mix-card{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e7f5ff}.mix-left{display:flex;align-items:center;gap:14px}.mix-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 22px;background:#d0ebff;color:#1c4fa3;font-size:14px;font-weight:900}.mix-title{font-size:18px;font-weight:950}.mix-sub{font-size:14px;font-weight:800;color:#495057}.mix-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mix-icons .asset-img{width:42px;height:42px}.mix-btn{flex:0 0 auto;border:0;border-radius:18px;background:#fff;color:#1c4fa3;font-weight:950;font-size:18px;padding:16px 22px;min-width:170px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.06)}.stage-visual-group{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.speech-bubble{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:2px solid #dee2e6;background:#fff;color:#343a40;font-weight:900}.intro-visual{display:flex;justify-content:center}.intro-visual .asset-img.hero{width:120px;height:120px}

    .quick-action{border:0;background:transparent;font:inherit;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.quick-action:active{transform:scale(.96)}
    .records-shell{display:flex;flex-direction:column;gap:16px;flex:1}.records-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.records-title-wrap{display:flex;align-items:center;gap:10px}.records-title{font-size:clamp(28px,5vw,42px);font-weight:950;margin:0}.records-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.record-metric{background:#fff;border:1px solid #f1f3f5;border-radius:22px;padding:16px;text-align:center;box-shadow:0 8px 22px rgba(34,39,46,.07)}.record-metric-value{font-size:clamp(25px,4vw,38px);font-weight:950;line-height:1.15}.record-metric-label{font-size:12px;color:#6f7a86;font-weight:850;margin-top:5px}.records-card{background:#fff;border:1px solid #f1f3f5;border-radius:26px;padding:18px;box-shadow:var(--shadow)}.records-section-title{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:950;margin-bottom:14px}.records-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.domain-stat{border-radius:20px;padding:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--c,#74c0fc) 15%,white),#fff);border:2px solid color-mix(in srgb,var(--c,#74c0fc) 28%,white)}.domain-title{font-size:17px;font-weight:950}.domain-score{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:10px}.domain-rate{font-size:28px;font-weight:950}.domain-count{font-size:12px;color:#6f7a86;font-weight:850}.stat-bar{height:10px;background:#edf0f2;border-radius:999px;overflow:hidden;margin-top:10px}.stat-bar>div{height:100%;border-radius:999px;background:var(--c,#74c0fc)}.ability-list{display:grid;gap:12px}.ability-row{display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:12px}.ability-name{font-weight:900}.ability-rate{text-align:right;font-weight:950}.recent-list{display:grid;gap:8px}.recent-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #eef0f2}.recent-row:last-child{border-bottom:0}.recent-date{font-size:13px;color:#6f7a86;font-weight:800}.recent-stage{font-weight:900}.recent-score{font-weight:950;white-space:nowrap}.records-empty{text-align:center;padding:40px 20px}.records-empty .asset-img{width:100px;height:100px;margin:auto}.records-note{font-size:12px;color:#868e96;line-height:1.6;margin-top:10px}.records-back{border:2px solid #e9ecef;background:#fff;border-radius:16px;padding:10px 16px;font-weight:900;cursor:pointer}
    @media(max-width:800px){.records-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:520px){.records-grid{grid-template-columns:1fr 1fr}.ability-row{grid-template-columns:88px 1fr 58px}.recent-row{grid-template-columns:84px 1fr auto}.records-card{padding:14px}.record-metric{padding:13px 8px}}

    .answer-overlay{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(255,255,255,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:answerFade .16s ease-out}.answer-panel{width:min(92vw,430px);border-radius:34px;background:#fff;border:3px solid #f1f3f5;box-shadow:0 24px 70px rgba(34,39,46,.22);padding:24px 22px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.answer-panel.correct{border-color:#ffb3b3;background:#fff9f9}.answer-panel.retry{border-color:#a5d8ff;background:#f8fcff}.answer-mark{width:190px;height:190px;position:relative;display:grid;place-items:center;transform:scale(.72);animation:answerPop .38s cubic-bezier(.18,.9,.28,1.25) forwards}.answer-mark::before,.answer-mark::after{content:'';position:absolute}.answer-panel.correct .answer-mark::before{width:150px;height:150px;border:12px solid #e03131;border-radius:50%;box-sizing:border-box}.answer-panel.retry .answer-mark::before,.answer-panel.retry .answer-mark::after{width:150px;height:12px;border-radius:999px;background:#228be6;left:20px;top:89px;transform-origin:center}.answer-panel.retry .answer-mark::before{transform:rotate(45deg)}.answer-panel.retry .answer-mark::after{transform:rotate(-45deg)}.answer-message{font-size:clamp(24px,7vw,34px);font-weight:950;line-height:1.25}.answer-action{width:100%;max-width:310px;border:0;border-radius:22px;padding:17px 20px;font-size:22px;font-weight:950;color:#fff;cursor:pointer;min-height:60px;box-shadow:0 6px 0 rgba(0,0,0,.10)}.answer-panel.correct .answer-action{background:#ff922b}.answer-panel.retry .answer-action{background:#4dabf7}.answer-action:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.10)}@keyframes answerFade{from{opacity:0}to{opacity:1}}@keyframes answerPop{0%{transform:scale(.45) rotate(-6deg);opacity:.2}65%{transform:scale(1.08) rotate(1deg);opacity:1}100%{transform:scale(1)}}65%{transform:scale(1.08) rotate(1deg);opacity:1}100%{transform:scale(1)}}
    .settings-shell{width:min(100%,1120px);margin:0 auto;display:flex;flex-direction:column;gap:0;flex:1}.settings-shell>.settings-head{margin-bottom:20px}.settings-shell>.trial-note{margin-bottom:20px}.settings-shell>.settings-card{margin-bottom:20px}.settings-shell>.settings-note{margin-bottom:20px}.settings-head{display:flex;align-items:center;gap:14px}.settings-back{border:2px solid #e9ecef;background:#fff;border-radius:16px;padding:10px 14px;font-weight:900;font-size:16px;cursor:pointer}.settings-card{background:#fff;border:1px solid #f1f3f5;border-radius:24px;box-shadow:0 8px 22px rgba(34,39,46,.07);padding:16px 18px}.settings-title{font-size:22px;font-weight:950;margin-bottom:3px}.settings-help{color:#6f7a86;font-size:13px;line-height:1.45;font-weight:700}.setting-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:11px}.setting-option{border:3px solid #edf0f2;background:#fff;border-radius:18px;min-height:66px;padding:8px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:950;font-size:18px;cursor:pointer}.setting-option small{font-size:10px;color:#868e96;font-weight:800;line-height:1.25;text-align:center}.setting-option.active{border-color:#74c0fc;background:#e7f5ff;box-shadow:0 0 0 3px rgba(77,171,247,.10)}.setting-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-done{border:0;border-radius:20px;background:#ff9f43;color:#fff;font-size:20px;font-weight:950;padding:14px 22px;min-height:54px;cursor:pointer;box-shadow:0 6px 0 #e9852d}.settings-done:active{transform:translateY(3px);box-shadow:0 3px 0 #e9852d}.settings-note{background:#fff9db;border-radius:16px;padding:11px 14px;color:#5f4b16;font-size:12px;font-weight:800;line-height:1.5}.intro-setting{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.intro-setting span{padding:6px 10px;border-radius:999px;background:#f1f3f5;color:#495057;font-size:12px;font-weight:900}.intro-home-card{width:100%;min-height:calc(100vh - 160px)}.intro-actions{width:100%;max-width:none;display:flex;flex-direction:column;gap:12px;margin-top:10px;align-self:stretch}.intro-actions>button{width:100%}.intro-theme-btn{min-height:54px;font-size:18px;font-weight:900}.intro-picked-theme{margin-top:14px;width:min(100%,700px);padding:14px 16px;border-radius:24px;background:#fff9db;border:1px solid #ffe066}.intro-picked-label{font-size:13px;font-weight:900;color:#7a5900;margin-bottom:8px}.intro-picked-body{display:flex;align-items:center;justify-content:center;gap:14px}.intro-picked-title{font-size:20px;font-weight:950;color:#28323d}.intro-picked-desc{margin-top:4px;font-size:13px;line-height:1.6;color:#6f7a86;font-weight:800}.subtopic-shell{width:100%;max-width:none;margin:0 auto;display:flex;flex-direction:column;gap:18px;flex:1}.subtopic-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-inline:6px}.subtopic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;align-items:stretch;width:100%}.subtopic-card{width:100%;border:2px solid #edf0f2;background:#fff;border-radius:26px;padding:18px;text-align:left;box-shadow:0 8px 22px rgba(34,39,46,.07);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;min-height:214px}.subtopic-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(34,39,46,.12)}.subtopic-card-top{display:flex;align-items:center;gap:14px;min-width:0}.subtopic-visual{flex:0 0 auto;width:92px;height:92px;border-radius:24px;background:#fff9db;display:grid;place-items:center;border:1px solid #ffe066;overflow:hidden;padding:10px}.subtopic-visual .iconset{width:100%;height:100%;display:grid;place-items:center}.subtopic-visual .asset-img{width:100%!important;height:100%!important;max-width:58px;max-height:58px}.subtopic-copy{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.subtopic-title{font-size:24px;font-weight:950;line-height:1.25;color:#28323d;word-break:keep-all}.subtopic-desc{margin-top:6px;font-size:14px;line-height:1.6;color:#5f6872;font-weight:800;max-width:none}.subtopic-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.subtopic-meta span{padding:6px 10px;border-radius:999px;background:#f1f3f5;color:#495057;font-size:12px;font-weight:900}.intro-subcategory-wrap{margin-top:14px;width:min(100%,760px)}.intro-subcategory-label{font-size:14px;font-weight:900;color:#6f7a86;margin-bottom:10px}.intro-subcategory-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.intro-subcategory-btn{border:2px solid #e9ecef;background:#fff;border-radius:999px;padding:10px 14px;font-size:15px;font-weight:900;color:#36424e;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.03)}.intro-subcategory-btn.active{border-color:#ffd43b;background:#fff9db;box-shadow:0 0 0 3px rgba(255,212,59,.18)}.intro-subcategory-note{margin-top:10px;font-size:12px;line-height:1.6;color:#6f7a86;font-weight:800}
    .trial-tag{display:inline-flex;align-items:center;border-radius:999px;background:#fff3bf;color:#8a5d00;padding:7px 12px;font-size:12px;font-weight:950}
    .trial-hp-link{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid #fcc8d3;color:#c9516a;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.trial-hp-link:hover{background:#fff0f3;border-color:#f9a8b8}.locked-box{opacity:.58;pointer-events:none;filter:saturate(.75)}.trial-note{padding:14px 16px;border-radius:18px;background:#fff3bf;color:#795000;font-weight:850;line-height:1.6}.weak-card{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:28px;background:linear-gradient(135deg,#f3f0ff,#e7f5ff);border:2px solid #d0bfff;box-shadow:var(--shadow);cursor:pointer}.weak-left{display:flex;align-items:center;gap:14px;min-width:0}.weak-icon{width:78px;height:78px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:38px;box-shadow:0 6px 16px rgba(0,0,0,.07)}.weak-copy{min-width:0}.weak-title{font-size:21px;font-weight:950}.weak-sub{margin-top:5px;font-size:14px;font-weight:800;color:#5f5f6f;line-height:1.45}.weak-btn{flex:0 0 auto;border:0;border-radius:18px;background:#845ef7;color:#fff;font-weight:950;font-size:17px;padding:14px 18px;cursor:pointer}.weakness-shell{display:flex;flex-direction:column;gap:18px}.weakness-head{display:flex;align-items:center;gap:14px}.weakness-card{background:#fff;border:1px solid #f1f3f5;border-radius:28px;box-shadow:var(--shadow);padding:22px}.weakness-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.focus-chip{border-radius:20px;background:#f8f0fc;padding:16px;text-align:center}.focus-label{font-size:12px;color:#868e96;font-weight:850}.focus-value{margin-top:5px;font-size:21px;font-weight:950}.weakness-start{width:100%;border:0;border-radius:20px;background:#845ef7;color:#fff;font-weight:950;font-size:20px;padding:17px 22px;cursor:pointer}.weakness-empty{text-align:center;padding:34px 20px}.weakness-empty .asset-img{margin:auto}.weakness-hint{margin-top:12px;line-height:1.7;color:#6f7a86;font-weight:750}

    .recommend-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:28px;background:linear-gradient(135deg,#fff4e6,#f3f0ff);border:2px solid #e5dbff;box-shadow:var(--shadow);cursor:pointer}
    .home-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .home-action-card{min-height:142px;padding:20px 22px;display:flex;align-items:center;gap:18px;border-radius:28px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}
    .home-action-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(34,39,46,.13)}.home-action-card:active{transform:scale(.995)}
    .home-action-card.mixed{background:linear-gradient(135deg,#e7f5ff,#f2f8ff);border:2px solid #b9defc}.home-action-card.explore{background:linear-gradient(135deg,#fff9db,#fff3bf 55%,#ffe8cc);border:2px solid #ffd43b}.home-action-card.review{background:linear-gradient(135deg,#f8f5ff,#f2f8ff);border:2px solid #d0bfff}
    .home-action-icon{flex:0 0 auto;width:92px;height:92px;border-radius:24px;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 6px 16px rgba(34,39,46,.07)}
    .home-action-icon.mixed-icons{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(2,32px);gap:5px;place-content:center}.home-action-icon.mixed-icons .iconset{display:contents}.home-action-icon.mixed-icons .asset-img,.home-action-icon.mixed-icons .vector-svg{width:30px!important;height:30px!important}.home-action-icon.explore-icon{background:linear-gradient(180deg,#fffdf0,#fff1a8);box-shadow:0 8px 18px rgba(255,193,7,.18)}.home-action-icon.explore-icon .asset-img{width:62px!important;height:62px!important}.home-action-icon.review-icon .asset-img{width:58px!important;height:58px!important}
    .home-action-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.home-action-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-action-title{font-size:23px;font-weight:950;line-height:1.2;color:#28323d}.home-action-sub{font-size:14px;font-weight:800;color:#5f6872;line-height:1.55}
.recommend-left{display:flex;align-items:center;gap:14px;min-width:0}.recommend-icon{width:78px;height:78px;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.07)}.recommend-icon .asset-img{width:58px;height:58px}.recommend-title{font-size:22px;font-weight:950}.recommend-sub{margin-top:5px;font-size:14px;font-weight:800;color:#5f5f6f;line-height:1.5}.recommend-btn{flex:0 0 auto;border:0;border-radius:18px;background:#845ef7;color:#fff;font-weight:950;font-size:17px;padding:14px 18px;cursor:pointer}.priority-card{background:linear-gradient(135deg,#fff9db,#fff);border:2px solid #ffe066}.priority-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.priority-title{font-size:22px;font-weight:950}.priority-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;background:#fff3bf;color:#7a5900;white-space:nowrap}.priority-status.steady{background:#ebfbee;color:#2b8a3e}.priority-status.watch{background:#fff4e6;color:#d9480f}.priority-body{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(110px,.7fr));gap:12px}.priority-topic{border-radius:20px;background:#fff;padding:16px;border:1px solid #f1f3f5}.priority-topic-label,.priority-metric-label{font-size:12px;color:#868e96;font-weight:850}.priority-topic-value{font-size:22px;font-weight:950;margin-top:5px}.priority-topic-sub{font-size:13px;color:#6f7a86;font-weight:800;margin-top:4px}.priority-metric{border-radius:20px;background:#fff;padding:16px;text-align:center;border:1px solid #f1f3f5}.priority-metric-value{font-size:24px;font-weight:950;margin-top:5px}.priority-advice{margin-top:14px;padding:14px 16px;border-radius:18px;background:#fff;color:#495057;font-size:14px;font-weight:800;line-height:1.65}.analysis-note{margin-top:8px;font-size:12px;color:#868e96;line-height:1.55}.focus-progress{margin-top:12px;height:9px;background:#f1f3f5;border-radius:999px;overflow:hidden}.focus-progress>div{height:100%;background:#845ef7;border-radius:999px}.recommend-reason{margin-top:14px;padding:12px 14px;border-radius:18px;background:#f8f9fa;color:#5f6872;font-size:13px;font-weight:800;line-height:1.6}
    @media(max-width:760px){.priority-body{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-topic{grid-column:1 / -1}}
    @media(max-width:520px){.recommend-card{align-items:flex-start}.recommend-btn{padding:12px 14px}.priority-body{grid-template-columns:1fr 1fr}.priority-metric{padding:12px 8px}}
    .help-shell{width:min(100%,900px);margin:0 auto;display:flex;flex-direction:column;gap:16px;flex:1}.help-head{display:flex;align-items:center;gap:14px}.help-title{font-size:clamp(30px,5vw,44px);font-weight:950}.help-lead{background:linear-gradient(135deg,#e7f5ff,#fff4e6);border:1px solid #e9ecef;border-radius:28px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow)}.help-lead-icon{width:82px;height:82px;display:grid;place-items:center}.help-lead-icon img{width:82px;height:82px;display:block;object-fit:contain}.help-step-icon img{width:52px;height:52px;display:block;object-fit:contain}.help-lead-copy{font-size:17px;font-weight:850;line-height:1.65;color:#495057}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-card{background:#fff;border:1px solid #f1f3f5;border-radius:24px;padding:18px;box-shadow:0 8px 22px rgba(34,39,46,.07)}.help-step{display:flex;align-items:center;gap:12px;margin-bottom:10px}.help-step-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:34px;background:#f8f9fa}.help-step-title{font-size:21px;font-weight:950}.help-card p{margin:0;color:#5f6872;font-size:14px;font-weight:760;line-height:1.7}.help-demo{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.help-demo-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:#f8f9fa;font-weight:900;font-size:14px}.help-ox{font-size:34px}.help-note{background:#fff9db;border-radius:20px;padding:16px 18px;color:#5f4b16;font-size:14px;font-weight:800;line-height:1.7}.help-done{width:100%;border:0;border-radius:22px;background:#74c0fc;color:#fff;font-size:20px;font-weight:950;padding:16px 22px;cursor:pointer;box-shadow:0 6px 0 #339af0}.help-done:active{transform:translateY(3px);box-shadow:0 3px 0 #339af0}.parent-note{display:block;color:#7a8793;font-size:13px;font-weight:800;margin-top:4px}.parent-screen-head{display:flex;align-items:center;gap:14px}.parent-screen-icon{width:64px;height:64px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 10px rgba(34,39,46,.10))}.parent-screen-sub{color:#6f7a86;font-size:13px;font-weight:800;margin-top:3px}.domain-reading{font-size:12px;color:#7a8793;font-weight:800;margin-top:3px}
    .home-mix-card,.recommend-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative}.home-mix-card:hover,.recommend-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(34,39,46,.13)}.home-mix-card:active,.recommend-card:active{transform:scale(.995)}.card-chevron{margin-left:auto;flex:0 0 auto;width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.82);display:grid;place-items:center;font-size:34px;font-weight:900;color:#35547a;box-shadow:0 4px 14px rgba(34,39,46,.08)}
    .review-settings-card{border:2px solid #d0bfff;background:linear-gradient(135deg,#f8f5ff,#f2f8ff)}.review-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-progress-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#fff;color:#6741d9;font-size:13px;font-weight:950;border:1px solid #e5dbff}.review-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:14px}.review-btn{border:0;border-radius:18px;min-height:56px;padding:12px 16px;font-size:17px;font-weight:950;cursor:pointer}.review-btn.primary-review{background:#845ef7;color:#fff}.review-btn.secondary-review{background:#fff;color:#495057;border:2px solid #e9ecef}.review-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#6f7a86;font-weight:850;margin-top:5px}.review-id{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f1f3f5;color:#495057;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.review-complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
    @media(max-width:980px){.home-top{grid-template-columns:1fr 1fr}.home-top>.logo-card,.home-top>.hero-card,.home-top>.quick-card{min-height:170px}.quick-card{grid-column:1 / -1}.home-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.home-action-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:650px){.logo-big,.logo-sub,.hero-msg{white-space:normal}.home-action-grid{grid-template-columns:1fr}.home-action-card{min-height:124px;padding:16px 18px}.home-action-icon{width:78px;height:78px}.home-action-title{font-size:21px}.home-action-sub{font-size:13px}.review-actions,.review-complete-actions{grid-template-columns:1fr}.stages{grid-template-columns:1fr}.home-stage-card{min-height:400px}.home-stage-title{min-height:58px}.home-stage-main{min-height:165px}.help-grid{grid-template-columns:1fr}.help-lead{align-items:flex-start}.help-lead-icon{font-size:48px}.setting-options{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.home-top{grid-template-columns:1fr}.home-stages{grid-template-columns:1fr}.quick-card{grid-column:auto}.mix-left{flex-direction:column;align-items:flex-start}.home-stage-main{min-height:108px}}
    @media(max-width:520px){.app{padding-left:10px;padding-right:10px}.choices.four{grid-template-columns:repeat(2,minmax(0,1fr))}.count-grid.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.question-card{padding:14px}.instruction{font-size:clamp(24px,7.6vw,34px)}.prompt-items .asset-img{width:min(84px,24vw);height:min(84px,24vw)}.choice{min-height:112px}.home-stage-start,.mix-btn{font-size:17px}.choices{gap:8px}.choice{min-height:122px;padding:8px}.count-grid{gap:9px}.pick{min-width:0}.instruction{font-size:25px}.speak{width:50px;height:50px}.dropzone{width:96px;min-height:96px}.drag-item{width:76px;height:76px}.drag-item .asset-img{width:50px;height:50px}.floating{width:76px;height:76px}.floating .asset-img{width:50px;height:50px}}
  @media(max-width:560px){.result-actions{grid-template-columns:1fr}}
      @media(max-width:650px){.settings-shell>.settings-head{margin-bottom:14px}.settings-shell>.trial-note,.settings-shell>.settings-card,.settings-shell>.settings-note{margin-bottom:14px}}
  
/* v3.7 — familiar pictures, compact choices, generous answer surfaces. */
:root{--muted:#526170;--accent2:#2478b6;--shadow:0 6px 20px rgba(34,39,46,.07)}
button,a,input,select,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #185f97;outline-offset:4px}
button:disabled{opacity:.42;cursor:default;transform:none!important;box-shadow:none}
.primary{color:#472b11}.confirm{background:#196fa9;box-shadow:0 5px 0 #115481}
.tiny,.kanji-tag,.settings-help,.settings-note,.parent-screen-sub{font-size:14px;line-height:1.6}
.home-top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(280px,1fr);gap:14px}
.home-top>.logo-card,.home-top>.hero-card,.home-top>.quick-card{min-height:160px}
.logo-card{padding:18px 22px}.logo-big{font-size:36px;line-height:1.2;gap:0 .12em}
.logo-sub{font-size:16px;line-height:1.7}.logo-mini-tag{font-size:13px}
.hero-card{padding:18px;gap:10px}.hero-card .asset-img{width:66px;height:66px}
.hero-msg{font-size:23px;max-width:none;line-height:1.55}.hero-msg span{white-space:nowrap}
.quick-card{gap:15px;padding:12px}.quick-circle,.quick-icon-img{width:64px;height:64px}
.quick-item-label{font-size:16px}.quick-item{min-height:88px;min-width:64px}
.home-stages{gap:14px}.home-stage-card{min-height:280px;padding:16px 12px 12px;font:inherit;color:inherit;text-align:center}
.home-stage-title{font-size:24px;min-height:62px;line-height:1.35;display:block;align-content:center;letter-spacing:0}
.title-word{display:inline-block;white-space:nowrap}.home-stage-tag{height:auto;min-height:28px}
.home-stage-main{min-height:108px;gap:9px}.home-stage-desc{font-size:14px;font-weight:700;line-height:1.6;min-height:44px}
.home-stage-meta{font-size:14px;min-height:32px;padding-top:8px}.home-stage-main .asset-img.xl{width:57px;height:57px}
.home-stage-main .asset-img.hero{width:68px;height:68px}.home-stage-main .asset-img.l{width:48px;height:48px}
.home-action-card{min-height:112px;padding:16px}.home-action-title{font-size:22px}.home-action-sub{font-size:14px}
.home-action-icon{width:68px;height:68px;flex:0 0 68px}.home-action-icon.mixed-icons{display:flex;align-items:center;justify-content:center}.home-action-icon.mixed-icons .iconset{display:grid!important;grid-template-columns:repeat(2,24px);gap:4px!important}
.home-action-icon.mixed-icons .asset-img{width:24px!important;height:24px!important}
.settings-shell,.help-shell{gap:20px}.settings-card{margin-bottom:0!important;padding:22px}
.settings-shell>.settings-head,.settings-shell>.settings-note,.settings-shell>.settings-card{margin-bottom:0!important}
.settings-help{margin-top:5px;margin-bottom:14px}.setting-option{min-height:58px}.review-actions{margin-bottom:16px}
.review-link{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.review-skip{margin-left:auto;min-height:44px;border:1px solid #b9cadd;border-radius:12px;background:#fff;color:#244c6e;padding:8px 14px}
.review-meta{align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}
.records-title-wrap,.help-head,.settings-head{flex-wrap:wrap}.records-back,.settings-back{min-height:48px}
.question-wrap{max-width:1000px;width:100%;margin:0 auto}.question-card{gap:12px;padding:22px}
.instruction{font-size:clamp(23px,3vw,32px);line-height:1.6;overflow-wrap:anywhere}
.operation-hint{font-size:15px;line-height:1.5;color:#526170;padding-left:66px}
.workspace{justify-content:flex-start;gap:22px;min-height:320px}
.choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px;width:100%;margin:auto}
.choice{min-height:164px;padding:22px 15px;overflow:visible;min-width:0}
.choice>.iconset{gap:8px!important}.choice .asset-img{width:min(86px,18vw);height:min(86px,18vw)}
.count-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,800px);align-self:center;gap:12px}
.pick{min-height:100px;max-height:190px;min-width:0;padding:13px;aspect-ratio:auto}
.pick .asset-img{width:66px;height:66px}.pick .visual-unit{padding:8px}
.prompt-items{gap:14px;max-width:900px;align-self:center}.prompt-items .asset-img{width:78px;height:78px}
.answer-tools{display:grid;grid-template-columns:minmax(120px,.4fr) minmax(160px,1fr);gap:12px;position:sticky;bottom:0;background:#fff;padding:12px 0 8px;z-index:5;margin-top:auto}
.answer-tools .confirm{min-width:0}.answer-tools .secondary{font-size:16px}
.drag-scene{gap:22px}.dropzones{gap:12px;width:100%;display:flex;flex-wrap:wrap;justify-content:center}
.dropzone{width:144px;min-height:160px;padding:8px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
.zone-landing{border:0;background:transparent;width:100%;min-height:74px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px;border-radius:12px}
.zone-landing .asset-img{width:40px;height:40px}.dropzone .drop-label{font-size:14px;color:#344353}
.placed-items{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;width:100%}
.placed-token{background:#fff;border:1px solid #bbd7c2;padding:3px;border-radius:8px;min-width:36px;min-height:40px;cursor:pointer}
.placed-token .asset-img{width:28px;height:28px}.placed-token .visual-unit{transform-origin:center}
.drag-items{gap:10px;max-width:780px}.drag-item{width:84px;height:84px;border-radius:18px;flex:0 0 auto;touch-action:none}
.drag-item.selected{border-color:#176caa;background:#d8efff;box-shadow:0 0 0 3px #bde0f8}
.drag-item.used{opacity:.18}.drag-item .asset-img{width:48px;height:48px}
.floating{z-index:80}.geometry{display:block;width:100%;height:100%}
.shape-unit{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;flex:0 0 auto}
.shape-unit.xl{width:100px;height:100px}.shape-unit.s{width:32px;height:32px}
.paint-pick .geometry{width:78px;height:78px;margin:auto}
.grid-exercise{display:flex;align-items:flex-start;justify-content:center;gap:30px;width:100%}
.board-column{display:flex;align-items:center;flex-direction:column;gap:12px;flex:1;min-width:0;max-width:330px}
.board-label{font-size:18px;font-weight:800;color:#3a5267}
.answer-grid{display:grid;grid-template-columns:repeat(var(--grid),minmax(0,1fr));gap:0;width:100%;max-width:320px;aspect-ratio:1;border:2px solid #566a7e;border-radius:6px;overflow:hidden}
.grid-cell{min-width:0;min-height:0;width:100%;border:1px solid #8498a9;border-radius:0;padding:4px;display:grid;place-items:center;aspect-ratio:1}
button.grid-cell{cursor:pointer}.grid-cell .asset-img{width:44px!important;height:44px!important}.grid-cell:focus-visible{outline-offset:-4px}
.paint-palette{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.palette-button{display:flex;justify-content:center;align-items:center;gap:7px;border:2px solid #b8c7d4;border-radius:14px;padding:9px 12px;background:#fff;min-height:56px;min-width:64px;font-size:16px;cursor:pointer}
.palette-button.selected{border-color:#176caa;box-shadow:0 0 0 3px #d3eafc;background:#f2f9ff}
.color-swatch{width:26px;height:26px;border:1px solid #65798a;border-radius:50%}
.dot-board{position:relative;width:100%;max-width:320px;aspect-ratio:1;border:2px solid #a4b8ca;border-radius:18px;background:#f8fcff}
.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.connection-lines line{stroke:#2179b5;stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:round}
.connection-lines .preview-line{stroke:#91b8d2;stroke-dasharray:5 4}
.dot-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;touch-action:none}
.dot-point::after,.dot-marker{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#294d68;left:50%;top:50%;transform:translate(-50%,-50%)}
.dot-point.selected{box-shadow:inset 0 0 0 3px #2179b5;background:#dcedf7}
.dot-marker{left:auto;top:auto;pointer-events:none}
.pair-board{position:relative;width:min(100%,650px);align-self:center}
.pair-node{position:absolute;transform:translateY(-50%);width:28%;min-height:72px;max-height:82px;border:2px solid #d9e4ed;border-radius:16px;background:#fff;display:flex;justify-content:center;align-items:center;padding:8px 14px;cursor:pointer;touch-action:none}
.pair-node.left{left:0}.pair-node.right{right:0}.pair-node .asset-img{width:50px;height:50px}.pair-node .shape-unit{width:56px;height:56px}
.pair-node.selected{background:#e2f1fb;border-color:#2179b5}
.pair-anchor{position:absolute;top:50%;width:10px;height:10px;background:#294d68;border-radius:50%;transform:translateY(-50%)}
.pair-node.left .pair-anchor{right:-6px}.pair-node.right .pair-anchor{left:-6px}
.word-picture{display:inline-flex;flex-direction:column;align-items:center;gap:8px;max-width:100%;width:90px;vertical-align:middle}
.word-picture.xl{width:116px}.word-picture.s{width:34px}
.word-sprite{display:block;width:100%;aspect-ratio:1;background-image:url('assets/vocabulary-sprite.png');background-size:400% 200%;background-repeat:no-repeat}
.word-caption{font-size:18px;line-height:1.4;font-weight:700;white-space:nowrap}
.word-picture.s .word-caption{display:none}.word-picture.l{width:74px}.word-picture.m{width:54px}
.word-listen{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.word-sound{font-size:15px}
.visual-text{font-size:26px;font-weight:800;padding:8px;white-space:nowrap}
.balance-diagram{position:relative;width:min(360px,85vw);aspect-ratio:360/220}
.balance-diagram>svg{width:100%;height:100%}.balance-object{position:absolute;width:68px;height:64px;display:flex;align-items:flex-end;justify-content:center}
.balance-object.left{left:2.8%}.balance-object.right{right:2.8%}.balance-object .asset-img{width:60px!important;height:60px!important}
.liquid-diagram{display:block;width:100px;height:145px}.partition-diagram{display:block;width:min(280px,70vw);height:210px}
.story-scene{display:flex;justify-content:center;gap:18px}.story-card{background:#f5faff;border:2px solid #dceaf4;flex:1;max-width:210px;min-height:165px;display:flex;align-items:center;justify-content:center;border-radius:18px;position:relative;padding:28px 10px}
.story-order{position:absolute;top:7px;left:12px;font-size:16px;font-weight:800;color:#526170}
.retry-hint{text-align:left;font-size:15px;line-height:1.7;margin-bottom:16px}.retry-hint summary{cursor:pointer;min-height:44px}
.answer-panel{width:min(92vw,540px);max-height:90dvh;overflow:auto}.answer-message{font-size:clamp(23px,5vw,32px);line-height:1.5}
.answer-mark{max-width:200px;max-height:200px}.answer-overlay{background:rgba(29,48,68,.23)}
.storage-notice{font-size:15px;color:#833b20;background:#fff1dd;padding:12px;border-radius:12px}
.result h1{font-size:clamp(25px,5vw,38px)}.records-card .parent-screen-sub{line-height:1.7}
@media(max-width:1000px){
 .home-top{grid-template-columns:1.1fr 1fr}.quick-card{grid-column:1/-1;min-height:104px!important;gap:36px}
 .quick-item{flex-direction:row;gap:10px;min-height:72px}.home-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .app{padding:12px 10px 20px}.home-top{grid-template-columns:1fr;gap:12px}
 .logo-card{padding:16px 18px}.home-top>.logo-card{min-height:auto}.logo-big{font-size:34px;flex-wrap:wrap}
 .logo-sub{margin-top:6px;font-size:15px}.hero-card{display:none}.quick-card{gap:18px}
 .quick-item{flex-direction:column;gap:5px;min-width:62px}.quick-circle,.quick-icon-img{width:48px;height:48px}
 .home-stage-card{min-height:256px;padding:14px 10px 10px}.home-stage-title{font-size:20px;min-height:57px}
 .home-stage-desc{font-size:14px}.home-stage-tag .kanji-tag{font-size:12px;padding:4px 6px}
 .home-stage-main .asset-img.xl{width:36px;height:36px}.home-stage-main .asset-img.l{width:33px;height:33px}
 .home-stage-main .asset-img.hero{width:48px;height:48px}.home-stage-main .speech-bubble{font-size:14px;padding:4px 8px}
 .home-action-title{font-size:20px}.home-action-sub{font-size:14px;line-height:1.6}.home-action-grid{grid-template-columns:1fr}
 .home-action-card{padding:14px;min-height:106px}.home-action-icon{width:60px;height:60px;flex-basis:60px}
 .question-card{padding:15px;gap:10px}.question-wrap{gap:10px}.instruction{font-size:24px}
 .speak{width:48px;height:48px;flex-basis:48px}.operation-hint{padding-left:0;font-size:14px}
 .progress-left{flex-wrap:wrap;gap:5px}.progress-line{align-items:flex-start}.progress-line>span{flex-shrink:0}
 .choices,.choices.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .choice{min-height:140px;padding:22px 9px}.choice .asset-img{width:54px;height:54px}
 .count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pick{padding:8px;min-height:92px}.pick .asset-img{width:48px;height:48px}
 .workspace{gap:18px;min-height:300px}.prompt-items .asset-img{width:54px;height:54px}
 .drag-item{width:68px;height:68px}.drag-item .asset-img{width:42px;height:42px}
 .dropzone{width:calc(50% - 7px);min-height:135px}.dropzones{display:flex;gap:10px}.zone-landing{min-height:66px}
 .grid-exercise{flex-direction:column;align-items:center;gap:18px}.board-column{width:100%;max-width:270px}
 .grid-exercise>.board-column:first-child:not(:last-child){max-width:190px}
 .board-label{font-size:17px}.answer-grid{max-width:270px}.grid-cell .asset-img{width:34px!important;height:34px!important}
 .pair-node{width:28%;padding:6px}.pair-node .asset-img{width:44px;height:44px}.pair-node .shape-unit{width:44px;height:44px}
 .word-caption{font-size:17px}.word-picture.xl{width:86px}.word-picture.l{width:62px}.shape-unit.xl{width:78px;height:78px}
 .settings-card{padding:18px}.setting-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-scene{gap:8px}.story-card{min-height:120px;padding:26px 5px 10px}.story-card .asset-img{width:58px;height:58px}
 .answer-tools{grid-template-columns:120px 1fr;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .help-grid{grid-template-columns:1fr}.records-title-wrap{gap:15px}.records-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.measure-diagram,.pattern-card{width:100%;max-width:180px;height:auto;min-width:0}.blocks-diagram{width:100%;max-width:380px;height:240px}.trace-wrap{max-width:680px;margin:8px auto 16px}.trace-board{display:block;width:100%;height:auto;touch-action:none;user-select:none;background:#fff;border:2px solid #bed0df;border-radius:18px}.trace-road{stroke:#eaf0f6;stroke-width:24;fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-guide{stroke:#849aad;stroke-width:2;stroke-dasharray:4 5;fill:none}.trace-ink{stroke:#287bb9;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.paper-trace{display:block;margin:16px auto}.pair-node .iconset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px!important}.pair-node .iconset>.iconset{display:inline-flex}.pair-node .asset-img{max-width:26px;max-height:26px}.pair-node .word-picture{max-width:68px}.pair-node .visual-unit .asset-img{max-width:30px;max-height:30px}.pair-node>span.iconset:has(>.asset-img:only-child){display:flex}.pair-node>span.iconset>.asset-img:only-child{max-width:58px;max-height:58px}

.desc-word{display:inline-block;white-space:nowrap}.trace-wrap{width:100%}@media(max-width:360px){.home-stage-title{font-size:17px}.home-stage-card{padding:12px 6px}.home-stage-desc{font-size:13px}.home-stages{gap:10px}.home-stage-main .asset-img.xl{width:31px;height:31px}.home-stage-main .asset-img.l{width:26px;height:26px}.home-stage-main .iconset{gap:2px!important}.answer-tools{grid-template-columns:108px minmax(0,1fr);gap:8px}.answer-tools .secondary{font-size:14px;padding:10px 6px}.answer-tools .confirm{font-size:20px;padding:10px 6px}}

.instruction-phrase{display:inline-block;max-width:100%;vertical-align:top}.pair-node .word-caption{font-size:14px}.home-stage-desc .desc-word{max-width:100%;white-space:normal}@media(max-width:600px){.home-stage-desc .desc-word{font-size:13px}.pair-node .iconset{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-node .asset-img{max-width:23px;max-height:23px}}

@media(max-width:600px){.pair-board.group-pairs .pair-node{width:34%;max-height:none;min-height:80px;padding:5px}.pair-board.group-pairs .pair-node .iconset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.pair-board.group-pairs .pair-node .asset-img{width:100%;height:auto;max-width:26px;max-height:26px}.pair-board.group-pairs .pair-node .word-sprite{width:54px}.pair-board.group-pairs .pair-node .word-caption{font-size:13px}.grid-exercise>.board-column:first-child:not(:last-child){max-width:145px}}

.home-stage-desc{display:block;align-content:center}

/* Product review fixes: legible art, consistent picture-only animal targets. */
.paint-status{text-align:center;margin:0;color:#34526c;font-size:17px}
.paint-pick .geometry{width:100px;height:100px}
.choice .asset-img{width:min(110px,21vw);height:min(110px,21vw)}
.pair-board{width:min(100%,850px)}
.pair-node,.pair-board.group-pairs .pair-node{width:32%;height:112px;min-height:112px;max-height:none;padding:10px}
.pair-node .iconset,.pair-board.group-pairs .pair-node .iconset{display:flex;flex-wrap:wrap;justify-content:center;gap:4px!important}
.pair-node .asset-img,.pair-node .visual-unit .asset-img,.pair-node>span.iconset>.asset-img:only-child{width:64px;height:64px;max-width:64px;max-height:64px}
.pair-node .word-picture,.pair-node .word-sprite{width:72px;max-width:72px}
.pair-node .word-caption,.dropzone .word-caption{display:none}
.dropzone .asset-img{width:64px;height:64px}
.dropzone .word-picture{width:64px}.dropzone .word-sprite{width:64px}
.partition-piece{width:min(200px,100%);height:180px}
.season-picture{display:inline-flex;flex-direction:column;align-items:center;width:160px;max-width:100%;gap:6px}
.season-art{width:100%;aspect-ratio:1;background-image:url('assets/seasons.png');background-size:200% 200%;background-repeat:no-repeat}
.season-picture .word-caption{font-size:24px}
@media(max-width:600px){
.pair-node,.pair-board.group-pairs .pair-node{width:34%;padding:5px}
.pair-node .asset-img,.pair-node .visual-unit .asset-img,.pair-node>span.iconset>.asset-img:only-child,.pair-board.group-pairs .pair-node .asset-img{width:40px;height:40px;max-width:40px;max-height:40px}
.pair-node .word-picture,.pair-node .word-sprite,.pair-board.group-pairs .pair-node .word-sprite{width:56px;max-width:56px}
.paint-pick .geometry{width:72px;height:72px}.paint-palette{gap:6px}.palette-button{padding:8px;min-height:48px}
.season-picture{width:112px}.season-picture .word-caption{font-size:20px}.partition-piece{height:130px}
}

.pair-node .iconset:has(>:nth-child(4)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px!important}
.pair-node .iconset:has(>:nth-child(4)) .asset-img{width:30px;height:30px;max-width:30px;max-height:30px}
@media(max-width:600px){.pair-node .iconset:has(>:nth-child(4)) .asset-img{width:25px;height:25px;max-width:25px;max-height:25px}}

/* Recommended practice immediately below the title. */
.home-shell>.home-action-card.explore{width:100%;box-sizing:border-box;min-height:112px}
.home-action-grid>.home-action-card.review{width:100%;box-sizing:border-box;min-height:112px}
.home-action-grid:has(>.home-action-card:only-child){grid-template-columns:1fr}

@media(max-width:600px){.intro-subcategory-buttons{gap:8px}.intro-subcategory-btn{font-size:14px;padding:9px 12px}}

@media(max-width:700px){.subtopic-grid{grid-template-columns:1fr}.subtopic-card{min-height:unset}.subtopic-card-top{align-items:flex-start}.subtopic-title{font-size:21px}.subtopic-visual{width:80px;height:80px;padding:8px}.subtopic-visual .asset-img{max-width:50px;max-height:50px}.intro-picked-body{align-items:flex-start}.intro-theme-btn{font-size:17px}}

/* v3.7.9 — dedicated one-image-per-theme artwork. */
.subtopic-visual.has-theme-image{background:#fff;border-color:#f1f3f5;padding:4px}
.subtopic-visual.has-theme-image .theme-art{display:block;width:100%;height:100%;object-fit:contain;border-radius:18px}
.intro-picked-theme .subtopic-visual.has-theme-image{background:#fff}

/* v3.7.10-trial */
.trial-home-note{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:22px;background:linear-gradient(135deg,#fff9db,#e7f5ff);border:2px solid #ffe066;color:#4b5563;font-weight:850;line-height:1.55}
.trial-home-note b{display:block;font-size:17px;color:#6a4b00}.trial-home-note span:not(.trial-home-icon){display:block;font-size:13px}.trial-home-icon{font-size:28px}
.home-stage-card.trial-locked-card{position:relative;opacity:.68;filter:saturate(.72);background:linear-gradient(180deg,#fff,#f8f9fa)}
.home-stage-card.trial-locked-card:hover{transform:none}.trial-lock-badge{position:absolute;top:12px;right:12px;z-index:2;padding:7px 10px;border-radius:999px;background:#495057;color:#fff;font-size:11px;font-weight:950;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.trial-locked-shell{min-height:calc(100vh - 130px);display:grid;place-items:center}.trial-locked-card{width:min(100%,720px);background:#fff;border:1px solid #edf0f2;border-radius:32px;box-shadow:var(--shadow);padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.trial-locked-icon{font-size:42px}.trial-locked-visual{opacity:.82}.trial-locked-card h1{font-size:34px}.trial-product-info{width:min(100%,520px);display:flex;flex-direction:column;gap:5px;border-radius:22px;background:#fff9db;padding:16px 18px;color:#5f4b16;font-weight:800;line-height:1.55}.trial-product-info b{font-size:13px}.trial-product-info span:first-of-type{font-size:24px;font-weight:950;color:#7a5900}
@media(max-width:650px){.trial-home-note{align-items:flex-start}.trial-lock-badge{top:8px;right:8px}.trial-locked-card{padding:22px 16px}.trial-locked-card h1{font-size:28px}}
\n\n/* v3.7.12-trial: fixed 9-question demo + parent conversion path */\n.trial-feature-disabled{opacity:.58;filter:saturate(.72);cursor:default;pointer-events:none;background:#f8f9fa!important;border-color:#e9ecef!important;box-shadow:none!important}\n.trial-feature-disabled:hover{transform:none!important;box-shadow:none!important}\n.home-stage-card.trial-locked-card:disabled{cursor:default;pointer-events:none}\n.trial-parent-entry{width:100%;border:1px solid #e9ecef;background:#fff;border-radius:24px;padding:16px 20px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(34,39,46,.06);color:#36424e}\n.trial-parent-entry:hover{box-shadow:0 9px 24px rgba(34,39,46,.10)}\n.trial-parent-entry-label{grid-row:1 / span 2;padding:7px 10px;border-radius:999px;background:#f1f3f5;color:#6c757d;font-size:11px;font-weight:950;white-space:nowrap}\n.trial-parent-entry-main{font-size:17px;font-weight:950}.trial-parent-entry-main b{font-size:24px}.trial-parent-entry-sub{font-size:12px;font-weight:800;color:#868e96;line-height:1.45}\n.trial-control-disabled:disabled{opacity:.62;cursor:default;background:#f8f9fa;color:#68727d;border-color:#dee2e6}\n.inline-product-lock{display:inline-flex;align-items:center;margin-left:8px;padding:4px 8px;border-radius:999px;background:#495057;color:#fff;font-size:10px;font-weight:950;vertical-align:middle}\n.trial-settings-locked{position:relative;background:#fbfcfd}.trial-settings-locked .setting-options{opacity:.62}.trial-settings-locked .setting-option:disabled{cursor:default;box-shadow:none}\n.trial-result-parent{width:min(100%,680px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #e9ecef;border-radius:22px;background:#f8f9fa;text-align:left}\n.trial-result-parent div{display:flex;flex-direction:column;gap:4px}.trial-result-parent b{font-size:13px}.trial-result-parent span{font-size:12px;line-height:1.5;color:#6c757d;font-weight:800}\n.trial-product-link{flex:0 0 auto;border:0;background:transparent;color:#5c7cfa;font-weight:950;font-size:14px;cursor:pointer;padding:10px}\n.trial-finish-card{width:min(100%,720px);border:2px solid #ffd43b;border-radius:26px;background:linear-gradient(135deg,#fff9db,#fff);padding:20px;text-align:left;box-sizing:border-box}\n.trial-finish-kicker{font-size:12px;font-weight:950;color:#8a5d00}.trial-finish-card h2{margin:6px 0 8px;font-size:23px}.trial-finish-card p{margin:0 0 16px;line-height:1.65;color:#5f6872;font-weight:800}.trial-product-primary{width:100%;border:0;border-radius:18px;background:#ff9f43;color:#fff;font-size:18px;font-weight:950;padding:15px 18px;cursor:pointer;box-shadow:0 5px 0 #e9852d}.trial-product-primary:active{transform:translateY(2px);box-shadow:0 3px 0 #e9852d}\n.product-shell{display:flex;flex-direction:column;gap:20px;max-width:1040px;margin:0 auto}.product-head{display:flex;flex-direction:column;gap:18px}.product-eyebrow{font-size:13px;font-weight:950;color:#6c757d}.product-head h1{font-size:34px;margin:4px 0}.product-head p{margin:0;color:#6f7a86;font-weight:800;line-height:1.6}.product-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-radius:30px;padding:28px;background:linear-gradient(135deg,#fff9db,#e7f5ff);border:2px solid #ffe066;box-shadow:var(--shadow)}\n.product-mini{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff;color:#7a5900;font-size:12px;font-weight:950}.product-hero-copy h2{font-size:28px;line-height:1.35;margin:10px 0}.product-hero-copy p{margin:0;line-height:1.7;color:#5f6872;font-weight:800}.product-hero-number{width:156px;height:156px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:4px solid #ffd43b;box-shadow:0 10px 24px rgba(34,39,46,.10)}.product-hero-number strong{font-size:45px;line-height:1;color:#f08c00}.product-hero-number span{font-weight:950;color:#6c757d}\n.product-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.product-feature{background:#fff;border:1px solid #edf0f2;border-radius:22px;padding:18px;box-shadow:0 5px 16px rgba(34,39,46,.05);display:flex;flex-direction:column;gap:7px}.product-feature b{font-size:17px}.product-feature span{font-size:13px;line-height:1.6;color:#6f7a86;font-weight:800}\n.product-plan-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:26px;padding:22px;background:#fff;border:1px solid #edf0f2;box-shadow:var(--shadow)}.product-plan-label{font-size:12px;font-weight:950;color:#868e96}.product-plan-card h2{font-size:22px;margin:5px 0}.product-plan-card p{margin:0;color:#6f7a86;font-weight:800;line-height:1.6}.product-purchase-placeholder{border:0;border-radius:18px;background:#e9ecef;color:#868e96;font-weight:950;font-size:16px;padding:15px 22px;cursor:not-allowed;white-space:nowrap}.product-home-button{width:100%}\n@media(max-width:650px){.trial-parent-entry{grid-template-columns:1fr}.trial-parent-entry-label{grid-row:auto;width:max-content}.trial-result-parent{align-items:flex-start;flex-direction:column}.trial-product-link{padding-left:0}.product-hero-card{grid-template-columns:1fr}.product-hero-number{width:120px;height:120px;justify-self:center}.product-plan-card{align-items:stretch;flex-direction:column}.product-purchase-placeholder{width:100%}}\n
/* v3.7.12-trial: product memory review + unified inactive gray-out */
.memory-review-strip{display:flex;justify-content:center;margin:4px 0 14px}
.memory-review-btn{min-width:180px}
.memory-review-btn::before{content:"👀 "}

/* Product-only controls stay visible but look clearly inactive, matching the disabled theme selector. */
.home-stage-card.trial-locked-card,
.trial-feature-disabled,
.trial-settings-locked{
  opacity:.62!important;
  filter:grayscale(.9) saturate(.35)!important;
  background:#f8f9fa!important;
  color:#68727d!important;
  border-color:#dee2e6!important;
  box-shadow:none!important;
}
.home-stage-card.trial-locked-card *,
.trial-feature-disabled *,
.trial-settings-locked *{color:#7b848d!important}
.home-stage-card.trial-locked-card .trial-lock-badge,
.trial-feature-disabled .trial-lock-badge,
.inline-product-lock{background:#868e96!important;color:#fff!important}
.home-stage-card.trial-locked-card:hover,
.trial-feature-disabled:hover{transform:none!important;box-shadow:none!important}
.home-stage-card.trial-locked-card:disabled,
.trial-feature-disabled,
.trial-control-disabled:disabled,
.trial-settings-locked .setting-option:disabled{cursor:default!important}

/* v3.7.14-trial: unify inactive gray-out with top-screen locked cards */
.trial-control-disabled:disabled{
  opacity:.62!important;
  filter:grayscale(.9) saturate(.35)!important;
  background:#f8f9fa!important;
  color:#68727d!important;
  border-color:#dee2e6!important;
  box-shadow:none!important;
}
.trial-control-disabled:disabled .inline-product-lock,
.trial-settings-locked .inline-product-lock,
.trial-feature-disabled .inline-product-lock,
.home-stage-card.trial-locked-card .inline-product-lock{
  background:#868e96!important;
  color:#fff!important;
}
.trial-settings-locked .settings-title,
.trial-settings-locked .settings-help,
.trial-settings-locked .setting-option,
.trial-control-disabled:disabled,
.trial-feature-disabled,
.home-stage-card.trial-locked-card{
  color:#7b848d!important;
}
.trial-settings-locked .setting-option:disabled{
  opacity:1!important;
  filter:none!important;
  background:#f8f9fa!important;
  color:#7b848d!important;
  border-color:#dee2e6!important;
  box-shadow:none!important;
}
.trial-settings-locked .setting-option.active:disabled{
  outline:none!important;
  background:#f1f3f5!important;
}

/* v3.7.15-trial: exact inactive treatment shared with top locked surfaces */
.trial-disabled-surface{
  position:relative!important;
  opacity:.62!important;
  filter:grayscale(.9) saturate(.35)!important;
  background:#f8f9fa!important;
  color:#7b848d!important;
  border-color:#dee2e6!important;
  box-shadow:none!important;
  cursor:default!important;
  pointer-events:none!important;
}
.trial-disabled-surface:hover,
.trial-disabled-surface:active{
  transform:none!important;
  box-shadow:none!important;
}
.intro-theme-btn.trial-disabled-surface{
  min-height:58px!important;
  padding:12px 150px 12px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.trial-disabled-label{
  color:#7b848d!important;
  font-weight:900!important;
}
.trial-inline-lock-badge{
  top:50%!important;
  right:16px!important;
  transform:translateY(-50%)!important;
  background:#868e96!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
}
/* Keep all other product-only surfaces on the same exact gray-out recipe. */
.home-stage-card.trial-locked-card,
.trial-feature-disabled,
.trial-settings-locked{
  opacity:.62!important;
  filter:grayscale(.9) saturate(.35)!important;
  background:#f8f9fa!important;
  color:#7b848d!important;
  border-color:#dee2e6!important;
  box-shadow:none!important;
}

.trial-settings-lock-badge{top:14px!important;right:14px!important}.trial-settings-locked{padding-top:28px!important}.trial-settings-locked .settings-title{padding-right:150px!important}

/* v3.8.1: temporary login gate */
.login-shell{min-height:calc(100dvh - 32px);display:grid;place-items:center;padding:28px 14px}
.login-card{width:min(100%,460px);background:#fff;border:1px solid #f1f3f5;border-radius:32px;box-shadow:0 16px 42px rgba(34,39,46,.12);padding:34px 32px;display:flex;flex-direction:column;gap:24px}
.login-brand{text-align:center}.login-mini{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff3bf;color:#8a5d00;font-size:12px;font-weight:950}.login-title{margin-top:9px;font-size:34px;font-weight:950;letter-spacing:.02em;color:#28323d}.login-brand p{margin:8px 0 0;color:#6f7a86;font-size:15px;font-weight:800}
.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:7px;color:#36424e;font-size:14px;font-weight:900}.login-field input{width:100%;min-height:54px;border:2px solid #dee2e6;border-radius:16px;background:#fff;padding:11px 14px;font-size:18px;color:#28323d;outline:none}.login-field input:focus{border-color:#4dabf7;box-shadow:0 0 0 4px rgba(77,171,247,.14)}
.login-error{min-height:22px;color:#c92a2a;font-size:13px;font-weight:850;line-height:1.5}.login-submit{min-height:56px;border:0;border-radius:18px;background:#ff9f43;color:#472b11;font-size:19px;font-weight:950;cursor:pointer;box-shadow:0 5px 0 #e9852d}.login-submit:active{transform:translateY(2px);box-shadow:0 3px 0 #e9852d}.login-note{margin:0;text-align:center;color:#868e96;font-size:12px;font-weight:700}
.account-controls{display:flex;align-items:center;gap:8px}.account-site{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid #f9a8b8;border-radius:999px;background:#fff5f7;color:#d9485f;font-size:12px;font-weight:950;text-decoration:none;white-space:nowrap}.account-site:hover{background:#ffe3e8;border-color:#f783ac}.account-user{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:999px;background:#f1f3f5;color:#5f6872;font-size:12px;font-weight:900}.account-logout{min-height:34px;border:1px solid #dee2e6;border-radius:999px;background:#fff;color:#68727d;padding:6px 11px;font-size:12px;font-weight:900;cursor:pointer}.account-logout:hover{background:#f8f9fa}.home-account-bar{display:flex;justify-content:flex-end;margin-bottom:10px}
@media(max-width:650px){.login-card{padding:28px 20px;border-radius:26px}.login-title{font-size:30px}.account-site{padding:6px 9px}.account-user{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-account-bar{margin-bottom:8px}.topbar{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}}

/* v3.8.2: keep size-comparison scales after drag/drop */
.placed-items{overflow:visible}
.placed-token{overflow:visible}

/* v3.8.3: parent-facing product features + plan comparison */
.product-parent-page{max-width:1240px;gap:24px}
.product-parent-head{gap:16px}.product-parent-head h1{font-size:36px;letter-spacing:-.02em}.product-parent-head p{max-width:820px}
.product-parent-hero{padding:30px 34px}.product-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.product-hero-tags span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(255,212,59,.65);font-size:12px;font-weight:950;color:#5f6872}
.product-section{display:flex;flex-direction:column;gap:16px}.product-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 4px}.product-section-head>div{min-width:0}.product-section-head h2{margin:4px 0 0;font-size:26px;line-height:1.35}.product-section-head>p{max-width:500px;margin:0;color:#6f7a86;font-size:13px;line-height:1.65;font-weight:800}.product-section-kicker{font-size:12px;font-weight:950;color:#f08c00;letter-spacing:.04em}
.product-feature-grid-rich{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-feature-rich{min-height:150px;display:grid;grid-template-columns:52px 1fr;align-items:flex-start;gap:14px;padding:20px}.product-feature-rich b{display:block;font-size:18px;margin-bottom:6px}.product-feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff9db;border:1px solid #ffe066;font-size:27px}.product-feature-rich:nth-child(2n) .product-feature-icon{background:#e7f5ff;border-color:#a5d8ff}
.product-plan-section{margin-top:2px}.product-plan-table-wrap{overflow-x:auto;border:1px solid #e9ecef;border-radius:24px;background:#fff;box-shadow:0 8px 22px rgba(34,39,46,.06)}.product-plan-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;font-size:14px}.product-plan-table th,.product-plan-table td{padding:15px 16px;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2;text-align:center;vertical-align:middle}.product-plan-table tr>*:last-child{border-right:0}.product-plan-table tbody tr:last-child>*{border-bottom:0}.product-plan-table thead th{background:#f8f9fa;font-size:15px;font-weight:950;color:#28323d}.product-plan-table thead th:first-child{text-align:left;width:26%}.product-plan-table tbody th{text-align:left;background:#fcfcfd;color:#36424e;font-weight:900}.product-plan-table td{font-weight:850;color:#4f5965}.product-plan-table td strong{font-size:18px;color:#f08c00}.product-plan-table td small,.product-plan-table thead small{display:block;margin-top:3px;color:#868e96;font-size:10px;font-weight:800}.product-plan-table .product-plan-standard{background:#fff9db}.product-plan-table thead .product-plan-standard{box-shadow:inset 0 4px 0 #ffd43b}.plan-name{font-size:17px;font-weight:950}.product-plan-legend{display:flex;flex-wrap:wrap;gap:16px;padding:0 4px;color:#6f7a86;font-size:12px;font-weight:800}.product-plan-legend b{color:#28323d}.product-plan-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#fff9db;color:#6a5415;font-size:12px;line-height:1.55}.product-plan-note b{white-space:nowrap}.product-purchase-card{margin-top:2px}
@media(max-width:900px){.product-feature-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.product-section-head{align-items:flex-start;flex-direction:column;gap:8px}.product-section-head>p{max-width:none}.product-parent-hero{grid-template-columns:1fr}.product-hero-number{justify-self:center}}
@media(max-width:650px){.product-parent-head h1{font-size:30px}.product-parent-hero{padding:22px 18px}.product-feature-grid-rich{grid-template-columns:1fr}.product-feature-rich{min-height:auto}.product-section-head h2{font-size:23px}.product-plan-note{flex-direction:column;gap:4px}.product-plan-table-wrap{border-radius:18px}}

/* v3.8.5: development account hints */
.login-dev-users{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.login-dev-users b{margin-bottom:2px}.login-dev-users span{font-weight:800}

/* v3.8.6: plan management and upgrade flow */
.account-plan{min-height:34px;border:1px solid #ffd43b;border-radius:999px;background:#fff9db;color:#6a5415;padding:6px 11px;font-size:12px;font-weight:950;cursor:pointer}.account-plan:hover{background:#fff3bf}
.product-manage-primary{width:auto;min-width:210px;white-space:nowrap}.plan-manage-shell{width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:22px}.plan-current-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border:2px solid #ffe066;border-radius:26px;background:linear-gradient(135deg,#fff9db,#e7f5ff);padding:20px 24px}.plan-current-summary>div:first-child{display:flex;flex-direction:column;gap:3px}.plan-current-summary span{font-size:12px;font-weight:950;color:#7a5900}.plan-current-summary strong{font-size:26px;color:#28323d}.plan-current-summary small{font-size:12px;font-weight:800;color:#6f7a86}.plan-current-price{font-size:24px;font-weight:950;color:#f08c00;white-space:nowrap}.plan-manage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.plan-manage-card{position:relative;background:#fff;border:2px solid #edf0f2;border-radius:26px;padding:22px;box-shadow:0 8px 22px rgba(34,39,46,.07);display:flex;flex-direction:column;gap:17px;min-height:330px}.plan-manage-card.is-current{border-color:#74c0fc;background:#f8fcff;box-shadow:0 0 0 3px rgba(77,171,247,.09)}.plan-manage-card.is-recommended{border-color:#ffd43b}.plan-manage-card-premium{border-color:#e9d5ff;opacity:.82}.plan-recommend-badge{position:absolute;top:-12px;right:18px;padding:6px 12px;border-radius:999px;background:#ffd43b;color:#5f4b16;font-size:11px;font-weight:950;box-shadow:0 4px 10px rgba(0,0,0,.08)}.plan-manage-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.plan-manage-tag{font-size:11px;color:#868e96;font-weight:900}.plan-manage-card h2{font-size:25px;margin:3px 0 0}.plan-manage-price{font-size:20px;font-weight:950;color:#f08c00;white-space:nowrap}.plan-manage-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.plan-manage-card li{font-size:13px;line-height:1.5;color:#5f6872;font-weight:850}.plan-switch-button,.plan-current-button{width:100%;min-height:50px;border-radius:16px;font-weight:950}.plan-switch-button small{font-size:10px}.plan-current-button{border:0;background:#e7f5ff;color:#1971c2;cursor:default}.plan-dev-note{display:flex;gap:12px;align-items:flex-start;border:1px dashed #adb5bd;border-radius:18px;background:#f8f9fa;padding:14px 16px;font-size:12px;line-height:1.55;color:#68727d}.plan-dev-note b{white-space:nowrap;color:#495057}.plan-management-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-management-actions>button{min-height:52px}.product-purchase-card{align-items:center}
@media(max-width:1100px){.plan-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.plan-manage-grid{grid-template-columns:1fr}.plan-manage-card{min-height:auto}.product-manage-primary{width:100%}}
@media(max-width:650px){.account-controls{flex-wrap:wrap;justify-content:flex-end}.account-plan{order:2}.plan-current-summary{align-items:flex-start;flex-direction:column}.plan-current-price{font-size:21px}.plan-management-actions{grid-template-columns:1fr}.plan-dev-note{flex-direction:column;gap:4px}}

/* Stripe sandbox billing integration */
.plan-card-actions{display:flex;flex-direction:column;gap:9px;margin-top:auto}
.plan-dev-switch-button{font-size:12px;min-height:42px;opacity:.86}
.billing-portal-button{width:100%;min-height:52px;font-weight:950;border-style:dashed}
.billing-result-note,.billing-status-note{display:flex;align-items:center;gap:12px;border:1px solid #dbe4ff;border-radius:18px;background:#f8f9ff;padding:13px 16px;font-size:12px;line-height:1.55;color:#5f6872}
.billing-result-note.success{border-color:#b2f2bb;background:#f4fff6}
.billing-result-note b,.billing-status-note b{white-space:nowrap;color:#343a40}
@media(max-width:650px){.billing-result-note,.billing-status-note{align-items:flex-start;flex-direction:column;gap:3px}}

/* v3.8.7: scheduled cancellation visibility */
.billing-status-note.is-cancel-scheduled{border-color:#ffd8a8;background:#fff9f0}
.billing-cancel-note{display:flex;align-items:flex-start;gap:12px;border:1px solid #ffd8a8;border-radius:18px;background:#fff9f0;padding:14px 16px;font-size:12px;line-height:1.55;color:#5f6872}
.billing-cancel-note>div:last-child{display:flex;flex-direction:column;gap:2px}
.billing-cancel-note b{color:#7c4a03}
.billing-cancel-badge{flex:0 0 auto;border-radius:999px;background:#ffe8cc;color:#c45f00;padding:5px 9px;font-size:11px;font-weight:950;white-space:nowrap}
.plan-current-summary.is-cancel-scheduled{border-color:#ffd8a8;background:linear-gradient(135deg,#fff4e6,#fff9db)}
@media(max-width:650px){.billing-cancel-note{flex-direction:column;gap:7px}}

/* v3.8.7: child lock / parent mode */
.parent-lock-button,.parent-relock-button{min-height:34px;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap}
.parent-lock-button{border:1px solid #ffd43b;background:#fff9db;color:#6a5415;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.parent-lock-button:active{transform:scale(.98);background:#fff3bf}
.parent-relock-button{border:1px solid #adb5bd;background:#f8f9fa;color:#5f6872}
.parent-relock-button:hover{background:#e9ecef}
.account-controls.child-locked .account-user{opacity:.88}
.parent-gate-overlay{position:fixed;inset:0;z-index:10000;background:rgba(24,31,39,.55);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}
.parent-gate-card{position:relative;width:min(100%,430px);border-radius:28px;background:#fff;padding:28px 26px 24px;box-shadow:0 24px 70px rgba(0,0,0,.24);text-align:center;border:2px solid #ffe066}
.parent-gate-close{position:absolute;top:13px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f5;color:#6c757d;font-size:25px;line-height:1;cursor:pointer}
.parent-gate-icon{font-size:38px}.parent-gate-card h2{margin:8px 0 5px;font-size:25px}.parent-gate-card>p{margin:0;color:#6f7a86;font-weight:800;line-height:1.6}
.parent-gate-question{margin:20px auto 14px;font-size:34px;font-weight:950;letter-spacing:.04em;color:#28323d}
.parent-gate-answer{width:150px;min-height:58px;border:2px solid #adb5bd;border-radius:17px;text-align:center;font-size:28px;font-weight:950;outline:none}.parent-gate-answer:focus{border-color:#4dabf7;box-shadow:0 0 0 4px rgba(77,171,247,.14)}
.parent-gate-error{min-height:24px;margin-top:7px;color:#c92a2a;font-size:13px;font-weight:900}
.parent-gate-submit{width:100%;min-height:54px;border:0;border-radius:17px;background:#ffd43b;color:#5f4b16;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 4px 0 #e6b800}
.parent-gate-submit:active{transform:translateY(2px);box-shadow:0 2px 0 #e6b800}.parent-gate-note{margin-top:14px!important;font-size:11px!important;color:#868e96!important}
.child-lock-settings{border-color:#ffe066;background:linear-gradient(135deg,#fffdf3,#fff)}
@media(max-width:650px){.parent-lock-button,.parent-relock-button{padding:6px 9px}.parent-gate-card{padding:25px 18px 20px;border-radius:24px}.parent-gate-question{font-size:31px}}

/* home quick-settings bar: 問題数・難易度をホーム画面で直接変更 */
.home-qs-bar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f1f3f5;border-radius:22px;box-shadow:var(--shadow);padding:14px 20px;flex-wrap:wrap}
.home-qs-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.home-qs-label{font-size:13px;font-weight:950;color:#6f7a86;white-space:nowrap;flex-shrink:0}
.home-qs-btns{display:flex;gap:7px;flex-wrap:wrap}
.home-qs-sep{width:1px;align-self:stretch;background:#edf0f2;flex-shrink:0}
.qs-btn{border:2px solid #edf0f2;background:#f8f9fa;border-radius:12px;padding:6px 13px;font-size:14px;font-weight:950;color:#495057;cursor:pointer;transition:border-color .13s,background .13s;white-space:nowrap}
.qs-btn span{font-size:11px;font-weight:800;margin-left:1px}
.qs-btn .qs-icon{font-size:15px;margin-right:4px;vertical-align:-.1em}
.qs-btn:hover:not(:disabled){border-color:#74c0fc;background:#e7f5ff}
.qs-btn.qs-active{border-color:#74c0fc;background:#e7f5ff;color:#1971c2}
.qs-btn.qs-locked{opacity:.45;cursor:default;pointer-events:none}
@media(max-width:650px){.home-qs-bar{gap:10px;padding:12px 14px}.home-qs-sep{width:100%;height:1px;align-self:auto}.home-qs-group{flex-direction:column;align-items:flex-start;gap:6px}}