.page-module__pRI2oq__container{flex-direction:column;gap:30px;max-width:1200px;margin:100px auto 40px;padding:20px;display:flex}.page-module__pRI2oq__headerPanel{text-align:center;border-bottom:2px double var(--color-gold,#d49b2a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110f0e66;border-radius:4px;margin-bottom:10px;padding:30px 20px}.page-module__pRI2oq__headerPanel h1{font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:var(--color-gold,#d49b2a);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:2.8rem;font-weight:700}.page-module__pRI2oq__headerPanel p{color:#e2ddd5;letter-spacing:1px;opacity:.9;max-width:600px;margin:0 auto;font-size:1rem}.page-module__pRI2oq__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;display:flex}.page-module__pRI2oq__progressBarContainer{background:#ffffff0d;border:1px solid #d49b2a4d;border-radius:5px;flex-grow:1;max-width:400px;height:10px;overflow:hidden}.page-module__pRI2oq__progressBarFill{background:linear-gradient(90deg,#d49b2a,#e5b842);width:20%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.page-module__pRI2oq__resetBtn{color:#e2ddd5;cursor:pointer;text-transform:uppercase;background:0 0;border:1px dashed #736e67;border-radius:4px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.page-module__pRI2oq__resetBtn:hover{color:#b83c25;background:#b83c250d;border-color:#b83c25}.page-module__pRI2oq__storybook{background:#110f0e;border:12px solid #2d241c;border-radius:8px;width:100%;height:580px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.page-module__pRI2oq__storybookPage{cursor:pointer;background-color:#fdfbf7;border-right:2px solid #110f0e26;flex-direction:column;flex:1;min-width:80px;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.page-module__pRI2oq__storybookPage:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#00000026 0%,#0000 100%);width:10px;height:100%;position:absolute;top:0;left:0}.page-module__pRI2oq__storybookPage:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(270deg,#00000014 0%,#0000 100%);width:10px;height:100%;position:absolute;top:0;right:0}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__active{cursor:default;background-color:#fdfbf7;flex:4}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__locked{filter:sepia(.3)contrast(.9)brightness(.85);background-color:#f5efeb}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__locked:after{content:"";pointer-events:none;z-index:10;background:#0000000a;position:absolute;inset:0}.page-module__pRI2oq__pageWrapper{flex-direction:column;justify-content:space-between;height:100%;padding:30px;display:flex;overflow-y:auto}.page-module__pRI2oq__storybookPage:not(.page-module__pRI2oq__active) .page-module__pRI2oq__pageWrapper{justify-content:flex-start;align-items:center;gap:20px;padding:20px 10px;overflow:hidden}.page-module__pRI2oq__closedHeader{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:#221f1e;letter-spacing:2px;white-space:nowrap;justify-content:center;align-items:center;gap:15px;height:100%;font-size:1.25rem;font-weight:700;display:flex}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__active .page-module__pRI2oq__closedHeader,.page-module__pRI2oq__storybookPage:not(.page-module__pRI2oq__active) .page-module__pRI2oq__openContent{display:none}.page-module__pRI2oq__openContent{flex-direction:column;gap:20px;height:100%;animation:.5s forwards page-module__pRI2oq__fadeIn;display:flex}@keyframes page-module__pRI2oq__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-module__pRI2oq__pageHeader{border-bottom:1px solid #d49b2a4d;justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.page-module__pRI2oq__chapterNum{font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:#b83c25;letter-spacing:1px;text-transform:uppercase;font-size:1.1rem;font-weight:700}.page-module__pRI2oq__taskDifficulty{letter-spacing:1px;text-transform:uppercase;border-radius:2px;padding:3px 8px;font-size:.75rem;font-weight:700}.page-module__pRI2oq__diffEasy{color:#2e7d32;background:#2e7d321a;border:1px solid #2e7d3233}.page-module__pRI2oq__diffMedium{color:#d49b2a;background:#d49b2a1a;border:1px solid #d49b2a33}.page-module__pRI2oq__diffHard{color:#b83c25;background:#b83c251a;border:1px solid #b83c2533}.page-module__pRI2oq__taskTitle{font-family:var(--font-serif,"Playfair Display", Georgia, serif);color:#221f1e;margin-top:5px;font-size:1.8rem;font-weight:800}.page-module__pRI2oq__taskDetailsGrid{flex-grow:1;grid-template-columns:1.2fr 1fr;gap:25px;display:grid;overflow-y:auto}.page-module__pRI2oq__detailsLeft{flex-direction:column;gap:15px;display:flex}.page-module__pRI2oq__taskDesc{color:#3e3835;font-size:.95rem;line-height:1.6}.page-module__pRI2oq__culturalContext{background-color:#f5efeb;border-left:3px solid #d49b2a;border-radius:0 4px 4px 0;margin-top:10px;padding:18px 15px 15px;position:relative}.page-module__pRI2oq__culturalContext:after{content:"Bối cảnh văn hóa";color:#d49b2a;letter-spacing:.5px;background:#fdfbf7;border:1px solid #d49b2a4d;border-radius:2px;padding:0 8px;font-size:.75rem;font-weight:700;position:absolute;top:-9px;left:15px}.page-module__pRI2oq__culturalText{color:#5a524e;font-size:.85rem;font-style:italic;line-height:1.5}.page-module__pRI2oq__requirementBox{background-color:#b83c2505;border:1px dashed #b83c2566;border-radius:4px;padding:12px 15px}.page-module__pRI2oq__reqLabel{color:#b83c25;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:700}.page-module__pRI2oq__reqText{color:#221f1e;font-size:.85rem}.page-module__pRI2oq__detailsRight{flex-direction:column;gap:15px;height:100%;display:flex}.page-module__pRI2oq__polaroidFrame{background:#fff;border:1px solid #0000000f;flex-direction:column;gap:10px;padding:12px 12px 25px;transition:transform .3s;display:flex;transform:rotate(-1.5deg);box-shadow:0 8px 20px #00000014}.page-module__pRI2oq__polaroidFrame:hover{transform:rotate(0)scale(1.02)}.page-module__pRI2oq__polaroidImage{object-fit:cover;filter:sepia(.15)contrast(1.05);border:1px solid #ddd;width:100%;height:200px}.page-module__pRI2oq__polaroidCaption{font-family:var(--font-serif,"Playfair Display", Georgia, serif);text-align:center;color:#736e67;font-size:.85rem;font-weight:600}.page-module__pRI2oq__actionContainer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.page-module__pRI2oq__completeBtn{color:#fdfbf7;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-align:center;background-color:#b83c25;border:none;border-radius:4px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #b83c254d}.page-module__pRI2oq__completeBtn:hover{background-color:#9e2f1a;transform:translateY(-2px);box-shadow:0 6px 15px #b83c2566}.page-module__pRI2oq__completeBtn.page-module__pRI2oq__done{cursor:default;background-color:#2e7d32;transform:none;box-shadow:0 4px 10px #2e7d3233}.page-module__pRI2oq__closedIndicator{color:#d49b2a;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__locked .page-module__pRI2oq__closedIndicator{color:#736e67}.page-module__pRI2oq__pageDot{color:#110f0e;width:24px;height:24px;font-family:var(--font-serif,"Playfair Display", Georgia, serif);background:#d49b2a;border:2px solid #221f1e;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__locked .page-module__pRI2oq__pageDot{color:#736e67;background:#e2ddd5;border-color:#736e67}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__completed .page-module__pRI2oq__pageDot{color:#fdfbf7;background:#2e7d32}.page-module__pRI2oq__lockStamp{color:#736e67;text-transform:uppercase;letter-spacing:.5px;border:1px solid #736e67;border-radius:3px;margin-top:10px;padding:2px 6px;font-size:.75rem;font-weight:700}@media (max-width:768px){.page-module__pRI2oq__container{margin-top:60px}.page-module__pRI2oq__headerPanel h1{font-size:2rem}.page-module__pRI2oq__storybook{height:auto;box-shadow:none;background:0 0;border:none;flex-direction:column;gap:15px}.page-module__pRI2oq__storybookPage{border:3px solid #2d241c;border-radius:8px;flex:none;height:auto;min-height:70px;box-shadow:0 4px 15px #0000004d}.page-module__pRI2oq__storybookPage.page-module__pRI2oq__active{min-height:480px}.page-module__pRI2oq__storybookPage:not(.page-module__pRI2oq__active) .page-module__pRI2oq__pageWrapper{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;overflow:visible}.page-module__pRI2oq__closedHeader{writing-mode:horizontal-tb;letter-spacing:1px;flex-direction:row;gap:12px;height:auto;font-size:1.05rem}.page-module__pRI2oq__taskDetailsGrid{grid-template-columns:1fr}.page-module__pRI2oq__polaroidFrame,.page-module__pRI2oq__polaroidFrame:hover{transform:none}}