@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Klee+One:wght@400;600&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

:root{
  font-family:"Noto Sans JP","Yu Gothic",sans-serif;color:#24302f;background:#edf2f1;
  --ink:#24302f;--muted:#71807d;--green:#267766;--green-dark:#185e50;--green-soft:#e8f5f1;
  --line:#dce5e2;--panel:#fff;--canvas:#e8eeec;--shadow:0 12px 35px rgba(31,67,59,.13)
}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}
.vocab-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:4px;background:#edf3f1;border-radius:11px}.vocab-mode-tabs button{border:0;border-radius:8px;background:transparent;padding:8px;color:#60706c;font-size:10px;font-weight:700}.vocab-mode-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px #24483f18}.condition-vocab-panel{border:1px solid #bcd9d1;border-radius:12px;background:#f5fbf9;padding:11px;margin-bottom:12px}.condition-vocab-panel>header,.auto-select-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.condition-vocab-panel>header b,.condition-vocab-panel>header small{display:block}.condition-vocab-panel>header b{font-size:11px}.condition-vocab-panel>header small{font-size:8px;color:#7a8b86}.condition-vocab-panel button{border:1px solid #b8d5cd;border-radius:8px;background:#fff;color:var(--green);padding:7px 9px;font-size:9px;font-weight:700}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.condition-grid label{display:grid;gap:4px}.condition-grid span{font-size:9px;color:#52615e;font-weight:700}.condition-grid select,.condition-grid input{min-width:0;width:100%;border:1px solid #cfdad7;border-radius:8px;background:#fff;padding:8px;font-size:10px}.auto-select-row{margin-top:10px;padding-top:10px;border-top:1px dashed #bfd3ce}.auto-select-row span{font-size:10px;font-weight:700}.auto-select-row button{background:var(--green);color:#fff;border-color:var(--green)}.condition-message{margin-top:7px;font-size:9px;color:#9a4d2f}.condition-message:empty{display:none}.active-condition-summary{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.active-condition-summary span{border-radius:20px;background:#e0f1ec;color:#2d6759;padding:4px 7px;font-size:8px;font-weight:700}
.hidden,.check.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.app-header{height:88px;padding:0 26px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#31907a,#216c5c);color:#fff;display:grid;place-items:center;font-family:"Klee One",sans-serif;font-size:25px;font-weight:600;box-shadow:0 7px 16px #26776635}.brand-line{display:flex;align-items:center;gap:10px}.brand h1{font-size:20px;letter-spacing:.02em;margin:0}.brand p{font-size:12px;color:var(--muted);margin:3px 0 0}.db-badge{font-size:10px;font-weight:700;color:var(--green);background:var(--green-soft);border:1px solid #c8e5dd;border-radius:20px;padding:3px 8px}
.top-actions{display:flex;gap:9px}.button{border:1px solid #cdd9d6;border-radius:11px;padding:10px 15px;background:#fff;color:#40504d;font-weight:600;display:flex;gap:7px;align-items:center;box-shadow:0 2px 5px #364e4810}.button:hover{border-color:#8eb7ac;background:#f8fbfa}.button.primary{background:var(--green);border-color:var(--green);color:#fff;padding-inline:20px;box-shadow:0 7px 17px #26776638}.button.primary:hover{background:var(--green-dark)}

/* Home */
.home-screen{max-width:1200px;margin:0 auto;padding:44px 34px 70px}.home-hero{min-height:390px;border-radius:28px;padding:52px 60px;background:linear-gradient(125deg,#eff9f6 0%,#f7fbfa 52%,#e9f3f0 100%);border:1px solid #dbece7;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;overflow:hidden;position:relative}.home-hero:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-130px;background:#bfe2d823}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;color:#3c8573;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:14px}.hero-copy h2{font-size:38px;line-height:1.45;letter-spacing:.03em;margin:0 0 15px;color:#24332f}.hero-copy h2 em{font-style:normal;color:var(--green);position:relative}.hero-copy h2 em:after{content:"";position:absolute;height:7px;background:#efd57866;border-radius:10px;left:0;right:0;bottom:1px;z-index:-1}.hero-copy>p{font-size:14px;line-height:1.9;color:#63736f;max-width:485px;margin:0 0 24px}.hero-button{border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:700;padding:13px 18px 13px 21px;box-shadow:0 8px 22px #26776635}.hero-button span{display:inline-block;margin-left:20px}.hero-button:hover{background:var(--green-dark);transform:translateY(-1px)}.home-stats{display:flex;gap:0;margin-top:28px}.home-stats>div{min-width:92px;padding-right:24px;margin-right:24px;border-right:1px solid #cadbd6}.home-stats>div:last-child{border:0}.home-stats b,.home-stats small{display:block}.home-stats b{font-size:22px;color:#2d4942}.home-stats small{font-size:9px;color:#82918e;margin-top:1px}
.hero-visual{height:310px;position:relative}.preview-sheet{position:absolute;width:215px;height:285px;background:#fff;border-radius:5px;box-shadow:0 15px 35px #385e5526;left:50%;top:50%;transform-origin:center}.sheet-back-two{transform:translate(-41%,-48%) rotate(10deg);background:#dbece7}.sheet-back-one{transform:translate(-58%,-51%) rotate(-7deg);background:#f6ead2}.sheet-front{transform:translate(-50%,-52%);padding:22px}.mini-head{display:flex;justify-content:space-between}.mini-head i{width:70px;height:5px;background:#cddbd7;border-radius:5px}.mini-head i:last-child{width:42px}.mini-title{width:110px;height:10px;background:#4f6962;border-radius:5px;margin:17px 0}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-cards span{height:78px;border:1px solid #d9e2df;border-radius:7px;display:grid;place-items:center;font-size:32px;background:#fff}.mini-lines{display:grid;gap:7px;margin-top:15px}.mini-lines i{height:4px;background:#dbe4e1;border-radius:5px}.mini-lines i:nth-child(2){width:85%}.mini-lines i:nth-child(3){width:65%}.float-chip{position:absolute;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-family:"Klee One";font-size:20px;font-weight:600;box-shadow:0 9px 20px #34574f24}.chip-one{left:7%;top:18%;background:#fff0d2;color:#9c6b18;transform:rotate(-8deg)}.chip-two{right:3%;top:9%;background:#f9e9ed;color:#a35062;transform:rotate(8deg)}.chip-three{right:1%;bottom:8%;background:#e8e4fa;color:#6d59ad;transform:rotate(-5deg)}
.material-library{padding-top:40px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title span{font-size:10px;color:var(--green);font-weight:700;letter-spacing:.12em}.section-title h2{font-size:23px;margin:3px 0 0}.section-title p{font-size:11px;color:#81908d;margin:0 3px 3px}.home-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-task-card{position:relative;min-height:170px;border:1px solid #dfe7e4;border-radius:17px;background:#fff;padding:18px;text-align:left;color:var(--ink);box-shadow:0 4px 14px #344f4909;transition:.18s}.home-task-card:hover{border-color:#9ac5ba;transform:translateY(-3px);box-shadow:0 12px 24px #365e5417}.home-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-family:"Klee One";font-size:21px;font-weight:600;margin-bottom:14px}.card-copy b,.card-copy small,.card-copy i{display:block}.card-copy b{font-size:14px}.card-copy small{font-size:10px;color:#7c8a87;margin-top:4px;line-height:1.55;padding-right:14px}.card-copy i{font-size:9px;font-style:normal;color:#6d7d79;background:#f2f6f5;border-radius:20px;padding:3px 7px;width:max-content;margin-top:10px}.card-arrow{position:absolute;right:17px;bottom:17px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f5f3;color:#58706a;font-size:12px}.home-task-card:hover .card-arrow{background:var(--green);color:#fff}.standalone-tools{margin-top:44px;padding:30px;border:1px solid #dce7e3;border-radius:24px;background:linear-gradient(135deg,#f7fbfa,#f3f7f6)}.standalone-tools .section-title{margin-bottom:16px}.standalone-tools .home-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.standalone-tools .home-task-card{min-height:150px;padding:22px 74px 22px 22px}.standalone-tools .home-icon{width:52px;height:52px;border-radius:15px}.standalone-tools .card-copy b{font-size:17px}.standalone-tools .card-copy small{font-size:11px;max-width:360px}.standalone-tools .card-arrow{right:22px;bottom:22px;width:32px;height:32px}

.app-shell{display:grid;grid-template-columns:430px minmax(650px,1fr);min-height:calc(100vh - 88px)}
.controls{background:#f8faf9;border-right:1px solid var(--line);height:calc(100vh - 88px);overflow:auto;position:sticky;top:88px;padding:18px 18px 42px;scrollbar-color:#b8c9c4 transparent;scrollbar-width:thin}
.setup-section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:13px;box-shadow:0 3px 12px rgba(38,67,60,.035)}
.step-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-heading>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:var(--green);color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 9px #2677662b}.step-heading h2{font-size:15px;margin:0}.step-heading p{font-size:10px;color:#84918f;margin:1px 0 0}
.task-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px}.task-tile{border:1px solid #e0e7e5;background:#fff;border-radius:11px;padding:8px;display:flex;text-align:left;align-items:center;gap:8px;color:var(--ink);min-height:54px;transition:.16s ease}.task-tile:hover{border-color:#9bc7bb;transform:translateY(-1px);box-shadow:0 5px 12px #355c5312}.task-tile.active{border-color:var(--green);background:#f0faf7;box-shadow:0 0 0 2px #cde9e1}.task-tile b,.task-tile small{display:block}.task-tile b{font-size:12px;line-height:1.4}.task-tile small{font-size:9px;color:#82908d;margin-top:1px}.task-icon{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;font-family:"Klee One",sans-serif;font-size:17px;font-weight:600}.sky{background:#e7f2fa;color:#39769d}.amber{background:#fff1d9;color:#a46613}.rose{background:#fde9ed;color:#a84d60}.violet{background:#eeeafe;color:#6c58ae}.green{background:#e5f4ea;color:#3e8153}.blue{background:#e6effe;color:#446fae}.coral{background:#ffebe5;color:#a8563f}.mint{background:#e4f5f2;color:#337c70}
.field-grid{display:grid;grid-template-columns:1fr 92px;gap:9px}.field-grid.count-only{grid-template-columns:120px}.field{display:grid;gap:5px;margin-bottom:10px}.field>span{font-size:11px;color:#52615e;font-weight:600}.field select,.field input,.page-fields input{width:100%;border:1px solid #cfdad7;border-radius:9px;background:#fff;color:#293633;padding:9px 10px;outline:none;transition:.15s}.field select:focus,.field input:focus,.page-fields input:focus{border-color:#58a592;box-shadow:0 0 0 3px #cfeae3}.input-wrap{position:relative}.input-wrap i{position:absolute;left:11px;top:7px;color:#8b9996;font-style:normal;font-size:18px}.input-wrap input{padding-left:34px}.dynamic-options{padding-top:2px}.dynamic-options .mini-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dynamic-options .field,.dynamic-options>label{display:grid;gap:5px;font-size:11px;color:#52615e;font-weight:600;margin-bottom:10px}.dynamic-options select{width:100%;border:1px solid #cfdad7;border-radius:9px;background:#fff;padding:9px}.hint{font-size:10px;color:#788784;background:#f4f7f6;border-radius:8px;padding:8px 10px;margin:0 0 10px}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto}.vocab-filter-panel{padding:11px;border:1px solid #dce5e2;border-radius:12px;background:#f7faf9;margin-bottom:11px}.vocab-filter-panel .field:last-child{margin-bottom:0}.vocab-filter-panel .field>span{display:flex;align-items:center;gap:6px}.vocab-filter-panel .field>span>i,.vocab-list-heading b>i{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:6px;background:var(--accent);color:#fff;font-size:9px;font-style:normal;font-weight:800}.vocab-list-heading{display:flex;align-items:center;justify-content:space-between;margin:0 1px 7px}.vocab-list-heading b{display:flex;align-items:center;gap:7px;color:#344440;font-size:11px}.vocab-list-heading>span{color:#7e8d89;font-size:9px}.selection-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:9px}.selection-bar>small{order:5;width:100%;color:#8a9794;font-size:8px;white-space:nowrap}.selection-bar button{border:0;background:transparent;color:#60726e;font-size:9px;font-weight:600;padding:5px}.selection-bar button:hover{color:var(--green)}.spacer{flex:1}.count-pill{font-size:10px;color:var(--green);font-weight:700;background:var(--green-soft);border-radius:20px;padding:4px 8px;white-space:nowrap}.word-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:305px;overflow:auto;padding-right:3px}.word-list-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed #c7d3d0;border-radius:10px;text-align:center;color:#788784;font-size:10px}.word-choice{display:flex!important;align-items:center;gap:7px!important;margin:0!important;padding:6px;border:1px solid #e1e8e6;border-radius:9px;font-size:11px;font-weight:500!important;min-width:0;background:#fff;transition:.12s}.word-choice:has(input:checked){background:#eef9f6;border-color:#8bc1b3}.word-choice:hover{border-color:#a9cfc5}.word-choice input{accent-color:var(--green);width:14px;height:14px;flex:none}.word-choice img{width:33px;height:33px;object-fit:contain;background:#f6f8f7;border-radius:6px}.word-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.script-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin:0 0 12px;padding:0}.script-mode-picker legend{grid-column:1/-1;margin-bottom:5px;color:#52615e;font-size:11px;font-weight:700}.script-mode-picker label{position:relative;display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #d5dfdc;border-radius:10px;background:#fff;padding:7px 10px;cursor:pointer}.script-mode-picker input{position:absolute;opacity:0}.script-mode-picker label>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f0f4f3;color:#53645f;font-family:"BIZ UDPGothic","Yu Gothic",sans-serif;font-size:18px;font-weight:700}.script-mode-picker label>b{font-size:11px}.script-mode-picker label:has(input:checked){border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 2px var(--accent-soft)}.script-mode-picker label:has(input:checked)>span{background:var(--accent);color:#fff}.script-mode-picker label:has(input:focus-visible){outline:3px solid #ffd84d;outline-offset:2px;box-shadow:0 0 0 5px #202a27}

.workspace{min-width:0;background:var(--canvas);padding:18px 24px 70px;overflow:auto}.preview-toolbar{max-width:210mm;margin:0 auto 12px;background:rgba(255,255,255,.83);border:1px solid #d9e3e0;border-radius:13px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 4px 12px #536d6710}.preview-label{display:flex;align-items:center;gap:8px}.preview-label>span{width:9px;height:9px;background:#51a58f;border-radius:50%;box-shadow:0 0 0 4px #dcefe9}.preview-label b,.preview-label small{display:block}.preview-label b{font-size:12px}.preview-label small{font-size:9px;color:#879490}.page-fields{display:flex;gap:9px}.page-fields label{font-size:9px;color:#687774;font-weight:600}.page-fields input{display:block;margin-top:3px;width:145px;padding:6px 8px;font-size:11px}.paper-stage{min-width:210mm}.sheet{width:210mm;min-height:297mm;background:#fff;margin:auto;padding:13mm 14mm;box-shadow:var(--shadow);border-radius:2px}

/* Printed worksheet styles */
.sheet{color:#17211f;font-family:"BIZ UDPGothic","UD Digi Kyokasho NK-R","Yu Gothic",sans-serif;font-feature-settings:"palt" 0;letter-spacing:.02em}
.sheet-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid #333;padding-bottom:4mm;margin-bottom:7mm}.sheet-head h1{font-family:"BIZ UDPGothic","UD Digi Kyokasho NK-R","Yu Gothic",sans-serif;font-size:24px;font-weight:700;letter-spacing:.04em;margin:0}.name-box{font-size:15px;border-bottom:1px solid #333;min-width:55mm;padding:0 4mm 2mm}.instruction{font-size:19px;font-weight:700;line-height:1.7;letter-spacing:.035em;margin:-3mm 0 6mm;padding:2.5mm 4mm;border-left:1.5mm solid #267766;border-radius:1.5mm;background:#f2f7f5}.grid{display:grid;gap:7mm}.card-grid{grid-template-columns:repeat(2,1fr)}.print-card{border:1.5px solid #555;border-radius:2mm;padding:5mm;text-align:center;min-height:76mm;display:grid;grid-template-rows:1fr auto;break-inside:avoid}.print-card img{width:100%;height:55mm;object-fit:contain}.print-card .word{font-size:25px;font-weight:700;border-top:1px dashed #aaa;padding-top:3mm}.riddle-item{display:grid;grid-template-columns:10mm 1fr 38mm;gap:4mm;align-items:center;border-bottom:1px solid #aaa;padding:5mm 0;break-inside:avoid}.num{font-weight:700;font-size:18px}.riddle-hints{font-size:18px;line-height:1.9}.answer-space{border:1px solid #777;height:18mm;border-radius:2mm}.circle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8mm}.circle-item{position:relative;text-align:center;border:1px solid #bbb;border-radius:4mm;padding:4mm;min-height:50mm}.circle-item img{width:100%;height:38mm;object-fit:contain}.target-word{font-size:21px;font-weight:700;margin-bottom:5mm}.random-layout .circle-item:nth-child(2n){transform:rotate(3deg)}.random-layout .circle-item:nth-child(3n){transform:translateY(5mm) rotate(-2deg)}.phon-row{display:grid;grid-template-columns:42mm 1fr;gap:12mm;align-items:center;border-bottom:1px solid #bbb;padding:5mm 0}.phon-row img{width:40mm;height:35mm;object-fit:contain}.mora-circles{display:flex;gap:5mm}.mora-circles i{display:block;width:15mm;height:15mm;border:1.7px solid #333;border-radius:50%}.reading-item{display:grid;grid-template-columns:38mm 1fr;gap:8mm;align-items:center;padding:4mm;border-bottom:1px solid #bbb}.reading-item img{width:35mm;height:31mm;object-fit:contain}.trace{font-size:30px;line-height:1.5;letter-spacing:5px;color:#c7c7c7;-webkit-text-stroke:.45px #888}.copy-lines{height:14mm;background:repeating-linear-gradient(to bottom,transparent 0,transparent 6.7mm,#aaa 7mm)}.connect-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:45mm}.connect-col{display:grid;gap:9mm}.connect-node{height:34mm;display:flex;align-items:center;gap:4mm;font-size:25px;font-weight:700;line-height:1.5}.connect-node img{width:35mm;height:32mm;object-fit:contain}.dot{width:7mm;height:7mm;border:1.5px solid #333;border-radius:50%;flex:none}.right-node{justify-content:flex-start;text-align:left}.maze{display:grid;margin:auto;border:2px solid #333}.maze-cell{border:1px solid #777;display:flex;align-items:center;justify-content:center;position:relative}.maze-cell img{width:82%;height:82%;object-fit:contain}.maze-cell b{position:absolute;top:1mm;left:2mm;font-size:13px}.maze-note{text-align:center;font-size:18px;margin-bottom:5mm}.cat-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8mm}.cat-box{border:2px solid #555;border-radius:4mm;min-height:90mm;padding:4mm}.cat-box h3{text-align:center;border-bottom:1px solid #999;margin:0 0 5mm;padding-bottom:3mm}.cutouts{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm;margin-top:10mm;border-top:2px dashed #777;padding-top:7mm}.cutout{text-align:center;border:1px dashed #888;padding:2mm}.cutout img{width:100%;height:27mm;object-fit:contain}.empty{padding:30mm;text-align:center;color:#5f6c69;font-size:18px;line-height:1.8}

.home-task-card{text-decoration:none}.peach{background:#fbe9dc;color:#a75f35}.blocks{background:linear-gradient(135deg,#e2eff9 0 50%,#f9e7ae 50%);color:#3e6f8d}.cyan{background:#e1f5f6;color:#277c82}.indigo{background:#e7eafa;color:#4e60a4}.lemon{background:#fff4c9;color:#92701a}.lilac{background:#f1e8fa;color:#8053a1}.external-card{background:linear-gradient(145deg,#fff,#fbfdfc)}.pack-card{border-color:#d5e4e0}

/* Category hierarchy */
.group-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.group-card{min-height:190px;border:1px solid #dce7e3;border-radius:20px;background:#fff;padding:22px;text-align:left;position:relative;color:var(--ink);transition:.18s;overflow:hidden}.group-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;top:-65px;background:#dcefe933}.group-card:hover{transform:translateY(-3px);border-color:#94c2b6;box-shadow:0 14px 28px #345b5118}.group-number{font-size:10px;font-weight:700;color:#91a19d;letter-spacing:.15em}.group-symbol{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-family:"Klee One";font-size:25px;margin:17px 0 14px}.group-card>span:nth-child(3) b,.group-card>span:nth-child(3) small,.group-card>span:nth-child(3) i{display:block}.group-card b{font-size:18px}.group-card small{font-size:11px;color:#748480;margin-top:4px}.group-card i{font-size:9px;font-style:normal;margin-top:12px;color:#657671;background:#f1f6f4;border-radius:20px;padding:4px 9px;width:max-content}.group-arrow{position:absolute;right:20px;bottom:20px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eff5f3;color:#5c716b}.group-card:hover .group-arrow{background:var(--green);color:#fff}.group-card.basic .group-symbol{background:#e4f5f2;color:#317d70}.group-card.sound .group-symbol{background:#e8eafa;color:#5565a5}.group-card.meaning .group-symbol{background:#fff1d6;color:#a16c18}.group-card.applied .group-symbol{background:#f2e8fa;color:#8054a0}
.category-screen{max-width:1120px;margin:0 auto;padding:25px 34px 70px}.category-nav{display:flex;align-items:center;gap:13px;font-size:11px;color:#81908d;margin-bottom:20px}.category-nav button{border:1px solid #d6e1de;background:#fff;border-radius:9px;padding:7px 11px;color:#50635e}.category-intro{border-radius:22px;background:linear-gradient(125deg,#eff8f5,#fafcfb);border:1px solid #dcebe7;padding:27px 34px;display:flex;align-items:center;gap:20px;margin-bottom:34px}.category-intro>span{width:70px;height:70px;border-radius:20px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:"Klee One";font-size:31px;box-shadow:0 9px 20px #2677662c}.category-intro p{margin:0;color:#758580;font-size:12px}.category-intro #categoryKicker{color:#398370;font-weight:700;font-size:9px;letter-spacing:.15em}.category-intro h2{font-size:27px;margin:3px 0}.subcategory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subcategory-card{min-height:142px;border:1px solid #dee7e4;border-radius:16px;background:#fff;color:var(--ink);padding:16px;text-align:left;text-decoration:none;display:grid;grid-template-columns:42px 1fr 23px;gap:10px;align-items:start;transition:.16s}.subcategory-card:hover{border-color:#8fc0b3;transform:translateY(-2px);box-shadow:0 10px 22px #365b5215}.sub-icon{width:42px;height:42px;border-radius:12px;background:#edf6f3;color:var(--green);display:grid;place-items:center;font-family:"Klee One";font-size:18px;font-weight:600}.subcategory-card b,.subcategory-card small,.subcategory-card i{display:block}.subcategory-card b{font-size:13px;margin-top:2px}.subcategory-card small{font-size:10px;line-height:1.55;color:#7a8986;margin-top:4px}.subcategory-card i{font-size:9px;font-style:normal;color:#657671;background:#f2f6f5;border-radius:20px;padding:3px 7px;width:max-content;margin-top:9px}.subcategory-card em{font-style:normal;width:23px;height:23px;border-radius:50%;background:#f0f5f3;color:#667a75;display:grid;place-items:center;font-size:10px}.subcategory-card:hover em{background:var(--green);color:#fff}.current-task-summary{display:flex;align-items:center;gap:11px;border:1px solid #b7d8cf;background:#eff9f6;border-radius:12px;padding:11px}.current-task-summary>span{width:39px;height:39px;border-radius:11px;background:#d8eee8;color:var(--green);display:grid;place-items:center;font-family:"Klee One";font-size:18px}.current-task-summary b,.current-task-summary small{display:block}.current-task-summary b{font-size:13px}.current-task-summary small{font-size:10px;color:#70817d;margin-top:2px}.choose-task-btn{width:100%;margin-top:8px;border:0;background:transparent;color:#61746f;font-size:10px;font-weight:600;padding:5px}.choose-task-btn:hover{color:var(--green)}

/* Additional worksheet packs */
.match-sheet{display:grid;grid-template-columns:1fr 1fr;gap:48mm}.match-sheet>div{display:grid;gap:7mm}.match-pic{height:38mm;display:flex;align-items:center;gap:5mm}.match-pic img{width:36mm;height:36mm;object-fit:contain}.match-pic i{width:7mm;height:7mm;border:1.5px solid #333;border-radius:50%;margin-left:auto}.match-pic.right{justify-content:flex-end}.match-pic.right i{margin:0}.odd-rows{display:grid;gap:5mm}.odd-row{display:grid;grid-template-columns:8mm repeat(4,1fr);align-items:center;gap:4mm;border-bottom:1px solid #aaa;padding-bottom:4mm}.odd-row img{width:100%;height:34mm;object-fit:contain}.picture-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:4mm;border:1px solid #aaa;border-radius:3mm;padding:5mm}.picture-strip img,.missing-box{width:100%;height:34mm;object-fit:contain}.missing-box{display:grid;place-items:center;border:1px dashed #777;font-size:28px}.compare-mark{text-align:center;padding:7mm;font-size:18px}.large-answer{font-size:20px;border-bottom:1px solid #333;padding:9mm 2mm 3mm}.sil-grid{display:grid;grid-template-columns:1fr 1fr;gap:8mm}.sil-grid>div{border:1px solid #aaa;border-radius:3mm;padding:4mm}.sil-grid>div>span{font-weight:700}.silhouette{text-align:center}.silhouette img{width:45mm;height:39mm;object-fit:contain;filter:brightness(0)}.choice-line{text-align:center;font-size:13px;margin-top:3mm}.sound-key{width:25mm;height:25mm;border:2px solid #333;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:700;margin:0 auto 7mm}.picture-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6mm}.picture-choice-grid>div{text-align:center;border:1px solid #aaa;border-radius:3mm;padding:3mm}.picture-choice-grid img{width:100%;height:42mm;object-fit:contain}.picture-choice-grid small{display:block}.chain-pool{display:grid;grid-template-columns:repeat(3,1fr);gap:7mm}.chain-pool>div{position:relative;border:1px solid #888;border-radius:3mm;padding:4mm;text-align:center}.chain-pool img{width:100%;height:40mm;object-fit:contain}.chain-pool i{position:absolute;left:3mm;top:3mm;width:9mm;height:9mm;border:1px solid #333;border-radius:50%}.chain-pool b{display:block}.chain-answer{margin-top:10mm;border-top:1px dashed #999;padding-top:5mm;color:#888;font-size:12px}.sound-boxes,.wh-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:8mm}.sound-boxes>div,.wh-boxes>div{border:2px solid #555;border-radius:4mm;min-height:80mm}.sound-boxes h3,.wh-boxes h3{text-align:center;border-bottom:1px solid #aaa;padding-bottom:3mm}.sound-change{display:grid;gap:4mm}.sound-change>div{display:grid;grid-template-columns:40mm 1fr;align-items:center;border-bottom:1px solid #aaa;padding:3mm}.sound-change img{width:35mm;height:30mm;object-fit:contain}.sound-change span{font-size:28px;letter-spacing:5px}.word-map{height:185mm;position:relative}.map-center,.map-node{position:absolute;border:1.5px solid #555;border-radius:4mm;background:#fff;text-align:center;padding:4mm}.map-center{width:50mm;height:58mm;left:65mm;top:62mm}.map-center img{width:42mm;height:39mm;object-fit:contain}.map-center b,.map-node b{display:block}.map-node{width:53mm;min-height:34mm}.n1{left:64mm;top:3mm}.n2{left:2mm;top:42mm}.n3{right:2mm;top:42mm}.n4{left:17mm;bottom:6mm}.n5{right:17mm;bottom:6mm}.function-list{display:grid;gap:4mm}.function-list>div{display:grid;grid-template-columns:40mm 1fr;gap:7mm;border-bottom:1px solid #aaa;padding:4mm}.function-list img{width:38mm;height:34mm;object-fit:contain}.function-list section b{font-size:18px}.function-list section p{margin:1mm 0;font-size:13px}.function-list section i{display:block;border-bottom:1px solid #aaa;height:8mm}.compare-pairs{display:grid;gap:5mm}.compare-pairs>div{border:1px solid #888;border-radius:3mm;padding:4mm}.compare-pairs header{display:flex;align-items:center;justify-content:center;gap:4mm}.compare-pairs img{width:30mm;height:26mm;object-fit:contain}.compare-pairs p{border-bottom:1px solid #aaa;padding-bottom:4mm}.wh-boxes{grid-template-columns:repeat(3,1fr)}.hierarchies{display:grid;gap:10mm}.hierarchies>div{text-align:center}.hierarchies h2{border:2px solid #555;border-radius:4mm;padding:4mm;margin:0 auto;width:65mm}.hierarchies>div>span{font-size:26px}.hierarchies section{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm}.hierarchies section div{border:1px solid #999;padding:2mm}.hierarchies img{width:100%;height:30mm;object-fit:contain}.hierarchies b{display:block}.bingo-grid{display:grid;grid-template-columns:repeat(3,48mm);justify-content:center;border:2px solid #333;width:max-content;margin:auto}.bingo-grid>div{width:48mm;height:48mm;border:1px solid #555;text-align:center;padding:3mm}.bingo-grid img{width:100%;height:34mm;object-fit:contain}.bingo-grid b{display:block;font-size:12px}.vocab-book{display:grid;grid-template-columns:1fr 1fr;gap:6mm}.vocab-book>div{border:1px solid #777;border-radius:3mm;padding:4mm;display:grid;grid-template-columns:35mm 1fr;gap:3mm}.vocab-book img{width:34mm;height:34mm;object-fit:contain}.vocab-book h2{margin:0;font-size:18px}.vocab-book p{font-size:11px;margin:2mm 0}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm}.memory-grid>div{border:1px dashed #777;text-align:center;padding:2mm}.memory-grid img{width:100%;height:31mm;object-fit:contain}.memory-grid small{display:block}.mini-dictionary{display:grid;gap:7mm}.mini-dictionary>section{border:1px solid #888;padding:3mm}.mini-dictionary h2{font-size:17px;margin:0 0 3mm}.mini-dictionary section>div{display:grid;grid-template-columns:repeat(6,1fr);gap:2mm}.mini-dictionary span{text-align:center}.mini-dictionary img{width:100%;height:23mm;object-fit:contain}.mini-dictionary b{display:block;font-size:9px}.sentence-list{display:grid;gap:5mm}.sentence-list>div{display:grid;grid-template-columns:35mm 1fr;gap:5mm;border-bottom:1px solid #888;padding:3mm}.sentence-list img{width:33mm;height:30mm;object-fit:contain}.sentence-list p{font-size:16px;border-bottom:1px solid #bbb;padding-bottom:3mm}.draw-prompts{display:grid;grid-template-columns:1fr 1fr;gap:6mm}.draw-prompts>div{border:1px solid #888;padding:3mm}.draw-prompts section{height:33mm}.draw-prompts p{font-size:12px;margin:1mm}.draw-box{height:65mm;border:1px dashed #999}.draw-prompts small{color:#aaa}.relation-pairs{display:grid;gap:5mm}.relation-pairs>div{display:grid;grid-template-columns:28mm 1fr 12mm 28mm 1fr;align-items:center;gap:3mm;border-bottom:1px solid #999;padding:3mm}.relation-pairs img{width:27mm;height:25mm;object-fit:contain}.relation-pairs p{grid-column:1/-1;margin:1mm}
.sound-position-picker{margin-bottom:11px}.sound-position-picker label span i{font-family:"BIZ UDPGothic","Yu Gothic",sans-serif;font-size:15px;font-style:normal;letter-spacing:.08em}.sound-target-field>small{font-size:9px;color:#83918e;font-weight:400}.sound-answer-check{margin:2px 0 11px!important}.sound-hunt-sheet{display:grid;gap:7mm}.sound-hunt-problem{border:1.5px solid #59635f;border-radius:4mm;padding:4mm;break-inside:avoid}.sound-hunt-problem>header{display:flex;align-items:center;gap:3mm;border-bottom:1px solid #adb6b3;padding-bottom:3mm;margin-bottom:4mm}.sound-hunt-problem>header>b{width:8mm;height:8mm;border-radius:50%;display:grid;place-items:center;background:#267766;color:#fff;font-size:14px}.sound-hunt-problem>header>span{font-size:14px;font-weight:700}.sound-hunt-problem>header>strong{width:13mm;height:13mm;border:1.5px solid #222;border-radius:50%;display:grid;place-items:center;font-size:23px}.sound-hunt-problem>header>small{color:#697571;font-size:11px}.sound-hunt-grid{display:grid;grid-template-columns:repeat(var(--sound-cols),1fr);gap:4mm}.sound-hunt-grid>div{min-width:0;text-align:center;border:1px solid #c5cbc9;border-radius:3mm;padding:2.5mm;background:#fff}.sound-hunt-grid img{display:block;width:100%;height:var(--sound-image-height);object-fit:contain}.sound-hunt-grid small{display:block;border-top:1px dotted #c2c8c6;padding-top:1.5mm;font-size:13px;font-weight:700}.sound-hunt-answer{display:flex;align-items:center;gap:4mm;flex-wrap:wrap;margin-top:5mm;border-top:1px dashed #999;padding-top:3mm;color:#555;font-size:11px}.sound-hunt-answer b{color:#222}.two-questions{gap:5mm}.two-questions .sound-hunt-problem{padding:3mm}.two-questions .sound-hunt-problem>header{margin-bottom:3mm;padding-bottom:2mm}.two-questions .sound-hunt-problem>header>strong{width:11mm;height:11mm;font-size:20px}.two-questions .sound-hunt-grid{gap:2.5mm}.two-questions .sound-hunt-grid>div{padding:1.5mm}
.sound-remove-settings{border:1px solid #d7e3df;border-radius:11px;background:#f7faf9;padding:12px}.sound-remove-settings .hint{margin:0}.sound-remove{gap:6mm}.sound-remove>div{grid-template-columns:38mm 1fr;gap:7mm;padding:4mm 3mm;break-inside:avoid}.sound-remove img{width:36mm;height:31mm}.sound-remove section{display:grid;grid-template-columns:max-content 9mm 13mm 9mm minmax(35mm,1fr);align-items:end;gap:3mm}.sound-remove section strong,.sound-remove section em{font-style:normal;font-size:25px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.sound-remove section em{display:grid;place-items:center;min-width:13mm;height:13mm;border:1.4px solid #58615e;border-radius:50%;font-size:22px}.sound-remove section b{font-size:25px;text-align:center}.sound-remove section i{display:block;height:12mm;border-bottom:1.5px solid #333}
.sound-sort-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 11px}.sound-sort-targets label{display:grid;gap:5px;font-size:11px;color:#52615e;font-weight:600}.sound-sort-targets label:last-child{grid-column:1/-1}.sound-sort-targets select{width:100%;border:1px solid #cfdad7;border-radius:9px;background:#fff;padding:9px}.sound-sort-boxes{display:grid;grid-template-columns:repeat(var(--sound-sort-groups),1fr);gap:5mm}.sound-sort-boxes>section{height:var(--sound-sort-box-height);border:2px solid #505957;border-radius:4mm;padding:3mm}.sound-sort-boxes>section>header{display:flex;align-items:center;justify-content:center;gap:3mm;border-bottom:1px solid #aab2b0;padding-bottom:3mm}.sound-sort-boxes header span{font-size:13px;font-weight:700}.sound-sort-boxes header strong{width:13mm;height:13mm;border:1.5px solid #222;border-radius:50%;display:grid;place-items:center;font-size:22px}.sound-sort-boxes section>div{height:calc(100% - 18mm);display:grid;place-items:center;margin-top:2mm;border:1px dashed #c2c8c6;border-radius:2mm;color:#a4adaa}.sound-sort-boxes section>div small{font-size:10px}.sound-sort-cut-heading{display:flex;align-items:center;gap:2mm;margin:7mm 0 3mm;color:#59635f}.sound-sort-cut-heading span{font-size:18px}.sound-sort-cut-heading b{font-size:12px}.sound-sort-cut-heading i{height:1px;flex:1;border-top:1.5px dashed #777}.sound-sort-cutouts{display:grid;grid-template-columns:repeat(var(--sound-sort-cut-cols),1fr);gap:3mm}.sound-sort-cutouts>div{border:1.5px dashed #777;border-radius:2mm;padding:2mm;text-align:center;break-inside:avoid}.sound-sort-cutouts img{display:block;width:100%;height:var(--sound-sort-cut-height);object-fit:contain}.sound-sort-cutouts small{display:block;border-top:1px dotted #bbb;padding-top:1mm;font-size:12px;font-weight:700}.sound-sort-answer{display:flex;align-items:center;gap:3mm;flex-wrap:wrap;margin-top:4mm;border-top:1px dashed #999;padding-top:3mm;color:#555;font-size:10px}.sound-sort-answer b{color:#222}.sound-sort-answer span{padding-right:3mm}
.sound-link-count{margin:-2mm 0 3mm;text-align:right;color:#56635f;font-size:10px;font-weight:700}.sound-link-sheet{display:grid;grid-template-columns:34mm minmax(0,1fr);gap:30mm;min-height:183mm}.sound-link-targets{display:grid;grid-template-rows:repeat(var(--sound-link-groups),1fr);gap:var(--sound-link-row-gap);align-items:center}.sound-link-targets>div{display:flex;align-items:center;justify-content:space-between}.sound-link-targets span{width:var(--sound-link-sound-size);height:var(--sound-link-sound-size);border:1.6px solid #27302e;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:var(--sound-link-sound-font);font-weight:700}.sound-link-targets i,.sound-link-pictures article>i{width:6.5mm;height:6.5mm;border:1.5px solid #27302e;border-radius:50%;display:block;background:#fff;flex:none}.sound-link-pictures{display:grid;grid-template-columns:1fr;gap:var(--sound-link-row-gap);align-content:space-between}.sound-link-pictures article{min-width:0;display:grid;grid-template-columns:6.5mm 34mm minmax(0,1fr);align-items:center;gap:4mm;break-inside:avoid}.sound-link-pictures img{display:block;width:34mm;height:var(--sound-link-image-height);object-fit:contain}.sound-link-pictures b{display:block;min-width:0;border-bottom:1.3px solid #8f9996;padding:0 2mm 2mm;font-size:21px;font-weight:700;letter-spacing:.06em;text-align:left;white-space:nowrap}.sound-color-key{display:flex;justify-content:center;gap:7mm;margin:0 0 7mm}.sound-color-key>div{display:flex;align-items:center;gap:2.5mm;border:1.3px solid #8f9996;border-radius:4mm;padding:3mm 6mm;background:#fff}.sound-color-key i{width:10mm;height:10mm;border:1.5px solid #333;border-radius:50%;display:block;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sound-color-key i.red{background:#e85b5b}.sound-color-key i.blue{background:#5d89df}.sound-color-key i.green{background:#62a96b}.sound-color-key strong{font-size:24px}.sound-color-key span{font-size:17px}.sound-color-key b{font-size:15px}.sound-color-grid{display:grid;grid-template-columns:repeat(var(--sound-color-cols),minmax(0,1fr));gap:7mm 5mm;align-content:start}.sound-color-grid article{min-width:0;text-align:center;break-inside:avoid}.sound-color-grid img{display:block;width:100%;height:var(--sound-color-image-height);object-fit:contain}.sound-color-grid b{display:block;margin:1mm 0 2.5mm;font-size:20px;font-weight:700;letter-spacing:.08em}.sound-color-mark{width:14mm;height:14mm;border:1.7px solid #333;border-radius:50%;display:block;margin:auto;background:#fff}
.sound-link-meta{display:flex;align-items:center;justify-content:flex-end;gap:3mm;margin:-2mm 0 2.5mm;color:#52605d}.sound-link-meta span{display:inline-flex;align-items:baseline;gap:1mm;border:1px solid #b8c3c0;border-radius:20mm;background:#f4f7f6;padding:1.5mm 4mm;font-size:10px;font-weight:700}.sound-link-meta span b{font-size:16px;color:#26312e}.sound-link-meta small{font-size:9px;font-weight:700}.sound-link-guide{display:grid;grid-template-columns:34mm 30mm minmax(0,1fr);align-items:center;margin-bottom:2.5mm;color:#596662;font-size:10px;font-weight:700}.sound-link-guide>b{border-bottom:1.2px solid #9da8a5;padding:0 2mm 1.5mm}.sound-link-guide>b:last-child{text-align:center}.sound-link-guide>span{display:flex;align-items:center;justify-content:center;gap:1.5mm;color:#7c8885;font-size:8.5px}.sound-link-guide>span i{width:4mm;border-top:1px dashed #a7afad}.sound-link-sheet{min-height:176mm}.sound-link-targets>div{padding-left:1mm}.sound-link-targets span{background:#f8faf9;box-shadow:0 0 0 1mm #f0f3f2}.sound-link-targets i,.sound-link-pictures article>i{border-width:1.7px;box-shadow:0 0 0 .7mm #fff}.sound-link-pictures article{border-radius:2.5mm;background:linear-gradient(90deg,#fafcfb 0,#fff 78%);padding:0 2mm 0 0}.sound-link-pictures b{border-bottom-width:1.6px;border-bottom-color:#7d8985}.sound-sort-settings{display:grid;gap:10px}.sound-sort-settings>.mini-row label{margin-bottom:0}.sound-sort-settings .sound-sort-targets{margin:0;border:1px solid #dbe4e1;border-radius:11px;background:var(--accent-mist);padding:10px}.sound-sort-settings .sound-answer-check{margin:0!important;border:1px solid #dce5e2;border-radius:9px;background:#fff;padding:9px!important}
.sound-link-sheet{grid-template-columns:40mm minmax(0,1fr);gap:17mm}.sound-link-guide{grid-template-columns:40mm 17mm minmax(0,1fr)}.sound-link-targets>div{justify-content:flex-end;gap:3mm;padding-left:0}.sound-link-guide>b:first-child{text-align:right;padding-right:8.5mm}.sound-link-pictures article{grid-template-columns:6.5mm 34mm 46mm;justify-content:end}.sound-link-pictures b{width:46mm;box-sizing:border-box}.sound-link-guide>b:last-child{width:88.5mm;justify-self:end}
.sound-link-guide>b:last-child{text-align:left;padding-left:42.5mm}.sound-link-pictures article{grid-template-columns:6.5mm 30mm minmax(0,1fr);column-gap:3mm}.sound-link-pictures img{width:30mm}.sheet:has(.sound-link-sheet) .sheet-head{justify-content:flex-start;gap:14mm}.sheet:has(.sound-link-sheet) .sheet-head h1{min-width:76mm}.sheet:has(.sound-link-sheet) .name-box{min-width:62mm;margin:0}.sheet:has(.sound-link-sheet) .instruction{margin-bottom:4mm;padding-block:2mm}.sheet:has(.sound-link-sheet) .sound-link-meta small{color:#78837f;font-weight:600}.sheet:has(.sound-link-sheet) .sound-link-guide>b{letter-spacing:.08em}
.sound-link-pictures article{grid-template-columns:6.5mm 30mm 46mm;column-gap:3mm;justify-content:end;background:#fff}.sound-link-pictures b{width:46mm}.sound-link-guide>b:last-child{width:88.5mm;justify-self:end;padding-left:0;text-align:center}
.sound-color-focus{display:flex;align-items:center;justify-content:center;gap:3mm;margin:0 auto 7mm;width:max-content;border:1.4px solid #8e9996;border-radius:20mm;padding:2.5mm 7mm;background:#fff}.sound-color-focus>i{width:9mm;height:9mm;border-radius:50%;background:#e85b5b;border:1.5px solid #333}.sound-color-focus span{font-size:13px;font-weight:700;color:#56615e}.sound-color-focus strong{display:grid;place-items:center;width:13mm;height:13mm;border:1.5px solid #333;border-radius:50%;font-size:22px}.sound-position-grid article{display:flex;flex-direction:column;align-items:center}.sound-position-grid article>b{margin:1mm 0 2mm;border:0;font-size:18px}.sound-mora-circles{display:flex;justify-content:center;gap:2.5mm;min-height:12mm}.sound-mora-circles i{display:block;width:10mm;height:10mm;border:1.7px solid #333;border-radius:50%;background:#fff}

/* 仲間外れ */
.odd-settings{display:grid;gap:10px}.odd-settings .mini-row label,.odd-settings>label{margin:0}.odd-text-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;border:0;margin:0;padding:0}.odd-text-picker legend{grid-column:1/-1;margin-bottom:5px;color:#52615e;font-size:11px;font-weight:700}.odd-text-picker label{cursor:pointer}.odd-text-picker input{position:absolute;opacity:0;pointer-events:none}.odd-text-picker span{display:block;border:1px solid #d7e1de;border-radius:9px;background:#fff;padding:9px;text-align:center;color:#52615e;font-size:10px;font-weight:700}.odd-text-picker input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:0 0 0 1px var(--accent)}.odd-answer-check{margin:0!important;border:1px solid #dce5e2;border-radius:9px;background:#fff;padding:9px!important}.odd-edit-tip{margin:0 0 4mm;border:1px solid color-mix(in srgb,var(--accent) 32%,#d9e4e1);border-radius:2.5mm;background:var(--accent-mist);color:var(--accent-dark);padding:2.5mm 4mm;text-align:center;font-size:11px;font-weight:700}.odd-rows{display:grid;gap:5mm}.odd-row{display:grid;grid-template-columns:10mm minmax(0,1fr);align-items:center;gap:4mm;border:1.2px solid #aab3b0;border-radius:3mm;padding:3.5mm 4mm;background:#fff;break-inside:avoid}.odd-number{width:9mm;height:9mm;border:1.4px solid #555;border-radius:50%;display:grid;place-items:center;font-size:14px}.odd-options{display:grid;grid-template-columns:repeat(var(--odd-cols),minmax(0,1fr));align-items:center;gap:4mm}.odd-option{position:relative;min-width:0;border-radius:2.5mm;text-align:center;cursor:grab;touch-action:manipulation;user-select:none;transition:background .14s,outline-color .14s,transform .14s}.odd-option:hover{background:var(--accent-mist)}.odd-option:active{cursor:grabbing}.odd-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.odd-option.is-picked{outline:3px solid var(--accent);outline-offset:1px;background:var(--accent-soft);transform:translateY(-1mm)}.odd-option.is-picked::after{content:"移動元";position:absolute;right:1mm;top:1mm;border-radius:10px;background:var(--accent);color:#fff;padding:1mm 2mm;font-size:8px;font-weight:800}.odd-option.is-dragging{opacity:.42}.odd-option img{display:block;width:100%;height:var(--odd-image-height);object-fit:contain;pointer-events:none}.odd-option small{display:block;margin-top:1mm;font-size:12px;font-weight:700;line-height:1.25;pointer-events:none}.odd-answer-key{display:flex;align-items:center;gap:5mm;margin-top:5mm;border-top:1px dashed #9aa3a0;padding-top:3mm;font-size:11px}.odd-answer-key b{font-size:11px}.odd-answer-key span{white-space:nowrap}
.odd-vocab-title{display:flex;align-items:center;gap:9px;margin:2px 0 10px}.odd-vocab-title>span{width:29px;height:29px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.odd-vocab-title b,.odd-vocab-title small{display:block}.odd-vocab-title b{color:#30413d;font-size:12px}.odd-vocab-title small{margin-top:2px;color:#7e8c89;font-size:9px}.odd-vocabulary-panel{margin-top:17px;border-top:2px dashed color-mix(in srgb,var(--accent) 30%,#dce5e2);padding-top:16px}.odd-vocabulary-panel .word-list{max-height:245px}.vocab-filter-panel .field>span>b{font:inherit}
.odd-selection-summary{position:sticky;top:-1px;z-index:6;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 -3px 9px;padding:7px 3px;background:linear-gradient(#fff 72%,#ffffffdd);backdrop-filter:blur(10px)}.odd-selection-summary button{min-width:0;display:grid;grid-template-columns:27px 1fr 14px;align-items:center;gap:7px;border:1px solid #d5dfdc;border-radius:11px;background:#fff;padding:8px;text-align:left;color:#53615e;cursor:pointer}.odd-selection-summary button>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#edf3f1;color:#6b7b77;font-size:10px;font-weight:900}.odd-selection-summary button div{min-width:0}.odd-selection-summary button b,.odd-selection-summary button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odd-selection-summary button b{font-size:10px}.odd-selection-summary button small{margin-top:2px;color:#84918e;font-size:8px}.odd-selection-summary button i{font-size:19px;font-style:normal;color:#a5b0ad}.odd-selection-summary button.active{border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 2px var(--accent-soft)}.odd-selection-summary button.active>span{background:var(--accent);color:#fff}.odd-selection-summary button.active i{color:var(--accent);transform:rotate(90deg)}.odd-overall-status,.odd-panel-status{border:1px solid #efc3b1;border-radius:9px;background:#fff6f1;color:#914e33;padding:8px 10px;font-size:9px;font-weight:700;line-height:1.5}.odd-overall-status{margin:0 0 12px}.odd-overall-status.is-ok,.odd-panel-status.is-ok{border-color:#b9dacf;background:#eef9f5;color:var(--accent-dark)}.odd-panel-status{margin-top:8px}.odd-panel-collapsed{display:none!important}.selected-only-toggle{display:inline-flex;align-items:center;gap:4px;margin:0;color:#60706c;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.selected-only-toggle input{width:14px;height:14px;margin:0;accent-color:var(--accent)}button:disabled,.button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none!important;transform:none!important}.odd-drag-handle{position:absolute;right:1mm;top:1mm;z-index:1;width:7mm;height:7mm;border-radius:2mm;background:#eef5f3;color:#66807a;display:grid;place-items:center;font-size:10px;font-style:normal;letter-spacing:-2px;opacity:.82}.mobile-preview-jump{display:none}
.sil-settings{display:grid;gap:12px}.sil-mode-picker,.sil-answer-picker{border:0;margin:0;padding:0;display:grid;gap:7px}.sil-mode-picker{grid-template-columns:1fr 1fr}.sil-answer-picker{grid-template-columns:repeat(3,1fr)}.sil-mode-picker legend,.sil-answer-picker legend{grid-column:1/-1;margin-bottom:4px;color:#52615e;font-size:11px;font-weight:700}.sil-mode-picker label,.sil-answer-picker label{position:relative;cursor:pointer}.sil-mode-picker input,.sil-answer-picker input{position:absolute;opacity:0;pointer-events:none}.sil-mode-picker label>span,.sil-answer-picker label>span{height:100%;display:grid;align-content:center;border:1px solid #d5dfdc;border-radius:10px;background:#fff;padding:9px;color:#52615e}.sil-mode-picker label>span{grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px}.sil-mode-picker span>i{grid-row:1/3;width:30px;height:30px;border-radius:8px;background:#edf3f1;color:#70807c;display:grid;place-items:center;font-style:normal;font-size:16px}.sil-mode-picker b,.sil-mode-picker small,.sil-answer-picker b,.sil-answer-picker small{display:block}.sil-mode-picker b,.sil-answer-picker b{font-size:10px}.sil-mode-picker small,.sil-answer-picker small{color:#82908d;font-size:8px;margin-top:2px}.sil-answer-picker label>span{text-align:center}.sil-mode-picker input:checked+span,.sil-answer-picker input:checked+span{border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 2px var(--accent-soft);color:var(--accent-dark)}.sil-mode-picker input:checked+span>i{background:var(--accent);color:#fff}.sil-mode-picker input:focus-visible+span,.sil-answer-picker input:focus-visible+span{outline:3px solid #ffd84d;outline-offset:2px;box-shadow:0 0 0 5px #202a27}.sil-answer-check{margin:0!important;border:1px solid #dce5e2;border-radius:9px;background:#fff;padding:9px!important}
.sil-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:5mm}.sil-task{position:relative;min-height:68mm;display:grid;grid-template-rows:minmax(38mm,1fr) auto;align-items:center;border:1.2px solid #8d9895;border-radius:3mm;padding:4mm 4mm 3mm;background:#fff;break-inside:avoid}.sil-number{position:absolute;left:3mm;top:3mm;z-index:2;width:8mm;height:8mm;border:1.3px solid #555;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:12px}.sil-target{height:42mm;display:grid;place-items:center;overflow:hidden}.sil-target img{width:100%;height:100%;object-fit:contain}.silhouette-target img{filter:brightness(0)}.partial-target{border:1px dashed #a8b0ae;border-radius:2mm;background:radial-gradient(circle at var(--sil-x) var(--sil-y),#f6f8f7 0 24%,#fff 25%)}.partial-target img{clip-path:circle(var(--sil-reveal) at var(--sil-x) var(--sil-y))}.sil-text-choices{display:flex;align-items:center;justify-content:center;gap:3mm;flex-wrap:wrap;min-height:10mm;font-size:12px}.sil-text-choices span{display:inline-flex;align-items:center;gap:1.5mm;white-space:nowrap}.sil-text-choices i,.sil-picture-choices i{width:5.5mm;height:5.5mm;border:1.2px solid #444;border-radius:50%;flex:none}.sil-picture-choices{display:grid;grid-template-columns:repeat(var(--sil-choice-count),1fr);gap:2mm}.sil-picture-choices span{position:relative;min-width:0;height:21mm;display:grid;place-items:center;border:1px solid #c2c8c6;border-radius:2mm;padding:1mm}.sil-picture-choices i{position:absolute;left:1mm;top:1mm;background:#fff}.sil-picture-choices img{max-width:100%;height:18mm;object-fit:contain}.sil-write-line{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:3mm;min-height:10mm;font-size:11px}.sil-write-line i{height:8mm;border-bottom:1.3px solid #444}.sil-task-grid.is-compact{gap:3mm}.sil-task-grid.is-compact .sil-task{min-height:50mm;grid-template-rows:minmax(25mm,1fr) auto;padding:3mm}.sil-task-grid.is-compact .sil-target{height:28mm}.sil-task-grid.is-compact .sil-picture-choices span{height:16mm}.sil-task-grid.is-compact .sil-picture-choices img{height:13mm}.sil-task-grid.is-compact .sil-text-choices{font-size:10px;gap:2mm}.sil-task-grid.is-dense{gap:2mm}.sil-task-grid.is-dense .sil-task{min-height:34mm;grid-template-rows:18mm auto;padding:2mm 3mm}.sil-task-grid.is-dense .sil-number{left:2mm;top:2mm;width:6.5mm;height:6.5mm;font-size:9px}.sil-task-grid.is-dense .sil-target{height:18mm}.sil-task-grid.is-dense .sil-text-choices{min-height:6mm;font-size:8.5px;gap:1.5mm}.sil-task-grid.is-dense .sil-text-choices i{width:4mm;height:4mm}.sil-task-grid.is-dense .sil-picture-choices{gap:1mm}.sil-task-grid.is-dense .sil-picture-choices span{height:11mm}.sil-task-grid.is-dense .sil-picture-choices img{height:9mm}.sil-task-grid.is-dense .sil-picture-choices i{width:3.5mm;height:3.5mm}.sil-task-grid.is-dense .sil-write-line{min-height:5mm;font-size:9px}.sil-answer-key{display:flex;align-items:center;gap:2.5mm;flex-wrap:wrap;margin-top:2mm;border-top:1px dashed #999;padding-top:2mm;font-size:8.5px}.sil-answer-key b{color:#555}.sil-answer-key span{white-space:nowrap}
.silhouette-target{position:relative;overflow:hidden;padding:0}.silhouette-target img{position:absolute;inset:6%;width:88%;height:88%;max-width:none;max-height:none;object-fit:contain}
.missing-settings{display:grid;gap:12px}.missing-settings .mini-row label{margin:0}.missing-layout-picker,.missing-answer-picker{margin:0}.missing-answer-picker{grid-template-columns:1fr 1fr}.missing-answer-check{margin:0!important;border:1px solid #dce5e2;border-radius:9px;background:#fff;padding:9px!important}
.missing-sheet{display:grid;gap:7mm}.missing-question{border:1.2px solid #919b98;border-radius:3mm;padding:4mm;background:#fff;break-inside:avoid}.missing-question-head{display:flex;align-items:center;gap:3mm;margin-bottom:3mm}.missing-question-head>b{width:8mm;height:8mm;display:grid;place-items:center;border:1.3px solid #555;border-radius:50%;font-size:12px}.missing-question-head>span{font-size:11px;color:#53615e;font-weight:700}.missing-stage{display:block}.missing-strip{display:grid;grid-template-columns:repeat(var(--missing-cols),minmax(0,1fr));gap:2.5mm}.missing-cell{height:var(--missing-cell-height);min-width:0;display:grid;place-items:center;border:0;border-radius:0;padding:1.5mm;background:transparent}.missing-cell img{display:block;width:100%;height:100%;object-fit:contain}.missing-arrow{height:9mm;display:flex;align-items:center;justify-content:center;gap:5mm;color:#697572}.missing-arrow span{font-size:17px}.missing-arrow b{font-size:10px}.missing-answer-key{display:flex;align-items:center;gap:4mm;flex-wrap:wrap;margin-top:3mm;border-top:1px dashed #999;padding-top:2mm;font-size:9px}.missing-answer-key b{color:#555}.missing-answer-key span{white-space:nowrap}.missing-sheet.two-questions{gap:4mm}.missing-sheet.two-questions .missing-question{padding:3mm}.missing-sheet.two-questions .missing-question-head{margin-bottom:2mm}.missing-sheet.two-questions .missing-arrow{height:6mm}
.missing-blank{border-color:transparent!important;background:transparent!important;color:transparent}.missing-strip.random-placement{position:relative;display:block;height:var(--missing-random-height);border:0;border-radius:0;background:transparent;overflow:hidden}.random-placement .missing-cell{position:absolute;left:var(--missing-x);top:var(--missing-y);width:var(--missing-random-width);height:var(--missing-random-cell-height);display:block;min-height:0;overflow:visible;border-color:transparent;border-radius:3mm;padding:0;background:transparent;transform:rotate(var(--missing-turn));transform-origin:center}.random-placement .missing-cell img{position:absolute;inset:1mm;width:calc(100% - 2mm);height:calc(100% - 2mm);max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 1mm 1mm #41524d18)}.missing-sheet.random-version .missing-question-head>span:after{content:"・ランダム配置";color:#788580;font-weight:500}
.missing-response-area{margin-top:5mm;border:1.2px solid #7f8b87;border-radius:3mm;padding:3mm 4mm;background:#fff;break-inside:avoid}.missing-response-area>header{display:flex;align-items:center;gap:4mm;border-bottom:1px solid #c7cecc;padding-bottom:2mm;margin-bottom:2.5mm}.missing-response-area>header b{font-size:13px}.missing-response-area>header span{font-size:9px;color:#697572}.missing-response-write{display:grid;gap:2.5mm}.missing-response-write>div{display:grid;grid-template-columns:8mm 21mm repeat(var(--missing-response-lines),minmax(0,1fr));align-items:end;gap:4mm}.missing-response-write b{width:7mm;height:7mm;display:grid;place-items:center;border:1px solid #666;border-radius:50%;font-size:10px}.missing-response-write span{font-size:10px;font-weight:700}.missing-response-write i{height:8mm;border-bottom:1.2px solid #555}.missing-response-pictures{display:grid;gap:3mm}.missing-response-pictures.two-responses{grid-template-columns:1fr 1fr}.missing-response-picture{display:grid;grid-template-columns:8mm minmax(0,1fr);align-items:center;gap:2mm}.missing-response-picture>b{width:7mm;height:7mm;display:grid;place-items:center;border:1px solid #666;border-radius:50%;font-size:10px}.missing-response-picture>div{display:grid;grid-template-columns:repeat(var(--missing-choice-count),minmax(0,1fr));gap:2mm}.missing-response-picture span{position:relative;height:20mm;display:grid;place-items:center;border:1px solid #c1c9c7;border-radius:2mm;padding:1mm}.missing-response-picture i{position:absolute;left:1mm;top:1mm;width:5mm;height:5mm;border:1.2px solid #444;border-radius:50%;background:#fff}.missing-response-picture img{width:100%;height:17mm;object-fit:contain}.missing-response-pictures.two-responses .missing-response-picture span{height:15mm}.missing-response-pictures.two-responses .missing-response-picture img{height:12mm}.missing-response-pictures.two-responses .missing-response-picture i{width:4mm;height:4mm}
.missing-question{border:0;border-radius:0;padding:0;background:transparent}.missing-question-head{margin-bottom:3mm;padding-left:0}.missing-question-head>b{display:none}.missing-strip{border:1.2px solid #929d99;border-radius:3mm;padding:3mm;background:#fff}.missing-strip.random-placement{border:1.2px solid #929d99;border-radius:3mm;padding:0;background:#fff}.missing-response-write>div{grid-template-columns:21mm repeat(var(--missing-response-lines),minmax(0,1fr))}.missing-response-write>div>b,.missing-response-picture>b{display:none}.missing-response-picture{display:block}
/* Refined navigation and editor theme */
:root{--accent:#267766;--accent-dark:#185e50;--accent-soft:#e8f5f1;--accent-mist:#f3faf8;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px}
body[data-group="basic"]{--accent:#267766;--accent-dark:#185e50;--accent-soft:#def2ed;--accent-mist:#f1f9f7}
body[data-group="sound"]{--accent:#5968a8;--accent-dark:#414f8e;--accent-soft:#e8ebfb;--accent-mist:#f4f5fc}
body[data-group="meaning"]{--accent:#b17619;--accent-dark:#8c5a0d;--accent-soft:#fff0d4;--accent-mist:#fffaf0}
body[data-group="applied"]{--accent:#8056a1;--accent-dark:#653e84;--accent-soft:#f1e7f8;--accent-mist:#faf5fd}
body{background:linear-gradient(180deg,#f7faf9 0,#edf2f1 42%,#e9efed 100%);min-height:100vh}
button,a,input,select{transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd84d;outline-offset:2px;box-shadow:0 0 0 5px #202a27}
.version-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff;background:#263733;border-radius:5px;padding:3px 5px}.top-actions .button{min-height:44px}
.header-context{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:330px;padding:8px 13px;border:1px solid #dbe4e1;border-radius:30px;background:#f8fbfa;color:#7a8986;font-size:10px;box-shadow:0 3px 10px #263f3908}.header-context i{font-style:normal;color:#a5b1ae}.header-context b{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 28%,transparent)}.button.primary:hover{background:var(--accent-dark)}
.group-card{min-height:164px;display:grid;grid-template-columns:68px 1fr;align-items:center;padding:24px;background:#fff}.group-card.basic{background:linear-gradient(135deg,#fff 45%,#eef9f6)}.group-card.sound{background:linear-gradient(135deg,#fff 45%,#f0f2fc)}.group-card.meaning{background:linear-gradient(135deg,#fff 45%,#fff8ea)}.group-card.applied{background:linear-gradient(135deg,#fff 45%,#f8f1fc)}.group-number{position:absolute;left:24px;top:18px}.group-symbol{margin:13px 0 0}.group-card>span:nth-child(3){margin-top:13px}.group-card:after{width:180px;height:180px;right:-74px;top:-92px}.group-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #345b511c}
body[data-group] .category-screen{max-width:1160px}.category-intro{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--accent-soft),#fff 72%);border-color:color-mix(in srgb,var(--accent) 22%,#fff);box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 10%,transparent)}.category-intro:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-145px;background:color-mix(in srgb,var(--accent) 9%,transparent)}.category-intro>span{background:var(--accent);box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 28%,transparent);z-index:1}.category-copy{position:relative;z-index:1;flex:1}.category-intro #categoryKicker,.section-title span{color:var(--accent)}.category-stats{display:flex;gap:7px;margin-top:11px}.category-stats span{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 18%,#fff);border-radius:20px;background:#ffffffb8;color:var(--accent);font-size:9px;font-weight:700;padding:4px 9px}
.subcategory-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.task-cluster{display:grid;gap:var(--space-2)}.task-cluster>header{display:flex;align-items:center;gap:12px;padding:0 2px}.task-cluster>header>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}.task-cluster>header>div{flex:1}.task-cluster h3{font-size:17px;margin:0}.task-cluster header p{font-size:10px;color:#7d8b88;margin:2px 0 0}.task-cluster header>b{font-size:9px;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:5px 9px}.cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subcategory-card{position:relative;min-height:132px;grid-template-columns:46px 1fr;padding:22px 44px 18px 18px;overflow:hidden;border-color:#dde6e3;box-shadow:0 5px 16px #2d48410a}.subcategory-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent);opacity:.18}.subcategory-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,#fff);box-shadow:0 13px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.subcategory-card:hover:before{opacity:1}.subcategory-card.external:after{content:"別ツール";position:absolute;right:13px;bottom:13px;font-size:8px;color:var(--accent)}.sub-order{position:absolute;right:15px;top:13px;color:#a7b2af;font-size:9px;font-weight:700;letter-spacing:.12em}.sub-icon{width:46px;height:46px;background:var(--accent-soft);color:var(--accent)}.sub-copy{min-width:0}.subcategory-card b{font-size:14px}.subcategory-card small{line-height:1.6}.subcategory-card i{color:var(--accent);background:var(--accent-mist);margin-top:11px}.subcategory-card em{position:absolute;right:15px;bottom:14px;background:var(--accent-mist);color:var(--accent)}.subcategory-card:hover em{background:var(--accent);color:#fff}
.app-shell{grid-template-columns:420px minmax(650px,1fr)}.controls{background:linear-gradient(180deg,var(--accent-mist),#f8faf9 28%);border-right-color:color-mix(in srgb,var(--accent) 16%,#ddd);padding:20px 18px 48px}.builder-flow{display:flex;align-items:center;gap:6px;padding:2px 6px 16px}.builder-flow span{display:flex;align-items:center;gap:4px;color:#9aa6a3}.builder-flow span i{width:23px;height:23px;border:1px solid #cbd6d3;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:9px;font-style:normal;font-weight:800}.builder-flow span b{font-size:9px}.builder-flow>em{height:1px;flex:1;background:#d8e1de}.builder-flow .done,.builder-flow .active{color:var(--accent)}.builder-flow .done i{background:var(--accent);border-color:var(--accent);color:#fff}.builder-flow .active i{border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.setup-section{border-color:#dce5e2;border-radius:18px;box-shadow:0 5px 18px #304b4409}.task-section{border-top:3px solid var(--accent)}.step-heading>span{background:var(--accent);box-shadow:0 4px 9px color-mix(in srgb,var(--accent) 28%,transparent)}.current-task-summary{border-color:color-mix(in srgb,var(--accent) 30%,#fff);background:var(--accent-mist)}.current-task-summary>span{background:var(--accent-soft);color:var(--accent)}.choose-task-btn{min-height:36px;margin-top:10px;border:1px solid #dce5e2;border-radius:9px;background:#fff;padding:8px}.choose-task-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-mist)}.field select:focus,.field input:focus,.page-fields input:focus{border-color:var(--accent)}.count-pill{color:var(--accent);background:var(--accent-soft)}.selection-bar button{min-height:32px;padding:6px 8px}.selection-bar button:hover{color:var(--accent)}.category-nav button{min-height:36px}.word-choice:has(input:checked){background:var(--accent-mist);border-color:color-mix(in srgb,var(--accent) 52%,#fff)}.word-choice:hover{border-color:color-mix(in srgb,var(--accent) 42%,#fff)}.word-choice input{accent-color:var(--accent)}
.workspace{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 7%,#fff),transparent 36%),#e7edeb}.preview-toolbar{position:sticky;top:100px;z-index:5;border-color:color-mix(in srgb,var(--accent) 14%,#ddd);box-shadow:0 8px 22px #354d4714;backdrop-filter:blur(14px)}.preview-label>span{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.sheet{border:1px solid #dfe5e3;box-shadow:0 18px 45px #293d3824}
@media(max-width:1180px){.header-context{display:none}.home-task-grid{grid-template-columns:repeat(2,1fr)}.cluster-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:370px minmax(600px,1fr)}.controls{padding:14px}.task-tile{padding:7px}.workspace{padding-inline:16px}.sheet,.preview-toolbar{zoom:.82}.paper-stage{min-width:172mm}.page-fields label{display:none}}
@media(max-width:760px){.app-header{height:auto;min-height:82px;padding:12px 15px}.brand-mark{display:none}.brand h1{font-size:17px}.brand p,.db-badge{display:none}.button{font-size:0;padding:10px}.button span{font-size:16px}.home-screen,.category-screen{padding:16px 12px 40px}.home-hero{display:block;min-height:0;padding:34px 25px}.hero-copy h2{font-size:29px}.hero-visual{display:none}.home-stats>div{min-width:0;flex:1;margin-right:13px;padding-right:13px}.section-title p{display:none}.group-grid,.cluster-grid{grid-template-columns:1fr}.group-card{min-height:165px}.category-intro{padding:20px}.category-intro>span{width:55px;height:55px}.category-stats{flex-wrap:wrap}.task-cluster>header{align-items:flex-start}.task-cluster header>b{display:none}.home-task-grid,.standalone-tools .home-task-grid{grid-template-columns:1fr}.home-task-card{min-height:135px}.standalone-tools{margin-top:30px;padding:20px 16px}.standalone-tools .home-task-card{min-height:145px;padding:20px 58px 20px 18px}.app-shell{display:block}.controls{height:auto;position:static;border:0}.workspace{padding:14px 8px}.task-picker{grid-template-columns:1fr 1fr}.sheet,.preview-toolbar{zoom:.52}.paper-stage{min-width:110mm}}
@media(max-width:760px){.controls:has(.mobile-preview-jump:not(.hidden)){padding-bottom:92px}.odd-selection-summary{top:0}.selection-bar{align-items:flex-start;flex-wrap:wrap}.selection-bar .spacer{display:none}.selected-only-toggle{order:4;width:100%;padding-top:3px}.mobile-preview-jump:not(.hidden){position:fixed;left:18px;right:18px;bottom:14px;z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--accent-dark);border-radius:14px;background:var(--accent);color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 28px #183f3560}.mobile-preview-jump span{font-size:18px}.sheet{scroll-margin-top:92px}}
.sound-remove section{display:flex;align-items:center;gap:7mm}.sound-remove del{text-decoration:line-through 3px #c54848;text-decoration-skip-ink:none}.sound-remove b{font-size:24px}.sound-remove i{display:block;min-width:55mm;height:12mm;border-bottom:1.5px solid #333}
.relation-auto>div{position:relative;padding-left:12mm}.relation-auto .pair-number{position:absolute;left:1mm;top:10mm;width:7mm;height:7mm;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-size:11px}.relation-auto strong{text-align:center;font-size:20px}.relation-auto p{font-size:12px;color:#555;border-top:1px dotted #bbb;padding-top:2mm}
.job-who-list{display:grid;gap:5mm}.job-question{border:1px solid #888;border-radius:3mm;padding:3mm;display:grid;grid-template-columns:36mm 1fr;gap:3mm 6mm}.job-question h3{grid-column:1/-1;margin:0;font-size:15px}.job-tool{text-align:center}.job-tool img{width:34mm;height:30mm;object-fit:contain}.job-tool b{display:block;font-size:11px}.job-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm}.job-choices span{position:relative;border:1px solid #aaa;border-radius:2mm;text-align:center;padding:2mm}.job-choices span:before{content:"";position:absolute;left:2mm;top:2mm;width:6mm;height:6mm;border:1px solid #555;border-radius:50%}.job-choices img{width:100%;height:29mm;object-fit:contain}.job-choices b{display:block;font-size:10px}
.sentence-builders{display:grid;gap:5mm}.sentence-builder-row{display:flex;align-items:center;gap:3mm;border-bottom:1px solid #999;padding:3mm 0;flex-wrap:wrap}.sentence-builder-row>b{width:7mm}.sentence-builder-row>div{width:32mm;text-align:center;border:1px solid #bbb;border-radius:2mm;padding:1mm}.sentence-builder-row img{width:29mm;height:25mm;object-fit:contain}.sentence-builder-row span{display:block;font-size:10px}.sentence-builder-row em{font-style:normal;font-size:16px}.sentence-builder-row section{flex:1;min-width:55mm;font-size:14px;padding-left:4mm}.sentence-builder-row section i{display:block;height:8mm;border-bottom:1px solid #999;margin-top:2mm}.three-word .sentence-builder-row>div{width:27mm}.three-word .sentence-builder-row img{width:24mm;height:21mm}
.sentence-status{padding:10px;margin:8px 0;background:#e8f5f1;font-size:12px}.sentence-status p{margin:0 0 5px}.sentence-edit{display:block;font-size:10px;color:#526762}.sentence-edit select{display:block;width:100%;font-size:11px;padding:3px;min-width:0}.sentence-builder-row section small{display:block;font-size:10px;color:#526762;margin-top:5px}
@media print{.sentence-builder-row{break-inside:avoid;page-break-inside:avoid}}
.homework-list{display:grid;gap:3mm}.homework-row{display:grid;grid-template-columns:7mm 31mm 1fr 25mm;gap:3mm;align-items:center;border:1px solid #999;border-radius:2mm;padding:2.5mm}.homework-row>img{width:29mm;height:29mm;object-fit:contain}.homework-row h2{font-size:15px;margin:0}.homework-row h2 small{font-size:10px;font-weight:400}.homework-row p{font-size:10px;margin:1mm 0;display:flex;gap:2mm}.homework-row p i{flex:1;border-bottom:1px solid #aaa}.homework-row aside{font-size:9px;line-height:2}.family-comment{margin-top:5mm;border:1px solid #999;padding:3mm;font-size:11px}.family-comment span{display:inline-block;width:130mm;border-bottom:1px solid #aaa}
.describe-select-list{display:grid;gap:5mm}.describe-select-row{display:grid;grid-template-columns:70mm 1fr;border:1px solid #888;border-radius:3mm;padding:3mm;gap:5mm}.describe-select-row section{font-size:11px}.describe-select-row section>b{font-size:15px}.describe-select-row section p{margin:1mm}.describe-select-row>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2mm}.describe-select-row span{position:relative;border:1px solid #aaa;text-align:center;padding:1mm}.describe-select-row span:before{content:"";position:absolute;left:1mm;top:1mm;width:5mm;height:5mm;border:1px solid #555;border-radius:50%}.describe-select-row img{width:100%;height:27mm;object-fit:contain}.describe-select-row small{display:block;font-size:8px}
.layout-picker{border:0;padding:0;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-picker legend{grid-column:1/-1;font-size:11px;color:#52615e;font-weight:700;margin-bottom:6px}.layout-picker label{position:relative;cursor:pointer}.layout-picker input{position:absolute;opacity:0;inset:0}.layout-picker label>span{min-height:58px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid #d5dfdc;border-radius:11px;background:#fff;padding:9px}.layout-picker span>i{grid-row:1/3;width:30px;height:30px;border-radius:8px;background:#f0f4f3;color:#6d7d79;display:grid;place-items:center;font-style:normal;font-size:17px}.layout-picker b,.layout-picker small{display:block}.layout-picker b{font-size:11px}.layout-picker small{font-size:8px;color:#82908d}.layout-picker input:checked+span{border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 2px var(--accent-soft)}.layout-picker input:checked+span>i{background:var(--accent);color:#fff}.layout-picker input:focus-visible+span{outline:3px solid #ffd84d;outline-offset:2px;box-shadow:0 0 0 5px #202a27}
.target-control{display:grid;gap:7px;margin:0 0 14px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,#dce5e2);border-radius:12px;background:var(--accent-mist)}.target-control-head{display:flex;align-items:center;justify-content:space-between}.target-control-head span{font-size:11px;color:var(--accent-dark);font-weight:800}.target-control-head output{border-radius:20px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;padding:3px 7px}.target-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:150px;overflow:auto}.target-choice{display:flex!important;align-items:center;gap:6px!important;margin:0!important;border:1px solid #d9e3e0;border-radius:8px;background:#fff;padding:5px;font-size:10px!important;color:#34423f!important;cursor:pointer}.target-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.target-choice input{width:14px;height:14px;accent-color:var(--accent);flex:none}.target-choice img{width:26px;height:26px;object-fit:contain;border-radius:5px;background:#f5f8f7}.target-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-empty{grid-column:1/-1;margin:0;padding:10px;border:1px dashed #b9c8c4;border-radius:8px;background:#fff;color:#71807c;font-size:9px;line-height:1.6}.target-control>small{font-size:8px;color:#768581;line-height:1.5}
.random-layout{display:block;position:relative;height:220mm;border:0;overflow:hidden;background:#fff}.random-layout .circle-item:nth-child(n){position:absolute;width:var(--item-size);height:var(--item-size);min-height:0;border:0;border-radius:0;padding:0;transform:rotate(var(--item-turn));background:transparent}.random-layout.with-frames .circle-item:nth-child(n){border:1px solid #aeb8b5;border-radius:4mm;padding:3mm;background:#fff}.random-layout .circle-item img{width:100%;height:100%;object-fit:contain}.aligned-layout{display:flex;flex-direction:column;justify-content:space-evenly;height:220mm}.aligned-layout .circle-row{display:flex;justify-content:center;gap:var(--circle-gap)}.aligned-layout .circle-item{flex:0 0 var(--circle-cell);width:var(--circle-cell);height:var(--circle-cell);min-height:var(--circle-cell);display:grid;place-items:center}.aligned-layout .circle-item img{max-width:100%;height:calc(var(--circle-cell) - 8mm)}.circle-grid.without-frames .circle-item{border-color:transparent}.aligned-layout.without-frames .circle-item{padding:2mm}
.count-control{border:1px solid #dce5e2;border-radius:12px;background:#f8faf9;padding:11px 12px}.count-control>div:first-child{display:flex;align-items:center;justify-content:space-between}.count-control>div:first-child label{font-size:11px;color:#52615e;font-weight:700}.count-control output{min-width:42px;border-radius:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;text-align:center;padding:4px 8px}.count-control>input[type="range"]{width:100%;height:28px;margin:7px 0 0;accent-color:var(--accent)}.count-entry{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:7px;color:#8a9895;font-size:9px;text-align:center}.count-entry label{display:flex;align-items:center;justify-content:center;gap:5px;color:#52615e;font-size:10px;font-weight:700}.count-entry input{width:64px;border:1px solid #ccd8d4;border-radius:8px;background:#fff;padding:6px;text-align:center;font-weight:700}.count-control>small{display:block;margin-top:5px;color:#83918e;font-size:8px;text-align:center}
.field select:focus,.field input:focus,.page-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 5px #202a27}
.maze-settings{display:grid;gap:10px}.maze-settings .mini-row label{margin:0}.maze-setting-note{display:flex;align-items:center;gap:9px;border:1px solid #d9e4e1;border-radius:10px;background:#fff;padding:9px 10px}.maze-setting-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-dark);font-size:17px;font-weight:800}.maze-setting-note b,.maze-setting-note small{display:block}.maze-setting-note b{font-size:10px;color:#344440}.maze-setting-note small{margin-top:2px;font-size:8px;color:#7e8d89}.maze-guide{display:flex;align-items:center;justify-content:center;gap:3mm;margin:-1mm 0 5mm;font-size:12px}.maze-guide span{border:1.2px solid #555;border-radius:20px;padding:1.5mm 3mm;font-size:10px;font-weight:800}.maze-guide-start{background:#eef6f3}.maze-guide-goal{background:#f8f1df}.maze-guide b{width:7mm;height:7mm;border:1.2px solid #444;border-radius:50%;display:grid;place-items:center}.maze-guide i{font-style:normal;color:#66736f}.maze-guide em{font-style:normal;font-weight:800;letter-spacing:2px}.maze-board-wrap{display:flex;justify-content:center}.maze{display:grid;margin:0;border:1.6px solid #46514e;background:#fff}.maze-cell{width:var(--maze-cell);height:var(--maze-cell);border:.7px solid #98a19e;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fff}.maze-cell img{width:76%;height:76%;object-fit:contain}.maze-step{position:absolute!important;z-index:2;top:1.2mm!important;left:1.2mm!important;width:7mm;height:7mm;border:1.2px solid #3f4946;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:11px!important;line-height:1}.maze-flag{position:absolute;z-index:2;right:1mm;bottom:1mm;border-radius:10px;background:#384b46;color:#fff;padding:.8mm 1.5mm;font-size:7px;font-weight:800;line-height:1}.maze-start{box-shadow:inset 0 0 0 1.2mm #9ec8bd}.maze-goal{box-shadow:inset 0 0 0 1.2mm #d8b86b}.maze-goal .maze-flag{background:#8a6819}.maze-size-6 .maze-cell img,.maze-size-7 .maze-cell img{width:70%;height:70%}.maze-size-6 .maze-step,.maze-size-7 .maze-step{width:6mm;height:6mm;font-size:9px!important;top:.8mm!important;left:.8mm!important}.maze-size-7 .maze-flag{font-size:6px;padding:.6mm 1mm}
.maze-target-host{margin-top:14px;border-top:1px solid #dce5e2;padding-top:14px}.maze-target-heading{margin-bottom:8px}.maze-target-heading>span{border-radius:12px;background:var(--accent-soft);color:var(--accent-dark);padding:3px 7px;font-size:8px;font-weight:800}
.maze-endpoint-controls{display:grid;gap:7px;border:1px solid #d7e2df;border-radius:11px;background:#f8fbfa;padding:9px}.maze-endpoint-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.maze-endpoint-controls button{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;border:1px solid #d4dfdc;border-radius:9px;background:#fff;padding:8px;text-align:left;color:#52615e;cursor:pointer}.maze-endpoint-controls button>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#edf3f1;color:#6b7c78;font-size:10px;font-style:normal;font-weight:900}.maze-endpoint-controls button b,.maze-endpoint-controls button small{display:block}.maze-endpoint-controls button b{font-size:9px}.maze-endpoint-controls button small{margin-top:2px;color:#7e8d89;font-size:8px}.maze-endpoint-controls button.active{border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 2px var(--accent-soft)}.maze-endpoint-controls button.active>i{background:var(--accent);color:#fff}.maze-endpoint-controls button:focus-visible{outline:3px solid #ffd84d;outline-offset:2px}.maze-endpoint-controls>p{margin:0;color:#65736f;font-size:8px;line-height:1.5}.maze-manual-mode .maze-cell{cursor:pointer;touch-action:manipulation}.maze-manual-mode .maze-cell:hover{background:var(--accent-mist);box-shadow:inset 0 0 0 1mm var(--accent-soft)}.maze-manual-mode .maze-cell:focus-visible{z-index:3;outline:1.5mm solid var(--accent);outline-offset:-1.5mm}
.maze-target-control{margin:0}.maze-target-control .target-choice-list{max-height:115px}.maze-target-choice{position:relative;padding-right:28px}.maze-target-choice em{position:absolute;right:5px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-style:normal;font-weight:800}.maze-target-order{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px}.maze-target-order>span{min-width:0;height:47px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:5px;border:1px solid #d6e1de;border-radius:8px;background:#fff;padding:5px}.maze-target-order img{width:27px;height:27px;object-fit:contain}.maze-target-order b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.maze-target-order>em{color:var(--accent-dark);font-size:13px;font-style:normal;font-weight:800}.maze-target-order .is-empty{grid-template-columns:18px 1fr;color:#87938f}.maze-target-order .is-empty i{width:18px;height:18px;display:grid;place-items:center;border:1px dashed #9ba8a4;border-radius:50%;font-size:8px;font-style:normal}.maze-pattern-guide{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5mm;margin:-1mm 0 4mm;border:1.2px solid #9ba5a2;border-radius:3mm;padding:2.5mm 4mm;background:#f8faf9}.maze-pattern-guide>b{font-size:11px}.maze-pattern-guide>div{display:flex;align-items:center;justify-content:center}.maze-pattern-items{position:relative;display:flex;align-items:center;gap:2.5mm;padding-bottom:5mm}.maze-pattern-guide span{display:grid;grid-template-columns:18mm;justify-items:center}.maze-pattern-guide img{width:18mm;height:16mm;object-fit:contain}.maze-pattern-guide small{font-size:8px;font-weight:700}.maze-pattern-guide em{font-style:normal;font-size:15px;color:#5f6d69}.maze-cell:not(.maze-start):not(.maze-goal) .maze-flag{display:none}
.maze-target-order{display:flex;justify-content:center}.maze-target-order>span{flex:1;max-width:92px}.maze-target-order>p{margin:0;padding:10px;color:#7c8986;font-size:9px;text-align:center}.maze-target-order:has(>span:nth-of-type(5))>span{height:43px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px;padding:4px}.maze-target-order:has(>span:nth-of-type(5)) img{width:22px;height:22px}.maze-target-order:has(>span:nth-of-type(5)) b{font-size:7px}.maze-target-order:has(>span:nth-of-type(5))>em{font-size:9px}.maze-pattern-guide.pattern-5,.maze-pattern-guide.pattern-6{grid-template-columns:25mm 1fr;gap:2mm;padding-inline:3mm}.maze-pattern-guide.pattern-5 .maze-pattern-items,.maze-pattern-guide.pattern-6 .maze-pattern-items{gap:1mm}.maze-pattern-guide.pattern-5 span,.maze-pattern-guide.pattern-6 span{grid-template-columns:13mm}.maze-pattern-guide.pattern-5 img,.maze-pattern-guide.pattern-6 img{width:13mm;height:12mm}.maze-pattern-guide.pattern-5 small,.maze-pattern-guide.pattern-6 small{font-size:7px}.maze-pattern-guide.pattern-5 em,.maze-pattern-guide.pattern-6 em{font-size:11px}
.maze-pattern-guide .maze-repeat-arrow{position:absolute;left:9mm;right:9mm;bottom:0;height:3.5mm;margin:0;border-right:1.4px solid var(--accent-dark);border-bottom:1.4px solid var(--accent-dark);border-left:1.4px solid var(--accent-dark);border-radius:0 0 3mm 3mm;transform:none}.maze-pattern-guide.pattern-5 .maze-repeat-arrow,.maze-pattern-guide.pattern-6 .maze-repeat-arrow{left:6.5mm;right:6.5mm}.maze-repeat-arrow::after{content:"";position:absolute;left:-1.6mm;top:-1.2mm;border-right:1.4mm solid transparent;border-bottom:2mm solid var(--accent-dark);border-left:1.4mm solid transparent}
.phon-settings{display:grid;gap:12px}.phon-option-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.phon-fill-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.phon-option-picker legend{grid-column:1/-1;margin-bottom:1px;color:#51605c;font-size:10px;font-weight:800}.phon-option-picker label{position:relative;min-width:0;cursor:pointer}.phon-option-picker input{position:absolute;opacity:0;pointer-events:none}.phon-option-picker span{height:100%;display:grid;align-content:start;justify-items:center;gap:3px;border:1px solid #d3dfdc;border-radius:10px;background:#fff;padding:9px 6px;text-align:center;color:#66746f}.phon-option-picker i,.phon-option-picker b,.phon-option-picker small{display:block;min-width:0}.phon-option-picker i{min-height:16px;color:#64736f;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.phon-option-picker b{font-size:10px;color:#33423e}.phon-option-picker small{font-size:7px;line-height:1.4;color:#7b8985}.phon-option-picker input:checked+span{border-color:var(--accent);background:var(--accent-mist);box-shadow:0 0 0 2px var(--accent-soft)}.phon-option-picker input:checked+span i{color:var(--accent-dark)}.phon-option-picker input:focus-visible+span{outline:3px solid #ffd84d;outline-offset:2px}.phon-word-check{margin:0}.phon-hint{margin:0!important}.phon-sheet{display:grid;gap:2mm}.phon-row{display:grid;grid-template-columns:8mm 40mm minmax(0,1fr);gap:6mm;align-items:center;min-height:calc(var(--phon-picture) + 7mm);border:1.2px solid #aeb9b6;border-radius:3mm;padding:3mm 5mm;break-inside:avoid}.phon-row img{width:40mm;height:var(--phon-picture);object-fit:contain}.phon-number{align-self:start;width:7mm;height:7mm;display:grid;place-items:center;border-radius:50%;background:#e7f1ee;color:#275f52;font-size:12px}.phon-picture{display:grid;justify-items:center;align-content:center;min-width:0}.phon-picture small{max-width:40mm;margin-top:1mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.phon-answer{min-width:0;display:flex;align-items:center}.mora-circles{display:flex;align-items:center;flex-wrap:wrap;gap:var(--phon-circle-gap)}.mora-circles i{width:var(--phon-circle);height:var(--phon-circle);display:grid;place-items:center;flex:none;border:1.7px solid #333;border-radius:50%;background:#fff;font-family:"BIZ UDPGothic","UD Digi Kyokasho NK-R","Yu Gothic",sans-serif;font-size:calc(var(--phon-circle)*.45);font-style:normal;font-weight:700;line-height:1}.phon-count-7,.phon-count-8{gap:1.2mm}.phon-count-7 .phon-row,.phon-count-8 .phon-row{grid-template-columns:7mm 33mm minmax(0,1fr);gap:4mm;padding-block:2mm}.phon-count-7 .phon-row img,.phon-count-8 .phon-row img{width:33mm}.phon-count-9,.phon-count-10,.phon-count-11,.phon-count-12{gap:.8mm}.phon-count-9 .phon-row,.phon-count-10 .phon-row,.phon-count-11 .phon-row,.phon-count-12 .phon-row{grid-template-columns:6mm 28mm minmax(0,1fr);gap:3mm;min-height:calc(var(--phon-picture) + 4mm);padding:1.5mm 3mm}.phon-count-9 .phon-row img,.phon-count-10 .phon-row img,.phon-count-11 .phon-row img,.phon-count-12 .phon-row img{width:28mm}.phon-count-9 .phon-number,.phon-count-10 .phon-number,.phon-count-11 .phon-number,.phon-count-12 .phon-number{width:6mm;height:6mm;font-size:10px}.phon-count-9 .phon-picture small,.phon-count-10 .phon-picture small,.phon-count-11 .phon-picture small,.phon-count-12 .phon-picture small{font-size:8px}
@media print{@page{size:A4 portrait;margin:0}body{background:#fff}.no-print{display:none!important}.app-shell,.workspace,.paper-stage{display:block;padding:0;min-width:0;background:#fff}.sheet{box-shadow:none;border-radius:0;margin:0;width:210mm;min-height:297mm;padding:13mm 14mm;zoom:1}.odd-option{outline:0!important;background:transparent!important;transform:none!important}.odd-option::after{display:none!important}}
.phon-row{box-sizing:border-box}.phon-count-9 .phon-row,.phon-count-10 .phon-row{min-height:19mm}.phon-count-11,.phon-count-12{gap:.6mm}.phon-count-11 .phon-row,.phon-count-12 .phon-row{grid-template-columns:5mm 24mm minmax(0,1fr);gap:2mm;min-height:15mm;padding:1mm 2mm}.phon-count-11 .phon-row img,.phon-count-12 .phon-row img{width:24mm}.phon-count-11 .phon-number,.phon-count-12 .phon-number{width:5mm;height:5mm;font-size:8px}
.phon-vocab-filters{display:grid;gap:9px;margin:-4px 0 14px;border:1px solid #cfddda;border-radius:12px;background:#f6faf9;padding:11px}.phon-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.phon-filter-heading b,.phon-filter-heading small{display:block}.phon-filter-heading b{font-size:11px;color:#31423e}.phon-filter-heading small{margin-top:2px;font-size:8px;color:#7a8985}.phon-filter-heading button{border:0;background:transparent;color:var(--accent-dark);font-size:8px;font-weight:800;cursor:pointer}.phon-vocab-filters>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phon-vocab-filters label{display:grid;gap:4px}.phon-vocab-filters label>span{font-size:9px;font-weight:800;color:#53625e}.phon-vocab-filters select{width:100%;height:38px;border:1px solid #cbd8d5;border-radius:9px;background:#fff;padding:0 10px;color:#253430;font-size:12px;font-weight:700}.phon-vocab-filters label>small{font-size:7px;color:#84918d}.phon-vocab-filters select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}
.sound-mora-circles{gap:var(--sound-circle-gap,2.5mm);max-width:100%}.sound-mora-circles i{flex:0 0 var(--sound-circle-size,10mm);width:var(--sound-circle-size,10mm);height:var(--sound-circle-size,10mm);box-sizing:border-box}
.sound-color-settings{display:grid;gap:10px}.sound-color-setting-card{display:grid;gap:10px;border:1px solid #d6e2df;border-radius:12px;background:#f7faf9;padding:11px}.sound-color-setting-card>header{display:flex;align-items:center;gap:8px}.sound-color-setting-card>header>i,.sound-color-answer-setting>header>i{width:22px;height:22px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-style:normal;font-weight:800}.sound-color-setting-card>header span,.sound-color-setting-card>header b,.sound-color-setting-card>header small{display:block}.sound-color-setting-card>header b{font-size:11px;color:#2f403c}.sound-color-setting-card>header small{margin-top:1px;font-size:8px;color:#7b8985}.sound-color-setting-card .mini-row{margin:0}.sound-color-setting-card label{margin:0}.sound-color-setting-card label>small{display:block;margin-top:4px;color:#7e8c88;font-size:7px;line-height:1.4}.sound-color-answer-setting{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;border:1px solid #dce5e2;border-radius:11px;background:#fff;padding:9px 11px}.sound-color-answer-setting>header{display:flex;align-items:center;gap:7px}.sound-color-answer-setting>header>b{font-size:10px}.sound-color-answer-setting .sound-answer-check{margin:0!important;padding:8px!important}.sound-color-hint{margin:0!important;text-align:center}
.sound-position-grid{height:178mm;min-height:0;grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:3mm 5mm;overflow:hidden}.sound-position-grid article{justify-content:center;height:100%;min-height:0;overflow:hidden}.sheet:has(.sound-position-grid):has(.sound-sort-answer) .sound-position-grid{height:150mm;min-height:0}.sound-position-grid.without-text article{gap:3mm}.sound-position-grid.without-text img{margin-bottom:2mm}.sound-position-grid:has(article:nth-child(7)):has(.sound-mora-circles i:nth-child(6)){gap:1.5mm 3mm}.sound-position-grid:has(article:nth-child(7)):has(.sound-mora-circles i:nth-child(6)) article>b{margin:.5mm 0 1mm;font-size:15px;line-height:1.15}.sound-position-grid:has(article:nth-child(7)):has(.sound-mora-circles i:nth-child(6)) img{max-height:30mm}.sound-position-grid:has(article:nth-child(10)):has(.sound-mora-circles i:nth-child(6)) img{max-height:25mm}.sound-position-grid:has(article:nth-child(7)) .sound-mora-circles{min-height:0}
.sound-position-grid .sound-mora-circles{width:100%;padding-inline:1mm;box-sizing:border-box}.sound-position-grid .sound-mora-circles i{flex:0 0 var(--sound-circle-size,10mm);width:var(--sound-circle-size,10mm);height:var(--sound-circle-size,10mm);min-width:0;max-width:none;aspect-ratio:1}
.sound-color-limit-note{width:max-content;max-width:100%;margin:-4mm auto 3mm;border-radius:20mm;background:#f2f6f5;padding:1.5mm 5mm;color:#687570;font-size:9px;font-weight:700}.sound-position-grid[style*="--sound-color-cols:3"]{column-gap:8mm}
.sound-color-pre-filters{margin:0 0 14px}.sound-color-pre-filters .sound-color-setting-card{background:#f1f7f5;border-color:#bfd4ce}.sound-color-pre-filters .mini-row{margin:0}.sound-color-pre-filters label{margin:0}.sound-color-pre-filters label>small{display:block;margin-top:4px;color:#71817c;font-size:7px}
.sound-color-query-grid{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:7px}.sound-color-query-field{display:grid!important;gap:6px!important;min-width:0;border:1px solid #d4e1de;border-radius:10px;background:#fff;padding:9px!important}.sound-color-query-field>span{display:flex;align-items:center;gap:5px}.sound-color-query-field>span>i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e5efec;color:var(--accent-dark);font-size:8px;font-style:normal;font-weight:800}.sound-color-query-field>span>b{font-size:10px;color:#33443f}.sound-color-query-field select{width:100%;height:40px;border:1.5px solid #bdcdca;border-radius:9px;background:#fff;padding:0 10px;color:#23332f;font-size:12px;font-weight:700}.sound-color-query-field select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.sound-color-query-field>small{min-height:11px;margin:0!important;color:#7d8a86!important;font-size:7px!important}.sound-color-query-arrow{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:800}@media(max-width:1150px){.sound-color-query-grid{grid-template-columns:1fr}.sound-color-query-arrow{margin:auto;transform:rotate(90deg)}}
.sound-position-grid.with-circle-text article{gap:2.5mm}.sound-position-grid.with-circle-text .sound-mora-circles i{display:grid;place-items:center;color:#a6afac;font-family:"BIZ UDPGothic","UD Digi Kyokasho NK-R","Yu Gothic",sans-serif;font-size:calc(var(--sound-circle-size,10mm)*.46);font-style:normal;font-weight:700;line-height:1}.sound-position-grid.with-circle-text .sound-mora-circles i:hover{color:#8d9894}
.shiritori-settings{display:grid;gap:10px}.shiritori-settings>section{display:grid;gap:9px;border:1px solid #d7e2df;border-radius:11px;background:#f7faf9;padding:10px}.shiritori-settings>section>header{display:flex;align-items:center;gap:7px}.shiritori-settings>section>header>i{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-style:normal;font-weight:800}.shiritori-settings>section>header span,.shiritori-settings>section>header b,.shiritori-settings>section>header small{display:block}.shiritori-settings>section>header b{font-size:10px}.shiritori-settings>section>header small{font-size:7px;color:#7b8985}.shiritori-settings label{margin:0}.chain-pool{min-height:190mm;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:stretch;gap:6mm}.chain-pool article{position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;min-width:0;border:1.3px solid #9aa6a2;border-radius:4mm;background:#fff;padding:5mm 3mm 3mm;break-inside:avoid}.chain-pool article img{width:100%;height:42mm;object-fit:contain}.chain-pool article b{display:block;max-width:100%;margin-top:1mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.chain-number{position:absolute;left:3mm;top:3mm;width:10mm;height:10mm;display:grid;place-items:center;border:1.6px solid #333;border-radius:50%;background:#fff;font-size:16px;font-weight:700}.chain-pool article>strong{position:absolute;right:3mm;top:3mm;border-radius:20mm;background:var(--accent);padding:1.5mm 3mm;color:#fff;font-size:9px}.chain-pool article.is-start{border:2px solid var(--accent);background:#f5faf8}.chain-count-9,.chain-count-10{gap:3mm}.chain-count-9 article,.chain-count-10 article{padding-top:4mm}.chain-count-9 article img,.chain-count-10 article img{height:32mm}.chain-answer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2mm;margin-top:5mm;border:1px dashed #9aa5a1;border-radius:3mm;background:#fafbfb;padding:3mm;color:#56635f;font-size:10px}.chain-answer>b{margin-right:2mm;color:#30413c}.chain-answer em{font-style:normal;color:var(--accent-dark)}
.shiritori-choice-sheet{display:grid;gap:4mm}.shiritori-problem{overflow:hidden;border:1.2px solid #aab5b2;border-radius:4mm;background:#fff}.shiritori-question{position:relative;display:flex;align-items:center;justify-content:center;gap:4mm;min-height:33mm;border-bottom:1px solid #d6dfdc;background:#f3f8f6;padding:2mm 4mm}.shiritori-question>i{position:absolute;left:3mm;top:3mm;width:8mm;height:8mm;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:800}.shiritori-question>small{position:absolute;left:12mm;top:4.5mm;color:#6b7975;font-size:8px;font-weight:700;letter-spacing:.08em}.shiritori-question>div{text-align:center}.shiritori-question img{width:28mm;height:23mm;object-fit:contain}.shiritori-question b,.shiritori-choices b,.shiritori-route b,.shiritori-route span{display:block;font-size:10px}.shiritori-question em{color:var(--accent-dark);font-size:22px;font-style:normal;font-weight:800}.next-blank,.bridge-blank{width:13mm;height:13mm;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:50%;background:#fff;color:var(--accent-dark);font-size:18px;font-weight:800}.shiritori-choice-caption{display:flex;align-items:center;gap:2mm;margin:1.5mm 3mm 0;color:#64726e;font-size:8px;font-weight:700}.shiritori-choice-caption i{height:1px;flex:1;background:#d8e0de}.shiritori-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5mm;padding:1.5mm 3mm 3mm}.shiritori-choices article{position:relative;min-width:0;border:1px solid #d8dfdd;border-radius:3mm;background:#fff;text-align:center;padding:1mm}.shiritori-choices article>span{position:absolute;left:2mm;top:2mm;width:7mm;height:7mm;border:1.5px solid #333;border-radius:50%;background:#fff}.shiritori-choices img{width:100%;height:25mm;object-fit:contain}.shiritori-route{position:relative;display:grid;gap:1.5mm;padding:0 3mm}.route-start{width:43mm;margin:auto;text-align:center;border:2px solid var(--accent);border-radius:4mm;background:#f2f8f6;padding:2mm}.route-start>b{display:inline-block!important;border-radius:20mm;background:var(--accent);padding:1mm 4mm;color:#fff;font-size:9px!important}.route-start img,.shiritori-route article img{width:100%;height:22mm;object-fit:contain}.route-down-arrow,.route-next-arrow{display:grid;place-items:center;height:5mm;color:var(--accent);font-size:18px;font-weight:900;line-height:1}.shiritori-route>section{position:relative;display:grid;grid-template-columns:13mm 1fr 16mm;align-items:center;gap:3mm}.shiritori-route>section>strong{width:11mm;height:11mm;display:grid;place-items:center;border:1.3px solid #a8b6b2;border-radius:50%;background:#eef4f2;color:#34443f;font-size:13px;line-height:1}.shiritori-route>section>strong small{display:block;color:#72807c;font-size:6px}.shiritori-route>section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3mm}.shiritori-route article{position:relative;text-align:center;border:1.2px solid #aab5b2;border-radius:3mm;background:#fff;padding:1.5mm}.shiritori-route article>i{position:absolute;left:2mm;top:2mm;width:6.5mm;height:6.5mm;border:1.4px solid #333;border-radius:50%;background:#fff}.shiritori-route>section>em{display:grid;place-items:center;min-height:12mm;border-radius:20mm;background:var(--accent);color:#fff;font-size:9px;font-style:normal;font-weight:800;writing-mode:vertical-rl}.shiritori-route>section>.route-next-arrow{position:absolute;right:5mm;bottom:-5mm;width:8mm}
.shiritori-choices:has(article:nth-child(2):last-child),.shiritori-route section>div:has(article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.shiritori-choices:has(article:nth-child(3):last-child),.shiritori-route section>div:has(article:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.shiritori-line-chain{display:grid;gap:1mm;padding:0 4mm}.line-chain-start{width:40mm;margin:0 auto;text-align:center;border:2px solid var(--accent);border-radius:4mm;background:#f1f8f6;padding:2mm}.line-chain-start small{display:inline-block;border-radius:20mm;background:var(--accent);padding:1mm 4mm;color:#fff;font-size:8px;font-weight:800}.line-chain-start img{display:block;width:100%;height:21mm;object-fit:contain}.line-chain-start b,.line-chain-options b{display:block;font-size:10px}.shiritori-line-chain>section{position:relative}.shiritori-line-chain>section>header{display:flex;align-items:center;gap:2mm;margin-bottom:1.5mm}.shiritori-line-chain>section>header i{width:7mm;height:7mm;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-style:normal;font-weight:800}.shiritori-line-chain>section>header span{color:#50615c;font-size:9px;font-weight:800}.line-chain-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3mm}.line-chain-options:has(article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.line-chain-options:has(article:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.line-chain-options article{position:relative;min-width:0;border:1.2px solid #aab5b2;border-radius:3mm;background:#fff;text-align:center;padding:1.5mm}.line-chain-options img{display:block;width:100%;height:21mm;object-fit:contain}.line-chain-gap{height:6mm}.shiritori-line-chain>section>em{display:block;width:max-content;margin:1.5mm auto 0;border-radius:20mm;background:var(--accent);padding:1.5mm 6mm;color:#fff;font-size:9px;font-style:normal;font-weight:800}
.sound-position-grid[style*="--sound-color-cols:3"] article:nth-child(7):last-child{grid-column:2}.sound-position-grid[style*="--sound-color-cols:2"] article:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 4mm);justify-self:center}
.line-chain-start b,.line-chain-options b{font-size:14px;line-height:1.25;font-weight:800}.shiritori-line-chain>section>header span{font-size:11px}.shiritori-question b,.shiritori-choices b{font-size:13px;line-height:1.25}.shiritori-route b,.shiritori-route span{font-size:12px;line-height:1.25}
.shiritori-word-circles{display:flex;align-items:center;justify-content:center;gap:.7mm;min-height:7mm;margin-top:1mm}.shiritori-word-circles i{width:6.5mm;height:6.5mm;display:grid;place-items:center;flex:none;border:1.2px solid #66716e;border-radius:50%;background:#fff;color:#202927;font-family:"BIZ UDPGothic","UD Digi Kyokasho NK-R","Yu Gothic",sans-serif;font-size:13px;font-style:normal;font-weight:800;line-height:1}.shiritori-word-circles.is-long{gap:.35mm;flex-wrap:wrap}.shiritori-word-circles.is-long i{width:5.3mm;height:5.3mm;font-size:10px}.line-chain-options article:has(.shiritori-word-circles.is-long) img{height:19mm}
.shiritori-word-circles i.is-coda{border-width:1.8px}.shiritori-word-circles i.coda-red{border-color:#b63e3e;background:#f8dcdc;color:#7d2020}.shiritori-word-circles i.coda-blue{border-color:#3977b8;background:#dceafa;color:#1f568e}.shiritori-word-circles i.coda-green{border-color:#328064;background:#dcefe8;color:#215e49}
.shiritori-coda-note{display:flex!important;align-items:center;gap:7px;margin:0!important;border:1px solid #ead0d0;border-radius:9px;background:#fff7f7;padding:7px 9px!important;color:#704545;font-size:9px!important;font-weight:700!important}.shiritori-coda-note>input{accent-color:#b63e3e}.shiritori-coda-note>i{width:22px;height:22px;display:grid;place-items:center;border:1.5px solid #b63e3e;border-radius:50%;background:#f8dcdc;color:#7d2020;font-size:12px;font-style:normal;font-weight:800}.shiritori-coda-note.hidden{display:none!important}
.shiritori-settings>.sound-answer-check{display:none!important}
.shiritori-start-pickers{margin:0}.shiritori-start-pickers label{min-width:0}.shiritori-start-pickers select{min-width:0;text-overflow:ellipsis}
.shiritori-start-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:2;border:1px solid #bfd5cf;border-radius:10px;background:#edf7f4;padding:8px 10px}.shiritori-start-summary span{display:flex;align-items:center;gap:7px;min-width:0}.shiritori-start-summary i{border-radius:20px;background:var(--accent);padding:3px 7px;color:#fff;font-size:8px;font-style:normal;font-weight:800}.shiritori-start-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c403a;font-size:11px}.shiritori-start-summary button,.shiritori-word-choice>button{flex:none;border:1px solid #a9c5bd;border-radius:8px;background:#fff;color:#42645b;padding:5px 7px;font-size:8px;font-weight:800}.shiritori-word-choice{padding:4px!important}.shiritori-word-choice>label{display:flex;align-items:center;gap:7px;min-width:0;flex:1;cursor:pointer}.shiritori-word-choice>label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shiritori-word-choice.is-start{border-color:#4d8f7f;background:#e9f6f2}.shiritori-word-choice.is-start>button{border-color:var(--accent);background:var(--accent);color:#fff}
.shiritori-exclusion-panel{grid-column:1/-1;border:1px solid #d8e2df;border-radius:10px;background:#fafcfb}.shiritori-exclusion-panel summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:8px 10px;list-style:none}.shiritori-exclusion-panel summary::-webkit-details-marker{display:none}.shiritori-exclusion-panel summary span{display:flex;align-items:center;gap:7px}.shiritori-exclusion-panel summary i{border-radius:20px;background:#697874;padding:3px 7px;color:#fff;font-size:8px;font-style:normal;font-weight:800}.shiritori-exclusion-panel summary b{font-size:10px}.shiritori-exclusion-panel summary em{color:#72817d;font-size:8px;font-style:normal;font-weight:700}.shiritori-exclusion-panel>div{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid #e1e8e6;padding:9px}.shiritori-exclusion-panel>div button{border:1px solid #cad6d3;border-radius:20px;background:#fff;color:#50605c;padding:5px 8px;font-size:8px;font-weight:700}.shiritori-exclusion-panel>div button[aria-pressed="true"]{border-color:#b96a6a;background:#fff0f0;color:#8b3f3f}.shiritori-exclusion-clear{display:block;margin:0 9px 9px auto;border:0;background:transparent;color:#8b5656;font-size:8px;font-weight:800}
.shiritori-inclusion-panel{grid-column:1/-1;border:1px solid #bfd5cf;border-radius:10px;background:#f5faf8}.shiritori-inclusion-panel summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:8px 10px;list-style:none}.shiritori-inclusion-panel summary::-webkit-details-marker{display:none}.shiritori-inclusion-panel summary span{display:flex;align-items:center;gap:7px}.shiritori-inclusion-panel summary i{border-radius:20px;background:var(--accent);padding:3px 7px;color:#fff;font-size:8px;font-style:normal;font-weight:800}.shiritori-inclusion-panel summary b{font-size:10px}.shiritori-inclusion-panel summary em{color:#55716a;font-size:8px;font-style:normal;font-weight:700}.shiritori-inclusion-panel>div{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid #d7e5e1;padding:9px}.shiritori-inclusion-panel>div button{border:1px solid #c4d5d0;border-radius:20px;background:#fff;color:#50605c;padding:5px 8px;font-size:8px;font-weight:700}.shiritori-inclusion-panel>div button[aria-pressed="true"]{border-color:#4d8f7f;background:#e4f3ef;color:#285f52}
.reading-tool-settings{display:grid;gap:10px}.reading-tool-settings>label{margin:0}.reading-tool-settings>.hint{margin:0!important}.word-hide-list{display:grid;gap:5mm}.word-hide-list article{display:grid;grid-template-columns:9mm 32mm minmax(0,1fr);align-items:center;gap:5mm;min-height:27mm;border-bottom:1px solid #c1c8c6;padding:2mm 3mm;break-inside:avoid}.word-hide-list article>b{width:8mm;height:8mm;display:grid;place-items:center;border-radius:50%;background:#e8f1ee;font-size:12px}.word-hide-list img{width:31mm;height:25mm;object-fit:contain}.word-hide-list article>div{display:flex;align-items:center;justify-content:center;min-width:0}.word-hide-list article>div span,.word-hide-strip>span{font-family:"BIZ UDPGothic","UD Digi Kyokasho NK-R","Yu Gothic",sans-serif;font-size:25px;font-weight:700;line-height:1.4}.word-hide-list.spaced article>div,.word-hide-strip.spaced{gap:2.5mm}.word-hide-targets{display:flex;justify-content:center;gap:4mm;flex-wrap:wrap;margin:3mm 0 10mm}.word-hide-targets span{width:26mm;display:grid;justify-items:center}.word-hide-targets img{width:25mm;height:23mm;object-fit:contain}.word-hide-targets i{width:18mm;height:5mm;border-bottom:1px solid #888}.word-hide-strip{min-height:72mm;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;border:1.5px solid #7f8986;border-radius:5mm;padding:14mm 9mm;background:#fff}.word-hide-strip>span{font-size:29px}.special-read-key{width:max-content;margin:0 auto 7mm;border:1.2px solid #9da8a5;border-radius:20mm;padding:2.5mm 7mm}.special-read-key span{margin-right:4mm;color:#65736f;font-size:10px}.special-read-key b{font-size:15px}.special-read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5mm}.special-read-grid.count-10,.special-read-grid.count-11,.special-read-grid.count-12{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5mm}.special-read-grid article{position:relative;display:grid;grid-template-columns:28mm 1fr;align-items:center;gap:3mm;min-height:37mm;border:1.2px solid #a6b0ad;border-radius:4mm;padding:3mm;break-inside:avoid}.special-read-grid article>i{position:absolute;left:2mm;top:2mm;width:7mm;height:7mm;display:grid;place-items:center;border-radius:50%;background:#e8f1ee;font-size:10px;font-style:normal;font-weight:800}.special-read-grid img{width:28mm;height:27mm;object-fit:contain}.special-read-grid article>div{display:flex;justify-content:center;flex-wrap:wrap;gap:.8mm}.special-read-grid article>div span{width:9mm;height:11mm;display:grid;place-items:center;border-bottom:1.2px solid #9da6a3;font-size:20px;font-weight:700}.special-read-grid.count-10 article,.special-read-grid.count-11 article,.special-read-grid.count-12 article{grid-template-columns:21mm 1fr;min-height:31mm;padding:2mm}.special-read-grid.count-10 img,.special-read-grid.count-11 img,.special-read-grid.count-12 img{width:21mm;height:21mm}.special-read-grid.count-10 article>div span,.special-read-grid.count-11 article>div span,.special-read-grid.count-12 article>div span{width:6.5mm;height:9mm;font-size:15px}.fluency-sheet{border:1.4px solid #69736f;border-radius:3mm;overflow:hidden}.fluency-sheet>header,.fluency-sheet>article,.fluency-sheet>footer{display:grid;grid-template-columns:9mm 15mm minmax(0,1fr) repeat(var(--fluency-trials),24mm);align-items:center}.fluency-sheet.without-pictures>header,.fluency-sheet.without-pictures>article,.fluency-sheet.without-pictures>footer{grid-template-columns:9mm minmax(0,1fr) repeat(var(--fluency-trials),24mm)}.fluency-sheet>header{min-height:11mm;background:#edf3f1;font-size:10px;font-weight:800;text-align:center}.fluency-sheet>header>span{grid-column:1/4}.fluency-sheet.without-pictures>header>span{grid-column:1/3}.fluency-sheet>header>b{height:100%;display:grid;place-items:center;border-left:1px solid #9fa9a6}.fluency-sheet>article{min-height:10mm;border-top:1px solid #bbc3c1;padding:1mm 0}.fluency-sheet>article>i{font-style:normal;text-align:center;color:#65716d;font-size:9px}.fluency-sheet>article>img{width:13mm;height:9mm;object-fit:contain}.fluency-sheet>article>strong{padding-left:3mm;font-size:17px;letter-spacing:.08em}.fluency-sheet>article>span{width:7mm;height:7mm;justify-self:center;border:1.3px solid #555;border-radius:50%}.fluency-sheet>footer{min-height:13mm;border-top:1.5px solid #69736f;background:#f8faf9}.fluency-sheet>footer>strong{grid-column:1/4;padding-left:4mm;font-size:10px}.fluency-sheet.without-pictures>footer>strong{grid-column:1/3}.fluency-sheet>footer>span{height:100%;display:grid;place-items:center;border-left:1px solid #abb4b1;font-size:10px}
.word-list-more{grid-column:1/-1;border:1px solid #c9d8d4;border-radius:9px;background:#f7faf9;color:#47665e;padding:8px;font-size:10px;font-weight:700}
.site-footer{display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #dce5e2;padding:18px 20px 24px;color:#71807b;background:#f8faf9;font-size:12px}.site-footer a{color:#356f61;font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer span{padding-left:12px;border-left:1px solid #ccd8d4}

.read-choice-sheet{display:grid;gap:5mm}.read-choice-row{display:grid;grid-template-columns:7mm 31mm minmax(0,1fr);gap:2mm;align-items:center;min-height:29mm;padding:3mm 0;border-bottom:1px solid #bbc3c1;break-inside:avoid}.read-choice-number{font-size:12px;text-align:center}.read-choice-prompt{display:grid;place-items:center;min-width:0}.read-choice-prompt img{width:29mm;height:27mm;object-fit:contain}.read-choice-prompt strong,.read-choice-option strong{font-size:19px;line-height:1.6;overflow-wrap:anywhere;text-align:center}.read-choice-options{display:grid;grid-template-columns:repeat(var(--read-choice-options),minmax(0,1fr));gap:2mm;align-items:center}.read-choice-option{display:grid;place-items:center;min-height:27mm;min-width:0;padding:2mm;border:1px solid #acb7b2;border-radius:3mm}.read-choice-option img{width:100%;height:24mm;object-fit:contain}.read-choice-notice{font-size:12px;color:#70501f}