@page{size:A4 landscape;margin:0}html.reading-active,body.reading-active{margin:0;padding:0;width:100%;height:100%;background-color:#e8ecf0;font-family:Kiwi Maru,Sawarabi Mincho,Hiragino Mincho ProN,Yu Mincho,MS Mincho,serif}body.reading-active.mode-dark{background-color:#111c14}.app-container{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;box-sizing:border-box}.controls{width:100%;max-width:960px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d;box-sizing:border-box}body.mode-dark .controls{background:#1e2a22;border-color:#2d3d32}.controls h1{margin:0;font-size:16px;color:#059669}body.mode-dark .controls h1{color:#34d399}.controls .subtitle{font-size:11px;color:#64748b;margin-top:2px}body.mode-dark .controls .subtitle{color:#94a3b8}.btn-group{display:flex;gap:8px}.btn{padding:8px 16px;font-size:13px;font-weight:700;border-radius:6px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s}.btn-secondary{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:#059669;color:#fff;border-color:#059669}.btn-primary:hover{background:#047857}.btn-back{background:#64748b;color:#fff}.btn-back:hover{background:#475569}body.mode-dark .btn-secondary{background:#2d3d32;border-color:#3d5247;color:#d1fae5}body.mode-dark .btn-secondary:hover{background:#3d5247}.page-label{width:100%;max-width:960px;font-size:11px;font-weight:700;color:#64748b;border-bottom:1px solid #cbd5e1;padding-bottom:4px;margin-top:10px}body.mode-dark .page-label{color:#4b7a5e;border-bottom-color:#2d3d32}.sheet{background:#fff;width:100%;max-width:960px;aspect-ratio:297 / 210;padding:3.5% 4% 2%;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}body.mode-dark .sheet{background:#1a2b1e;border-color:#ffffff14}.vertical-section{writing-mode:vertical-rl;text-orientation:mixed;box-sizing:border-box}.story-section{height:47%;border-bottom:2px dashed #a7f3d0;padding-bottom:8px;display:block}body.mode-dark .story-section{border-bottom-color:#34d39933}.story-title-area{display:inline-block;vertical-align:top;margin-left:28px;border-left:1.5px solid #e2e8f0;padding-left:16px;height:100%}body.mode-dark .story-title-area{border-left-color:#ffffff1a}.story-category{font-size:11px;color:#059669;font-weight:700;margin-bottom:8px}body.mode-dark .story-category{color:#34d399}.story-title{font-size:26px;font-weight:700;color:#111827;line-height:1.3;letter-spacing:2px}body.mode-dark .story-title{color:#e2e8f0}.story-content{display:inline-block;vertical-align:top;height:100%;max-width:calc(100% - 120px)}.story-text{font-size:20px;line-height:2.2;color:#1f2937;letter-spacing:1.5px}body.mode-dark .story-text{color:#cbd5e1}.story-text p{margin:0;text-indent:1em}ruby{ruby-position:over;ruby-align:center}rt{font-size:.5em;font-weight:400;color:#4b5563}body.mode-dark rt{color:#9ca3af}.question-section{height:47%;display:block;padding-top:0}.question-intro{font-size:15px;font-weight:700;background:#ecfdf5;color:#065f46;border:1.5px solid #a7f3d0;border-radius:5px;padding:12px 6px;margin-left:28px;display:inline-block;vertical-align:top;white-space:nowrap}body.mode-dark .question-intro{background:#34d3991a;border-color:#34d3994d;color:#34d399}.questions-container{display:inline-block;vertical-align:top;height:100%;width:calc(100% - 80px)}.question-item{display:inline-block;vertical-align:top;margin-left:36px;height:100%;max-width:200px}.q-number{font-size:20px;font-weight:700;color:#059669;display:block;margin-bottom:2px}body.mode-dark .q-number{color:#34d399}.q-text-area{display:block}.q-text{font-size:17px;line-height:1.8;color:#1f2937;display:block}body.mode-dark .q-text{color:#cbd5e1}.answer-box{width:88px;height:310px;border:2px solid #4b5563;border-radius:6px;margin-top:0;margin-left:45px;display:block;position:relative;background:#fafafa}body.mode-dark .answer-box{border-color:#fff6;background:#ffffff08}.answer-title-area{border-bottom:2px solid #059669;padding-bottom:8px;margin-bottom:16px;display:block}body.mode-dark .answer-title-area{border-bottom-color:#34d399}.answer-header-title{font-size:22px;font-weight:700;color:#065f46;margin-top:8px}body.mode-dark .answer-header-title{color:#34d399}.answer-sheet-body{height:80%;display:block}.answer-item{display:inline-block;vertical-align:top;width:250px;margin-left:35px;border-left:1.5px dashed #cbd5e1;padding-left:20px;height:100%}body.mode-dark .answer-item{border-left-color:#ffffff1a}.answer-item:last-child{border-left:none;padding-left:0}.ans-q-text{font-size:14px;color:#64748b;margin-bottom:10px;line-height:1.6;display:block}body.mode-dark .ans-q-text{color:#94a3b8}.ans-correct-area{display:block;margin-bottom:12px}.ans-label{font-size:11px;background:#fecdd3;color:#9f1239;padding:2px 6px;border-radius:4px;margin-top:6px;display:block;width:fit-content;font-weight:700}body.mode-dark .ans-label{background:#f43f5e33;color:#fda4af}.ans-correct{font-size:21px;font-weight:700;color:#be123c;letter-spacing:1.5px;display:block}body.mode-dark .ans-correct{color:#fb7185}.ans-explanation{font-size:14px;line-height:1.8;color:#374151;display:block}body.mode-dark .ans-explanation{color:#cbd5e1}.ans-explanation-title{font-weight:700;color:#059669;margin-bottom:6px;display:block}body.mode-dark .ans-explanation-title{color:#34d399}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html.reading-active,body.reading-active{background:#fff!important;width:297mm;height:210mm}.no-print{display:none!important}.app-container{padding:0!important;gap:0!important}.sheet{width:297mm;height:210mm;max-width:none;aspect-ratio:auto;padding:10mm 15mm 5mm;border-radius:0;box-shadow:none;border:none;page-break-after:always;break-after:page;background:#fff!important;color:#000!important}.sheet:last-child{page-break-after:avoid;break-after:avoid}.story-title{color:#111827!important}.story-text,.q-text{color:#1f2937!important}.ans-correct{color:#be123c!important}.ans-explanation{color:#374151!important}.answer-box{border-color:#4b5563!important;background:#fafafa!important}.story-section{border-bottom-color:#a7f3d0!important}.story-title-area{border-left-color:#e2e8f0!important}.answer-item{border-left-color:#cbd5e1!important}.question-intro{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#065f46!important}rt{color:#4b5563!important}}