.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ql-toolbar{border-color:#e5e7eb!important;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background:#f9fafb}.ql-container{border-color:#e5e7eb!important;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-family:Figtree,sans-serif;font-size:14px}.ql-container:focus-within{border-color:#10b981!important;box-shadow:0 0 0 4px #10b9811a}.ql-editor{min-height:200px}.ql-editor.ql-blank:before{color:#9ca3af;font-style:normal}.login-wrapper[data-v-2750ee9c]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;position:relative;overflow:hidden;font-family:Figtree,system-ui,-apple-system,sans-serif}.bg-decoration[data-v-2750ee9c]{position:absolute;border-radius:50%;opacity:.1;z-index:0;pointer-events:none}.bg-circle-1[data-v-2750ee9c]{width:400px;height:400px;background:#10b981;top:-100px;right:-100px;animation:float-2750ee9c 8s ease-in-out infinite}.bg-circle-2[data-v-2750ee9c]{width:300px;height:300px;background:#06b6d4;bottom:-50px;left:-50px;animation:float-2750ee9c 10s ease-in-out infinite reverse}.bg-gradient[data-v-2750ee9c]{width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-2750ee9c 6s ease-in-out infinite}@keyframes float-2750ee9c{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes pulse-2750ee9c{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1.1)}}.login-container[data-v-2750ee9c]{position:relative;z-index:1;width:100%;max-width:420px;animation:slideUp-2750ee9c .5s ease-out}@keyframes slideUp-2750ee9c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-2750ee9c]{text-align:center;margin-bottom:32px}.logo-wrapper[data-v-2750ee9c]{display:flex;justify-content:center;margin-bottom:16px}.logo-icon[data-v-2750ee9c]{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 10px 25px -5px #10b9814d;animation:bounce-2750ee9c 2s ease-in-out infinite}@keyframes bounce-2750ee9c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-title[data-v-2750ee9c]{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.025em}.login-subtitle[data-v-2750ee9c]{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.login-form-wrapper[data-v-2750ee9c]{background:#fff;border-radius:20px;padding:32px;box-shadow:0 1px 3px #0000001a,0 10px 40px -10px #00000026;border:1px solid rgba(226,232,240,.8)}.message[data-v-2750ee9c]{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:20px;animation:fadeIn-2750ee9c .3s ease-out}@keyframes fadeIn-2750ee9c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-success[data-v-2750ee9c]{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.message-error[data-v-2750ee9c]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.login-form[data-v-2750ee9c]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-2750ee9c]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-2750ee9c]{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.form-input[data-v-2750ee9c]{width:90%;padding:12px 16px;font-size:15px;color:#1f2937;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease;outline:none}.form-input[data-v-2750ee9c]::placeholder{color:#9ca3af}.form-input[data-v-2750ee9c]:hover{border-color:#d1d5db}.form-input[data-v-2750ee9c]:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b9811a}.form-input.input-error[data-v-2750ee9c]{border-color:#ef4444;background:#fef2f2}.form-input.input-error[data-v-2750ee9c]:focus{box-shadow:0 0 0 4px #ef44441a}.error-text[data-v-2750ee9c]{font-size:13px;color:#dc2626;font-weight:500;margin-top:4px}.form-options[data-v-2750ee9c]{display:flex;align-items:center}.checkbox-wrapper[data-v-2750ee9c]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input[data-v-2750ee9c]{width:18px;height:18px;accent-color:#10b981;cursor:pointer;margin-right:8px}.checkbox-label[data-v-2750ee9c]{font-size:14px;color:#4b5563}.checkbox-label[data-v-2750ee9c]:hover{color:#1f2937}.btn-submit[data-v-2750ee9c]{width:100%;padding:14px 20px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-submit[data-v-2750ee9c]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 10px 25px -5px #10b98166}.btn-submit[data-v-2750ee9c]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-2750ee9c]:disabled{opacity:.7;cursor:not-allowed}.btn-loading[data-v-2750ee9c]{display:flex;align-items:center;gap:8px}.spinner[data-v-2750ee9c]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-2750ee9c .8s linear infinite}@keyframes spin-2750ee9c{to{transform:rotate(360deg)}}.demo-credentials[data-v-2750ee9c]{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;text-align:center}.demo-label[data-v-2750ee9c]{font-size:13px;color:#6b7280;margin-right:4px}.demo-credentials code[data-v-2750ee9c]{font-size:13px;color:#374151;background:#f3f4f6;padding:4px 8px;border-radius:6px;font-family:JetBrains Mono,monospace}.login-footer[data-v-2750ee9c]{text-align:center;margin-top:24px}.back-link[data-v-2750ee9c]{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;text-decoration:none;transition:color .2s ease}.back-link[data-v-2750ee9c]:hover{color:#10b981}.back-icon[data-v-2750ee9c]{font-size:16px;transition:transform .2s ease}.back-link:hover .back-icon[data-v-2750ee9c]{transform:translate(-3px)}@media(max-width:480px){.login-wrapper[data-v-2750ee9c]{padding:16px}.login-form-wrapper[data-v-2750ee9c]{padding:24px 20px}.login-title[data-v-2750ee9c]{font-size:22px}.logo-icon[data-v-2750ee9c]{width:64px;height:64px;font-size:28px}.bg-circle-1[data-v-2750ee9c]{width:250px;height:250px}.bg-circle-2[data-v-2750ee9c]{width:200px;height:200px}}@media(prefers-color-scheme:dark){.login-wrapper[data-v-2750ee9c]{background:linear-gradient(135deg,#0f172a,#1e293b)}.login-form-wrapper[data-v-2750ee9c]{background:#1f2937;border-color:#4b556380;box-shadow:0 1px 3px #0000004d,0 10px 40px -10px #0006}.login-title[data-v-2750ee9c]{color:#f9fafb}.login-subtitle[data-v-2750ee9c]{color:#9ca3af}.form-label[data-v-2750ee9c]{color:#e5e7eb}.form-input[data-v-2750ee9c]{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input[data-v-2750ee9c]::placeholder{color:#6b7280}.form-input[data-v-2750ee9c]:hover{border-color:#6b7280}.form-input[data-v-2750ee9c]:focus{border-color:#10b981;background:#1f2937}.checkbox-label[data-v-2750ee9c]{color:#d1d5db}.checkbox-label[data-v-2750ee9c]:hover{color:#f9fafb}.demo-credentials code[data-v-2750ee9c]{background:#374151;color:#e5e7eb}.demo-label[data-v-2750ee9c],.back-link[data-v-2750ee9c]{color:#9ca3af}.back-link[data-v-2750ee9c]:hover{color:#10b981}}.biodata-container[data-v-fb6795a9]{position:relative;width:100%;height:100vh;overflow:hidden}.bg-desk[data-v-fb6795a9]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:brightness(1.05)}.biodata-panel[data-v-fb6795a9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:1200px;max-height:88vh;background-color:#f9d5c2;border-radius:28px;padding:40px 50px;box-shadow:0 10px 30px #00000040;z-index:5;display:flex;gap:40px;align-items:flex-start;text-align:left;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;opacity:0;animation:fadeInUp-fb6795a9 1s ease-out forwards;overflow-y:auto;-webkit-overflow-scrolling:touch}.photo-wrapper[data-v-fb6795a9]{flex-shrink:0;border:5px solid #d8a88e;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #00000026}.photo[data-v-fb6795a9]{width:260px;height:auto;display:block}.info-text[data-v-fb6795a9]{flex:1;color:#2a2a2a;font-size:1.3rem}.info-text p[data-v-fb6795a9]{margin:0 0 18px}.info-text strong[data-v-fb6795a9]{font-size:1.4rem}.divider[data-v-fb6795a9]{height:2px;background:linear-gradient(to right,transparent,#d8a88e,transparent);margin:28px 0}.nav-buttons[data-v-fb6795a9]{position:absolute;top:24px;right:24px;display:flex;gap:16px;z-index:10}.nav-button[data-v-fb6795a9]{background:none;border:none;cursor:pointer;padding:12px;transition:transform .25s ease,filter .2s ease;outline:none;border-radius:12px}.nav-button[data-v-fb6795a9]:hover{transform:scale(1.12);background-color:#ffffff40}.nav-button img[data-v-fb6795a9]{width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}@keyframes fadeInUp-fb6795a9{0%{opacity:0;transform:translate(-50%,-40%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:992px){.biodata-panel[data-v-fb6795a9]{flex-direction:column;padding:30px 24px;width:95%;max-width:900px}.photo-wrapper[data-v-fb6795a9]{align-self:center;margin-bottom:24px}.photo[data-v-fb6795a9]{width:200px}.info-text[data-v-fb6795a9]{font-size:1.15rem;text-align:center}.nav-buttons[data-v-fb6795a9]{gap:12px}.nav-button img[data-v-fb6795a9]{width:65px}}@media(max-width:480px){.biodata-panel[data-v-fb6795a9]{padding:20px 16px;width:96%;max-width:100%}.photo[data-v-fb6795a9]{width:160px}.info-text[data-v-fb6795a9]{font-size:1rem;line-height:1.6}.info-text p[data-v-fb6795a9]{margin-bottom:14px}.info-text strong[data-v-fb6795a9]{font-size:1.15rem}.divider[data-v-fb6795a9]{margin:20px 0}.nav-buttons[data-v-fb6795a9]{top:16px;right:16px;gap:10px}.nav-button img[data-v-fb6795a9]{width:50px}.nav-button[data-v-fb6795a9]{padding:8px}}.home-container[data-v-a6381eb7]{position:relative;width:100%;height:100vh;overflow:hidden}.layer-bg[data-v-a6381eb7]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.4s ease-out;transform-origin:center top;will-change:transform,filter}.layer-bg.zoomed[data-v-a6381eb7]{transform:scale(1.8) translateY(-40%) translateZ(0);filter:blur(1px) brightness(1.1)}.book-base[data-v-a6381eb7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1800px;z-index:2}@keyframes sway-a6381eb7{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px) rotate(-2deg)}}.cloud[data-v-a6381eb7]{position:absolute;top:20px;width:400px;opacity:.9;z-index:6}.cloud-left[data-v-a6381eb7]{left:20px;animation:floatCloud-a6381eb7 3s infinite ease-in-out}.cloud-right[data-v-a6381eb7]{right:20px;transform:scaleX(-1);animation:floatCloudRight-a6381eb7 3s infinite ease-in-out;animation-delay:2s}@keyframes floatCloud-a6381eb7{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatCloudRight-a6381eb7{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-10px)}}.plant-left[data-v-a6381eb7],.plant-right[data-v-a6381eb7]{position:absolute;bottom:-200px;width:400px;z-index:5;animation:sway-a6381eb7 2s infinite ease-in-out;transform-origin:bottom center}.plant-left[data-v-a6381eb7]{left:-50px}.plant-right[data-v-a6381eb7]{right:-50px}.tower[data-v-a6381eb7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:450px;z-index:4}.banner-overlay[data-v-a6381eb7]{position:absolute;top:45%;left:50%;transform:translate(-50%);width:90%;max-width:900px;z-index:5}.subject[data-v-a6381eb7]{position:absolute;top:70%;left:50%;transform:translate(-50%);width:60%;max-width:300px;z-index:6}.play-button[data-v-a6381eb7]{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;outline:none;z-index:7}.play-button img[data-v-a6381eb7]{width:40%;transition:transform .3s ease}.play-button:hover img[data-v-a6381eb7]{transform:scale(1.1)}.menu-button[data-v-a6381eb7]{position:absolute;top:10%;left:50%;width:10%;transform:translate(-50%);border:none;padding:8px 20px;border-radius:20px;font-weight:700;cursor:pointer;z-index:10;animation:fadeIn-a6381eb7 7s ease-out}.menu-button[data-v-a6381eb7]:hover{transform:translate(-50%) scale(1.05)}.floating-leaf[data-v-a6381eb7]{position:absolute;width:40px;animation:float-a6381eb7 5s infinite ease-in-out;z-index:5}@keyframes float-a6381eb7{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.floating-leaf[data-v-a6381eb7]:nth-child(1){left:5%;top:20%;animation-delay:0s}.floating-leaf[data-v-a6381eb7]:nth-child(2){left:85%;top:15%;animation-delay:1s}.floating-leaf[data-v-a6381eb7]:nth-child(3){left:15%;top:60%;animation-delay:2s}.floating-leaf[data-v-a6381eb7]:nth-child(4){left:90%;top:70%;animation-delay:3s}.floating-leaf[data-v-a6381eb7]:nth-child(5){left:50%;top:10%;animation-delay:4s}.book-container[data-v-a6381eb7]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:4;transform-style:preserve-3d;perspective:1000px;will-change:transform,opacity;backface-visibility:hidden}.book-container.closing[data-v-a6381eb7],.floating-leaf.closing[data-v-a6381eb7],.cloud.closing[data-v-a6381eb7]{animation:closeBook-a6381eb7 1.2s cubic-bezier(.22,.61,.36,1) forwards;transform:translateZ(0)}@keyframes closeBook-a6381eb7{0%{transform:scale(1) rotateY(0) translateZ(0);opacity:1}to{transform:scale(.3) rotateY(20deg) translateZ(45px);opacity:0}}.book-cover[data-v-a6381eb7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:90%;max-width:300px;z-index:6;animation:popIn-a6381eb7 3s ease-out}@keyframes popIn-a6381eb7{0%{transform:translate(-50%,-50%) scale(.5) rotateY(10deg);opacity:0}80%{transform:translate(-50%,-50%) scale(1) rotateY(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.inline-menu[data-v-a6381eb7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;z-index:8;white-space:nowrap;width:calc(100% - 40px);max-width:1200px}.menu-item[data-v-a6381eb7]{position:relative;flex:1;min-width:320px;max-width:480px;height:150px;border:none;background:none;cursor:pointer;outline:none;animation:fadeIn-a6381eb7 3s ease-out}.menu-item[data-v-a6381eb7]:hover{transform:scale(1.03)}.menu-item img[data-v-a6381eb7]{width:100%;height:100%;object-fit:contain;display:block}.menu-item span[data-v-a6381eb7]{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.7rem;text-shadow:0 2px 5px rgba(0,0,0,.9);pointer-events:none;width:50%;text-align:center;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@keyframes fadeIn-a6381eb7{0%{opacity:0}to{opacity:1}}.layer-bg.zoomed.panning[data-v-a6381eb7]{animation:panSmooth-a6381eb7 3s ease-out forwards}@keyframes panSmooth-a6381eb7{0%{transform:scale(1.8) translateY(-35%)}to{transform:scale(1.8) translateY(-55%)}}.menu-title[data-v-a6381eb7]{position:absolute;top:20%;left:50%;transform:translate(-50%);background-color:#fff;color:#383838;font-weight:700;font-size:3rem;padding:8px 24px;border-radius:8px;box-shadow:0 2px 6px #00000026;z-index:9;white-space:nowrap;text-align:center;animation:fadeIn-a6381eb7 3s ease-out}@media(max-width:768px){.inline-menu[data-v-a6381eb7]{flex-direction:column;gap:12px;width:90%;max-width:300px;left:50%;top:45%;transform:translate(-50%,-50%);overflow:visible;padding:0}.menu-item[data-v-a6381eb7]{min-width:100%;max-width:none;height:80px}.menu-item span[data-v-a6381eb7]{font-size:1.2rem;top:35%}.menu-title[data-v-a6381eb7]{top:5%;font-size:2.4rem;padding:6px 16px}.plant-left[data-v-a6381eb7],.plant-right[data-v-a6381eb7]{width:200px;bottom:-150px}.play-button img[data-v-a6381eb7]{width:200px;height:auto}.play-button[data-v-a6381eb7]{padding:12px}.cloud[data-v-a6381eb7]{width:240px;top:10px}.cloud-left[data-v-a6381eb7]{left:10px}.cloud-right[data-v-a6381eb7]{right:10px}.menu-button[data-v-a6381eb7]{width:100px;padding:12px;top:8%}.menu-button[data-v-a6381eb7]:hover{transform:translate(-50%) scale(1.1)}}.materi-container[data-v-8b36dfa8]{position:relative;width:100%;height:100vh;overflow:hidden}.bg-desk[data-v-8b36dfa8]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.menu-title[data-v-8b36dfa8]{position:absolute;top:20%;left:50%;transform:translate(-50%);background-color:#fff;color:#383838;font-weight:700;font-size:3rem;padding:8px 24px;border-radius:8px;box-shadow:0 2px 6px #00000026;z-index:9;white-space:nowrap;text-align:center;animation:fadeIn-8b36dfa8 3s ease-out}.inline-menu[data-v-8b36dfa8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;z-index:8;white-space:nowrap;width:calc(100% - 40px);max-width:1200px}.menu-item[data-v-8b36dfa8]{position:relative;flex:1;min-width:320px;max-width:480px;height:150px;border:none;background:none;cursor:pointer;outline:none;animation:fadeIn-8b36dfa8 3s ease-out}.menu-item[data-v-8b36dfa8]:hover{transform:scale(1.03)}.menu-item img[data-v-8b36dfa8]{width:100%;height:100%;object-fit:contain;display:block}.menu-item span[data-v-8b36dfa8]{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.7rem;text-shadow:0 2px 5px rgba(0,0,0,.9);pointer-events:none;width:50%;text-align:center;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@keyframes fadeIn-8b36dfa8{0%{opacity:0}to{opacity:1}}.nav-buttons[data-v-8b36dfa8]{position:absolute;top:24px;right:24px;display:flex;gap:16px;z-index:10}.nav-button[data-v-8b36dfa8]{background:none;border:none;cursor:pointer;padding:12px;transition:transform .25s ease;outline:none;border-radius:12px}.nav-button[data-v-8b36dfa8]:hover{transform:scale(1.1);background-color:#ffffff40}.nav-button img[data-v-8b36dfa8]{width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}@media(max-width:768px){.inline-menu[data-v-8b36dfa8]{flex-direction:column;gap:12px;align-items:center;top:65%}.menu-item[data-v-8b36dfa8]{min-width:280px;max-width:90vw;height:100px}.menu-item span[data-v-8b36dfa8]{font-size:1.3rem;top:35%}.menu-title[data-v-8b36dfa8]{font-size:1.8rem;padding:6px 16px;top:20%}.nav-button img[data-v-8b36dfa8]{width:60px}}.materi-container[data-v-7539aeac]{position:relative;width:100%;height:100vh;overflow:hidden}.bg-desk[data-v-7539aeac]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:brightness(1.05)}.book-frame[data-v-7539aeac]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:900px;height:80vh;z-index:5}.book-cover[data-v-7539aeac]{width:100%;height:100%;object-fit:contain;display:block}.book-content[data-v-7539aeac]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;perspective:2000px}.page[data-v-7539aeac]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:60px 80px 40px;box-sizing:border-box;transform-origin:center center;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .8s cubic-bezier(.645,.045,.355,1)}.page.flip-next[data-v-7539aeac]{animation:flipToNext-7539aeac .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipToNext-7539aeac{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(-180deg);opacity:0}}.page.flip-prev[data-v-7539aeac]{animation:flipToPrev-7539aeac .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipToPrev-7539aeac{0%{transform:rotateY(-180deg);opacity:0}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(0);opacity:1}}.illustration[data-v-7539aeac]{width:100%;max-width:600px;height:auto;max-height:45%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.illustration img[data-v-7539aeac]{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000026}.text-box[data-v-7539aeac]{width:100%;max-width:650px;background-image:url(/images/image35.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px 40px;font-size:1rem;line-height:1.6;color:#333;max-height:35%;overflow-y:auto;border-radius:4px}.text-box p[data-v-7539aeac]{margin:0;text-align:justify}.nav-buttons[data-v-7539aeac]{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;width:900px;max-width:90vw;z-index:10}.nav-button[data-v-7539aeac]{background:none;border:none;cursor:pointer;padding:8px;transition:transform .2s ease,opacity .2s ease;outline:none}.nav-button[data-v-7539aeac]:hover:not(:disabled){transform:scale(1.1)}.nav-button[data-v-7539aeac]:disabled{opacity:.3;cursor:not-allowed}.nav-button img[data-v-7539aeac]{width:100px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.book-info-sidebar[data-v-7539aeac]{position:absolute;top:45%;right:40px;transform:translateY(-50%);z-index:10;width:220px}.book-cover-card[data-v-7539aeac]{background:#fffffff2;border-radius:12px;padding:16px;box-shadow:0 6px 20px #00000026;border:3px solid #8b4513}.cover-image[data-v-7539aeac]{width:100%;height:230px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 8px #0000001a}.cover-image img[data-v-7539aeac]{width:100%;height:100%;object-fit:cover}.no-cover[data-v-7539aeac]{font-size:4rem;color:#999}.book-source[data-v-7539aeac]{text-align:center;padding:8px}.source-label[data-v-7539aeac]{font-size:.85rem;font-weight:700;color:#8b4513;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.source-text[data-v-7539aeac]{font-size:.9rem;color:#333;margin:0;line-height:1.4;font-style:italic}.nav-top-right[data-v-7539aeac]{position:absolute;top:24px;right:24px;display:flex;gap:10px;z-index:15}.nav-top-right .nav-button[data-v-7539aeac]{padding:12px}.nav-top-right .nav-button img[data-v-7539aeac]{width:50px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}@media(max-width:1200px){.book-frame[data-v-7539aeac]{width:60%}.book-info-sidebar[data-v-7539aeac]{width:180px;right:20px}.cover-image[data-v-7539aeac]{height:220px}}@media(max-width:768px){.book-frame[data-v-7539aeac]{width:95%;height:65vh}.page[data-v-7539aeac]{padding:40px 30px 30px}.illustration[data-v-7539aeac]{max-height:35%;margin-bottom:15px}.text-box[data-v-7539aeac]{font-size:.9rem;padding:15px 25px;max-height:30%}.nav-button img[data-v-7539aeac]{width:45px}.book-info-sidebar[data-v-7539aeac]{display:none}.nav-top-right[data-v-7539aeac]{top:16px;right:16px;gap:8px}.nav-top-right .nav-button img[data-v-7539aeac]{width:45px}}.text-box[data-v-7539aeac]::-webkit-scrollbar{width:6px}.text-box[data-v-7539aeac]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.text-box[data-v-7539aeac]::-webkit-scrollbar-thumb{background:#8b451366;border-radius:3px}.text-box[data-v-7539aeac]::-webkit-scrollbar-thumb:hover{background:#8b451399}.materi-container[data-v-1893ba9f]{position:relative;width:100%;height:100vh;overflow:hidden}.bg-desk[data-v-1893ba9f]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.menu-title[data-v-1893ba9f]{position:absolute;top:18%;left:50%;transform:translate(-50%);background-color:#fff;color:#383838;font-weight:700;font-size:3rem;padding:8px 24px;border-radius:8px;box-shadow:0 2px 6px #00000026;z-index:9;white-space:nowrap;text-align:center;animation:fadeIn-1893ba9f 1.5s ease-out}.book-frame[data-v-1893ba9f]{position:absolute;top:48%;left:50%;transform:translate(-50%);width:90%;max-width:800px;height:45%;z-index:8;overflow-y:auto;overflow-x:hidden;padding:10px;box-sizing:border-box;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.materi-grid[data-v-1893ba9f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%}.materi-card[data-v-1893ba9f]{background:#ffffffeb;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;border:2px solid #8b4513;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.materi-card[data-v-1893ba9f]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000002e}.thumbnail[data-v-1893ba9f]{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.thumbnail img[data-v-1893ba9f]{width:100%;height:100%;object-fit:cover}.no-thumbnail[data-v-1893ba9f]{font-size:2rem;color:#aaa}.judul[data-v-1893ba9f]{font-size:.95rem;font-weight:600;color:#333;padding:8px 6px;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-frame[data-v-1893ba9f]::-webkit-scrollbar{width:6px}.book-frame[data-v-1893ba9f]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.book-frame[data-v-1893ba9f]::-webkit-scrollbar-thumb{background:#8b451380;border-radius:3px}.book-frame[data-v-1893ba9f]::-webkit-scrollbar-thumb:hover{background:#8b4513b3}.flip-book-view[data-v-1893ba9f]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-frame-flip[data-v-1893ba9f]{position:relative;width:70%;max-width:900px;height:80vh}.book-cover[data-v-1893ba9f]{width:100%;height:100%;object-fit:contain;display:block}.book-content[data-v-1893ba9f]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;perspective:2000px}.page[data-v-1893ba9f]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:60px 80px 40px;box-sizing:border-box;transform-origin:center center;transform-style:preserve-3d;backface-visibility:hidden}.page.flip-next[data-v-1893ba9f]{animation:flipToNext-1893ba9f .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipToNext-1893ba9f{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(-180deg);opacity:0}}.page.flip-prev[data-v-1893ba9f]{animation:flipToPrev-1893ba9f .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipToPrev-1893ba9f{0%{transform:rotateY(-180deg);opacity:0}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(0);opacity:1}}.illustration[data-v-1893ba9f]{width:100%;max-width:660px;max-height:67%;display:flex;justify-content:center;align-items:center;margin-bottom:16px;margin-top:-52px;overflow:hidden;border-radius:20px}.illustration img[data-v-1893ba9f]{width:100%;height:auto;display:block}.text-box[data-v-1893ba9f]{width:80%;max-width:650px;padding:20px 40px;font-size:1rem;line-height:1.6;color:#333;max-height:35%;overflow-y:auto;border-radius:4px}.text-box p[data-v-1893ba9f]{margin:0;text-align:justify}.text-box[data-v-1893ba9f]::-webkit-scrollbar{width:6px}.text-box[data-v-1893ba9f]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.text-box[data-v-1893ba9f]::-webkit-scrollbar-thumb{background:#8b451366;border-radius:3px}.text-box[data-v-1893ba9f]::-webkit-scrollbar-thumb:hover{background:#8b451399}.book-info-sidebar[data-v-1893ba9f]{position:absolute;top:45%;right:40px;transform:translateY(-50%);z-index:10;width:220px}.book-cover-card[data-v-1893ba9f]{position:relative;background:#fffffff2;border-radius:12px;padding:16px;box-shadow:0 6px 20px #00000026;border:3px solid #8b4513}.cover-tooltip[data-v-1893ba9f]{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#222;color:#fff;padding:10px 14px;border-radius:8px;font-size:.85rem;line-height:1.4;z-index:30;margin-top:0;box-shadow:0 4px 10px #00000040;width:max-content;max-width:280px;max-height:120px;overflow-y:auto;overflow-x:hidden;white-space:normal;word-wrap:break-word;text-align:left}.cover-tooltip[data-v-1893ba9f]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#222}.cover-tooltip div[data-v-1893ba9f]{margin:0;padding:0}.cover-tooltip p[data-v-1893ba9f]{margin:0 0 8px;line-height:1.4}.cover-tooltip p[data-v-1893ba9f]:last-child{margin-bottom:0}.cover-tooltip[data-v-1893ba9f]::-webkit-scrollbar{width:6px}.cover-tooltip[data-v-1893ba9f]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.cover-tooltip[data-v-1893ba9f]::-webkit-scrollbar-thumb{background:#fff6;border-radius:3px}.cover-tooltip[data-v-1893ba9f]::-webkit-scrollbar-thumb:hover{background:#fff9}.cover-image[data-v-1893ba9f]{width:100%;height:230px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 8px #0000001a}.cover-image img[data-v-1893ba9f]{width:100%;height:100%;object-fit:cover}.no-cover[data-v-1893ba9f]{font-size:4rem;color:#999}.book-source[data-v-1893ba9f]{text-align:center;padding:8px}.source-label[data-v-1893ba9f]{font-size:.85rem;font-weight:700;color:#8b4513;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.source-text[data-v-1893ba9f]{font-size:.9rem;color:#333;margin:0;line-height:1.4;font-style:italic;max-height:70px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.nav-buttons-bottom[data-v-1893ba9f]{position:absolute;bottom:70px;display:flex;gap:30px;z-index:10}.nav-buttons-bottom .nav-button[data-v-1893ba9f]{background:none;border:none;cursor:pointer;padding:8px;transition:transform .2s ease,opacity .2s ease;outline:none}.nav-buttons-bottom .nav-button[data-v-1893ba9f]:hover:not(:disabled){transform:scale(1.1)}.nav-buttons-bottom .nav-button[data-v-1893ba9f]:disabled{opacity:.3;cursor:not-allowed}.nav-buttons-bottom .nav-button img[data-v-1893ba9f]{width:100px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.back-to-list-btn[data-v-1893ba9f]{position:absolute;top:20px;left:20px;background:#c9521b;border:2px solid #5a2f0f;border-radius:12px;padding:14px 24px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;z-index:15;transition:all .25s ease;box-shadow:0 4px 8px #0003}.back-to-list-btn[data-v-1893ba9f]:hover{background:sienna;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.nav-buttons[data-v-1893ba9f]{position:absolute;top:24px;right:24px;display:flex;gap:16px;z-index:10}.nav-button[data-v-1893ba9f]{background:none;border:none;cursor:pointer;padding:12px;transition:transform .25s ease;outline:none;border-radius:12px}.nav-button[data-v-1893ba9f]:hover{transform:scale(1.1);background-color:#ffffff40}.nav-button img[data-v-1893ba9f]{width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.book-enter-from[data-v-1893ba9f],.book-leave-to[data-v-1893ba9f]{opacity:0;transform:scale(.8)}.book-enter-active[data-v-1893ba9f],.book-leave-active[data-v-1893ba9f]{transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;width:100%;height:100%}.book-enter-to[data-v-1893ba9f]{opacity:1;transform:scale(1)}@keyframes fadeIn-1893ba9f{0%{opacity:0}to{opacity:1}}.plant-left[data-v-1893ba9f],.plant-right[data-v-1893ba9f]{position:absolute;bottom:-200px;width:400px;z-index:5;animation:sway-1893ba9f 2s infinite ease-in-out;transform-origin:bottom center}.plant-left[data-v-1893ba9f]{left:-50px}.plant-right[data-v-1893ba9f]{right:-50px}@keyframes sway-1893ba9f{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px) rotate(-2deg)}}@media(max-width:768px){.plant-left[data-v-1893ba9f],.plant-right[data-v-1893ba9f]{width:200px;bottom:-150px}.menu-title[data-v-1893ba9f]{top:22%;font-size:2rem;padding:6px 16px}.book-frame[data-v-1893ba9f]{top:38%;height:52%;padding:8px}.materi-grid[data-v-1893ba9f]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.thumbnail[data-v-1893ba9f]{height:80px}.judul[data-v-1893ba9f]{font-size:.85rem;padding:6px 4px}.nav-button img[data-v-1893ba9f],.nav-buttons-bottom .nav-button img[data-v-1893ba9f]{width:60px}.book-frame-flip[data-v-1893ba9f]{width:95%;height:70vh}.page[data-v-1893ba9f]{padding:25px 16px;justify-content:flex-start;align-items:center;gap:0}.illustration[data-v-1893ba9f]{max-height:48%;margin-top:90px;margin-bottom:2px;border-radius:16px}.text-box[data-v-1893ba9f]{font-size:.92rem;padding:16px 20px;max-height:10%;width:92%;max-width:none;margin-top:0}.book-info-sidebar[data-v-1893ba9f]{display:none}}.materi-container[data-v-ffbde21d]{position:relative;width:100%;height:100vh;overflow:hidden}.bg-desk[data-v-ffbde21d]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.menu-title[data-v-ffbde21d]{position:absolute;top:18%;left:50%;transform:translate(-50%);background-color:#fff;color:#383838;font-weight:700;font-size:3rem;padding:8px 24px;border-radius:8px;box-shadow:0 2px 6px #00000026;z-index:9;white-space:nowrap;text-align:center;animation:fadeIn-ffbde21d 1.5s ease-out}.book-frame[data-v-ffbde21d]{position:absolute;top:48%;left:50%;transform:translate(-50%);width:90%;max-width:800px;height:45%;z-index:8;overflow-y:auto;overflow-x:hidden;padding:10px;box-sizing:border-box;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.materi-grid[data-v-ffbde21d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%}.materi-card[data-v-ffbde21d]{background:#ffffffeb;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;border:2px solid #8b4513;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.materi-card[data-v-ffbde21d]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000002e}.thumbnail[data-v-ffbde21d]{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.thumbnail img[data-v-ffbde21d]{width:100%;height:100%;object-fit:cover}.no-thumbnail[data-v-ffbde21d]{font-size:2rem;color:#aaa}.judul[data-v-ffbde21d]{font-size:.95rem;font-weight:600;color:#333;padding:8px 6px;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-frame[data-v-ffbde21d]::-webkit-scrollbar{width:6px}.book-frame[data-v-ffbde21d]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.book-frame[data-v-ffbde21d]::-webkit-scrollbar-thumb{background:#8b451380;border-radius:3px}.book-frame[data-v-ffbde21d]::-webkit-scrollbar-thumb:hover{background:#8b4513b3}.flip-book-view[data-v-ffbde21d]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-frame-flip[data-v-ffbde21d]{position:relative;width:70%;max-width:900px;height:80vh}.book-cover[data-v-ffbde21d]{width:100%;height:100%;object-fit:contain;display:block}.book-content[data-v-ffbde21d]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;perspective:2000px}.page[data-v-ffbde21d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:60px 80px 40px;box-sizing:border-box;transform-origin:center center;transform-style:preserve-3d;backface-visibility:hidden}.page.flip-next[data-v-ffbde21d]{animation:flipToNext-ffbde21d .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipToNext-ffbde21d{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(-180deg);opacity:0}}.page.flip-prev[data-v-ffbde21d]{animation:flipToPrev-ffbde21d .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipToPrev-ffbde21d{0%{transform:rotateY(-180deg);opacity:0}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(0);opacity:1}}.illustration[data-v-ffbde21d]{width:100%;max-width:660px;max-height:67%;display:flex;justify-content:center;align-items:center;margin-bottom:16px;margin-top:-52px;overflow:hidden;border-radius:20px;cursor:zoom-in}.illustration img[data-v-ffbde21d]{width:100%;height:auto;display:block}.text-box[data-v-ffbde21d]{width:80%;max-width:650px;padding:20px 40px;font-size:1rem;line-height:1.6;color:#333;max-height:35%;overflow-y:auto;border-radius:4px}.text-box p[data-v-ffbde21d]{margin:0;text-align:justify}.text-box[data-v-ffbde21d]::-webkit-scrollbar{width:6px}.text-box[data-v-ffbde21d]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.text-box[data-v-ffbde21d]::-webkit-scrollbar-thumb{background:#8b451366;border-radius:3px}.text-box[data-v-ffbde21d]::-webkit-scrollbar-thumb:hover{background:#8b451399}.book-info-sidebar[data-v-ffbde21d]{position:absolute;top:45%;right:40px;transform:translateY(-50%);z-index:10;width:220px}.book-cover-card[data-v-ffbde21d]{position:relative;background:#fffffff2;border-radius:12px;padding:16px;box-shadow:0 6px 20px #00000026;border:3px solid #8b4513}.cover-tooltip[data-v-ffbde21d]{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#222;color:#fff;padding:10px 14px;border-radius:8px;font-size:.85rem;line-height:1.4;z-index:30;margin-top:0;box-shadow:0 4px 10px #00000040;width:max-content;max-width:280px;max-height:120px;overflow-y:auto;overflow-x:hidden;white-space:normal;word-wrap:break-word;text-align:left}.cover-tooltip[data-v-ffbde21d]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#222}.cover-tooltip div[data-v-ffbde21d]{margin:0;padding:0}.cover-tooltip p[data-v-ffbde21d]{margin:0 0 8px;line-height:1.4}.cover-tooltip p[data-v-ffbde21d]:last-child{margin-bottom:0}.cover-tooltip[data-v-ffbde21d]::-webkit-scrollbar{width:6px}.cover-tooltip[data-v-ffbde21d]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.cover-tooltip[data-v-ffbde21d]::-webkit-scrollbar-thumb{background:#fff6;border-radius:3px}.cover-tooltip[data-v-ffbde21d]::-webkit-scrollbar-thumb:hover{background:#fff9}.cover-image[data-v-ffbde21d]{width:100%;height:230px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 8px #0000001a}.cover-image img[data-v-ffbde21d]{width:100%;height:100%;object-fit:cover}.no-cover[data-v-ffbde21d]{font-size:4rem;color:#999}.book-source[data-v-ffbde21d]{text-align:center;padding:8px}.source-label[data-v-ffbde21d]{font-size:.85rem;font-weight:700;color:#8b4513;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.source-text[data-v-ffbde21d]{font-size:.9rem;color:#333;margin:0;line-height:1.4;font-style:italic;max-height:70px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.back-to-list-btn[data-v-ffbde21d]{position:absolute;top:20px;left:20px;background:#c9521b;border:2px solid #5a2f0f;border-radius:12px;padding:14px 24px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;z-index:15;transition:all .25s ease;box-shadow:0 4px 8px #0003}.back-to-list-btn[data-v-ffbde21d]:hover{background:sienna;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.nav-buttons[data-v-ffbde21d]{position:absolute;top:24px;right:24px;display:flex;gap:16px;z-index:10}.nav-button[data-v-ffbde21d]{background:none;border:none;cursor:pointer;padding:12px;transition:transform .25s ease;outline:none;border-radius:12px}.nav-button[data-v-ffbde21d]:hover{transform:scale(1.1);background-color:#ffffff40}.nav-button img[data-v-ffbde21d]{width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.book-enter-from[data-v-ffbde21d],.book-leave-to[data-v-ffbde21d]{opacity:0;transform:scale(.8)}.book-enter-active[data-v-ffbde21d],.book-leave-active[data-v-ffbde21d]{transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;width:100%;height:100%}.book-enter-to[data-v-ffbde21d]{opacity:1;transform:scale(1)}@keyframes fadeIn-ffbde21d{0%{opacity:0}to{opacity:1}}.plant-left[data-v-ffbde21d],.plant-right[data-v-ffbde21d]{position:absolute;bottom:-200px;width:400px;z-index:5;animation:sway-ffbde21d 2s infinite ease-in-out;transform-origin:bottom center}.plant-left[data-v-ffbde21d]{left:-50px}.plant-right[data-v-ffbde21d]{right:-50px}@keyframes sway-ffbde21d{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px) rotate(-2deg)}}@media(max-width:768px){.plant-left[data-v-ffbde21d],.plant-right[data-v-ffbde21d]{width:200px;bottom:-150px}.menu-title[data-v-ffbde21d]{top:22%;font-size:2rem;padding:6px 16px}.book-frame[data-v-ffbde21d]{top:38%;height:52%;padding:8px}.materi-grid[data-v-ffbde21d]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.thumbnail[data-v-ffbde21d]{height:80px}.judul[data-v-ffbde21d]{font-size:.85rem;padding:6px 4px}.nav-button img[data-v-ffbde21d]{width:60px}.book-frame-flip[data-v-ffbde21d]{width:95%;height:70vh}.page[data-v-ffbde21d]{padding:25px 16px;justify-content:flex-start;align-items:center}.illustration[data-v-ffbde21d]{max-height:48%;margin-top:90px;margin-bottom:2px;border-radius:16px;cursor:default}.text-box[data-v-ffbde21d]{font-size:.92rem;padding:16px 20px;max-height:10%;width:92%;max-width:none;margin-top:0}.book-info-sidebar[data-v-ffbde21d]{display:none}}.petunjuk-container[data-v-f55f9812]{position:relative;width:100%;height:100vh;overflow:hidden}.bg-desk[data-v-f55f9812]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:brightness(1.05)}.petunjuk-panel[data-v-f55f9812]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1100px;max-height:88vh;background-color:#ffd2b4eb;border-radius:24px;padding:40px;box-shadow:0 8px 25px #00000040;z-index:5;text-align:center;opacity:0;animation:fadeInUp-f55f9812 1s ease-out forwards;overflow-y:auto;-webkit-overflow-scrolling:touch}.title[data-v-f55f9812]{font-size:3rem;color:#444;margin-bottom:30px;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.1)}.guide-grid[data-v-f55f9812]{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:25px}.guide-item[data-v-f55f9812]{display:flex;align-items:center;gap:20px;background:#ffffffd9;padding:22px;border-radius:16px;box-shadow:0 4px 12px #00000014;text-align:left;transition:transform .25s ease;font-size:1.25rem}.guide-item[data-v-f55f9812]:hover{transform:translateY(-4px);background:#fffffff2}.icon[data-v-f55f9812]{width:64px;height:64px;object-fit:contain;flex-shrink:0}.back-button[data-v-f55f9812]{position:absolute;top:5%;right:30px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;background-color:#fffc;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;z-index:6}.back-button[data-v-f55f9812]:hover{transform:scale(1.05);background-color:#fff}.back-button img[data-v-f55f9812]{width:80px}@keyframes fadeInUp-f55f9812{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.petunjuk-panel[data-v-f55f9812]{width:94%;max-width:900px;max-height:85vh;padding:30px 20px}.title[data-v-f55f9812]{font-size:2.2rem;margin-bottom:24px}.guide-grid[data-v-f55f9812]{grid-template-columns:1fr;gap:20px}.guide-item[data-v-f55f9812]{padding:18px;font-size:1.1rem;gap:16px}.icon[data-v-f55f9812]{width:56px;height:56px}.back-button[data-v-f55f9812]{top:16px;right:16px;padding:8px}.back-button img[data-v-f55f9812]{width:60px}}@media(max-width:480px){.petunjuk-panel[data-v-f55f9812]{width:96%;max-height:82vh;padding:24px 16px}.title[data-v-f55f9812]{font-size:1.8rem;margin-bottom:20px}.guide-item[data-v-f55f9812]{padding:16px;font-size:1rem;gap:14px}.icon[data-v-f55f9812]{width:50px;height:50px}.back-button[data-v-f55f9812]{top:12px;right:12px}.back-button img[data-v-f55f9812]{width:50px}}.volume-control[data-v-02b93e95]{position:fixed;bottom:20px;right:20px;background:#0009;color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:background .2s}.volume-control[data-v-02b93e95]:hover{background:#000c}