.reference-dialog{border:0;border-radius:22px;padding:0;width:min(960px,94vw);max-height:90vh;background:#fff;color:#233e52;box-shadow:0 30px 90px #233e5238}.reference-dialog::backdrop{background:#17352c66;backdrop-filter:blur(5px)}.reference-bar{position:sticky;top:0;z-index:3;padding:18px 25px;background:#edf5f0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dce9e3}.reference-bar div{display:flex;gap:8px}.reference-bar button{padding:10px 15px;border:1px solid #c5d7ce;border-radius:12px;cursor:pointer;background:white;font:inherit;color:inherit}.reference-bar .reference-print{background:#287c6b;color:white;border-color:#287c6b}.reference-sheet{padding:36px 48px;font:14px/1.6 "PingFang SC","Hiragino Sans GB",sans-serif}.reference-sheet h1{font-size:30px;margin:7px 0}.reference-sheet h2{font-size:18px;margin:20px 0 10px}.reference-sheet header>span{color:#548674;font-size:12px}.reference-sheet header>p{color:#71838a}.reference-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px}.reference-hero img{width:100%;min-width:0}.reference-numbers{font-size:29px;font-weight:700;color:#287c6b;line-height:1.7}.reference-numbers small{font-size:14px;font-weight:500}.reference-views{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reference-sheet figure{margin:0}.reference-views figure{border:1px solid #e2ebe7;border-radius:14px;padding:12px;text-align:center}.reference-views img{width:100%}.reference-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.reference-steps figure{border:1px solid #e2ebe7;padding:14px;border-radius:12px;break-inside:avoid}.reference-steps img{width:100%;max-height:190px;object-fit:contain}.reference-steps p{margin:5px 0;font-size:12px}.reference-notes{background:#f0f6f2;padding:14px 20px;margin-top:25px;border-radius:12px}.reference-sheet footer{margin-top:28px;font-size:11px}.reference-sheet img{print-color-adjust:exact}@media(max-width:600px){.reference-sheet{padding:22px}.reference-hero{grid-template-columns:1fr;gap:0}.reference-bar{padding:12px;font-size:12px}.reference-bar button{padding:8px}.reference-steps{grid-template-columns:1fr}.reference-views{gap:5px}.reference-views figure{padding:4px;font-size:11px}}
@media print{@page{size:A4 portrait;margin:12mm}html,body{overflow:visible!important;height:auto!important;background:white!important}body>*{display:none!important}html[data-print-authorized="true"] #print-content{display:block!important;position:static!important;visibility:visible!important}#print-content .reference-sheet{padding:0;font-size:10pt}#print-content h1{font-size:23pt}#print-content .reference-hero{grid-template-columns:1.4fr 1fr}#print-content .reference-hero img{max-height:65mm;object-fit:contain}#print-content .reference-steps{grid-template-columns:1fr 1fr}#print-content .reference-steps img{max-height:40mm}#print-content .reference-notes{break-inside:avoid}#print-content .reference-views{break-inside:avoid}#print-content .reference-sheet h2{break-after:avoid}}

.parent-print-dialog{width:min(400px,calc(100vw - 32px));border:0;border-radius:20px;padding:26px;color:#233e52;background:#fff;font:inherit}.parent-print-dialog::backdrop{background:#17352c66;backdrop-filter:blur(4px)}.parent-print-dialog h2{margin:0 0 12px;font-size:22px}.parent-print-dialog p{line-height:1.6}.parent-print-dialog>div{display:flex;flex-wrap:wrap;gap:8px}.parent-print-dialog button{font:inherit;padding:11px 14px;border:1px solid #c5d7ce;border-radius:12px;cursor:pointer;background:white;color:inherit}.parent-print-dialog .parent-print-continue{background:#287c6b;color:white;border-color:#287c6b}.parent-print-error{color:#a13b36}.print-signin-message{display:none}@media print{#print-content{display:none!important}html:not([data-print-authorized="true"]) .print-signin-message{display:block!important;padding:24px;font:16px sans-serif}}

.family-activity{margin-top:32px;scroll-margin-top:24px}
.family-activity p{line-height:1.8;color:#506670;margin:8px 0 0}
.family-activity h3{margin:26px 0 12px;font-size:18px;line-height:1.5}
.family-activity h4{margin:0;font-size:16px;line-height:1.5;color:#233e52}
.activity-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.activity-roles>div{min-width:0;padding:20px;border:1px solid #d8e4ed;border-radius:12px;background:#f3f8fc}
.activity-play{counter-reset:activity;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;padding:0;list-style:none}
.activity-play>li{counter-increment:activity;min-width:0;padding:20px;border:1px solid #d8e4ed;border-radius:12px}
.activity-play>li::before{content:counter(activity,decimal-leading-zero);display:block;margin-bottom:12px;color:#4266a9;font-weight:700;font-size:14px}
.activity-remix,.activity-finish{border-top:1px solid #e0e8ed;margin-top:22px;padding-top:2px}
.activity-finish{padding:18px 22px;border:0;border-radius:12px;background:#fff7e8}
.activity-finish h3{margin-top:0}
@media(max-width:740px){.activity-roles,.activity-play{grid-template-columns:minmax(0,1fr);gap:12px}.activity-roles>div,.activity-play>li{padding:17px}.family-activity h3{font-size:17px}.family-activity h4{font-size:15px}}
@media print{.family-activity{margin-top:20px}.family-activity h3{font-size:12pt;break-after:avoid}.family-activity h4{font-size:11pt}.family-activity p{font-size:10pt;line-height:1.5}.activity-roles{grid-template-columns:1fr 1fr}.activity-play{display:block}.activity-play>li{margin-bottom:10px;break-inside:avoid}.activity-roles>div,.activity-remix,.activity-finish{break-inside:avoid}}