:root{--notebook-bg: #fffdfa;--notebook-line: #d8e5f2;--notebook-margin: #fca5a5;--notebook-shadow: rgba(44, 62, 80, .15);--ink-color: #1a1e24;--ink-blue: #1e3a8a;--ink-red: #b91c1c;--ink-purple: #6b21a8;--ink-green: #15803d;--hl-yellow: #fef08a;--hl-cyan: #a5f3fc;--hl-pink: #fbcfe8;--hl-green: #bbf7d0;--hl-orange: #fed7aa;--hl-purple: #e9d5ff;--box-yellow: #fef9c3;--box-blue: #e0f2fe;--box-green: #dcfce7;--box-pink: #ffe4e6;--box-purple: #f3e8ff;--box-border: #1e293b;--box-shadow-color: #0f172a;--font-hand: "Patrick Hand", "Architects Daughter", "Comic Neue", cursive, sans-serif;--font-heading: "Permanent Marker", "Fredoka", "Comic Neue", cursive, sans-serif;--font-sketch: "Cabin Sketch", "Patrick Hand", cursive, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--spread-max-width: 1650px;--spread-min-width: 1050px;--single-max-width: 920px;--single-min-width: 320px;--bookmark-desk-padding-right: 95px;--bookmark-desk-padding-left: 25px;--bookmark-tab-offset: -52px;--bookmark-tab-top: 32px;--bookmark-tab-width: 60px;--bookmark-tab-height: 48px;--bookmark-tab-gap: 8px;--bookmark-tab-padding: 6px 8px;--bookmark-font-size: 14px;--bookmark-hover-width: 70px;--bookmark-active-width: 75px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-hand);font-size:19px;line-height:28px;color:var(--ink-color);background-color:#e2e8f0;background-image:radial-gradient(#94a3b8 .75px,transparent .75px),radial-gradient(#94a3b8 .75px,#e2e8f0 .75px);background-size:30px 30px;background-position:0 0,15px 15px;min-height:100vh;padding:10px 0 30px;overflow-x:auto}.system-toolbar{position:sticky;top:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #cbd5e1;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 8px #0000000f}.toolbar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.15rem;color:#1e293b}.toolbar-brand .brand-badge{background:#facc15;color:#000;padding:2px 8px;border-radius:4px;font-size:.8rem;border:1.5px solid #000;box-shadow:2px 2px #000;text-transform:uppercase}.toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-tool{background:#fff;border:1.5px solid #334155;border-radius:6px;padding:5px 10px;font-family:var(--font-hand);font-size:15px;font-weight:700;color:#1e293b;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:2px 2px #334155;transition:all .1s ease}.btn-tool:hover{background:#f8fafc;transform:translate(-1px,-1px);box-shadow:3px 3px #334155}.btn-tool:active,.btn-tool.active{transform:translate(1px,1px);box-shadow:1px 1px #334155;background:#fef08a}.topic-select{font-family:var(--font-hand);font-size:15px;font-weight:700;padding:5px 8px;border-radius:6px;border:1.5px solid #334155;background:#fff;box-shadow:2px 2px #334155;cursor:pointer}.search-box{position:relative;display:flex;align-items:center;gap:4px}.search-input{font-family:var(--font-hand);font-size:15px;padding:5px 10px 5px 28px;border-radius:6px;border:1.5px solid #334155;width:175px;transition:width .2s ease,border-color .2s ease;background:#fff}.search-input:focus{width:220px;outline:none;border-color:#2563eb}.search-icon{position:absolute;left:8px;cursor:pointer;font-size:13px;color:#64748b;-webkit-user-select:none;user-select:none;transition:transform .15s ease;z-index:2}.search-icon:hover{transform:scale(1.15);color:#2563eb}.search-nav-controls{display:flex;align-items:center;gap:3px;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;padding:2px 4px;animation:searchFadeIn .2s ease}@keyframes searchFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.search-count-badge{font-family:var(--font-hand),system-ui,sans-serif;font-size:11px;font-weight:800;background:#ffedd5;color:#c2410c;border:1px solid #fdba74;padding:2px 7px;border-radius:12px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.search-count-badge:hover{background:#fed7aa;color:#9a3412;transform:scale(1.04)}.search-nav-btn,.search-clear-btn{background:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;padding:2px 6px;font-size:10px;font-weight:700;color:#475569;line-height:1.2;transition:all .15s ease;-webkit-user-select:none;user-select:none}.search-nav-btn:hover,.search-clear-btn:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.search-clear-btn{color:#ef4444;font-size:11px}.search-clear-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.search-results-panel{position:absolute;top:calc(100% + 8px);right:0;width:390px;max-width:92vw;background:#fff;border:2px solid #1e293b;border-radius:10px;box-shadow:0 12px 32px -4px #0f172a59,0 4px 10px -2px #0f172a1a;z-index:2000;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-hand),system-ui,sans-serif;animation:searchSlideDown .18s ease}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f5f9;border-bottom:2px solid #e2e8f0}.search-results-title{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:.2px}.search-results-close{background:transparent;border:none;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.search-results-close:hover{background:#e2e8f0;color:#0f172a}.search-results-list{max-height:380px;overflow-y:auto;padding:8px}.search-result-item{padding:8px 10px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;margin-bottom:6px;cursor:pointer;transition:all .15s ease}.search-result-item:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.search-result-item.active-page{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1.5px #3b82f6}.search-res-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.search-res-page-badge{background:#2563eb;color:#fff;font-size:11px;font-weight:800;padding:1px 7px;border-radius:12px;white-space:nowrap}.search-res-ch-name{font-size:12.5px;font-weight:700;color:#1e293b;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-res-match-tag{font-size:11px;font-weight:700;color:#c2410c;background:#ffedd5;padding:1px 6px;border-radius:8px;white-space:nowrap}.search-res-snippet{font-size:12px;color:#475569;line-height:1.4;word-break:break-word}.search-res-snippet mark{background:#fed7aa;color:#9a3412;font-weight:800;padding:0 2px;border-radius:2px}.notebook-desk{width:100%;max-width:var(--spread-max-width, 1650px);min-width:var(--spread-min-width, 1050px);margin:16px auto;padding-left:var(--bookmark-desk-padding-left, 25px);padding-right:var(--bookmark-desk-padding-right, 95px);box-sizing:border-box;display:flex;position:relative;transition:max-width .25s ease}@media (max-width: 1100px){.notebook-desk{min-width:auto!important}}body.mode-single .notebook-desk,.notebook-desk.mode-single{max-width:var(--single-max-width, 920px)!important;min-width:var(--single-min-width, 320px)!important}.notebook-binder{display:flex;width:100%;position:relative;background:#475569;padding:10px;border-radius:16px;box-shadow:0 20px 35px -5px #0000004d,0 10px 15px -5px #0003,inset 0 0 10px #00000080;transition:padding .2s ease}body.mode-single .notebook-binder,.notebook-desk.mode-single .notebook-binder{max-width:var(--single-max-width, 920px)!important;margin:0 auto}.binder-spine{position:absolute;left:50%;top:0;bottom:0;width:24px;transform:translate(-50%);z-index:50;background:linear-gradient(to right,#0000002e,#00000005 20%,#fff6,#00000005 80%,#0000002e);box-shadow:0 0 10px #00000040;pointer-events:none}body.mode-single .binder-spine,.notebook-desk.mode-single .binder-spine,.mode-single .binder-spine{display:none!important}.notebook-spread{display:flex;width:100%;gap:4px;position:relative}.notebook-page{flex:1;width:100%;min-height:840px;background-color:var(--notebook-bg);background-image:repeating-linear-gradient(transparent,transparent 27px,var(--notebook-line) 28px);background-position:0 6px;position:relative;border-radius:6px;padding:30px 35px 50px 75px;box-shadow:inset 0 0 15px #0000000a,0 4px 6px #0000000d;overflow:hidden;box-sizing:border-box}.page-left{border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:inset -10px 0 15px -8px #0000001f}.page-right{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:inset 10px 0 15px -8px #0000001f}body.mode-single .page-right,.notebook-desk.mode-single .page-right{display:none!important}body.mode-single .page-left,.notebook-desk.mode-single .page-left{width:100%!important;flex:1 1 100%!important;border-radius:12px!important;box-shadow:0 4px 20px #0000001f!important}body.mode-single .hole-punch,.notebook-desk.mode-single .hole-punch{left:18px!important;right:auto!important}body.mode-single .page-badge,.notebook-desk.mode-single .page-badge{right:28px!important;left:auto!important;transform:rotate(1deg)}body.mode-single .page-footer-tag,.notebook-desk.mode-single .page-footer-tag{left:75px!important;right:auto!important}.page-left:before,.page-right:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--notebook-margin);z-index:5}.page-left:before{left:55px}.page-right:before{left:55px}body.mode-single .page-left:before{left:55px!important}.hole-punch{position:absolute;width:14px;height:14px;background:#334155;border-radius:50%;box-shadow:inset 1px 1px 3px #000000b3,1px 1px 1px #fff3;z-index:10}.page-left .hole-punch{right:12px}.page-right .hole-punch{left:12px}.hole-punch.top{top:60px}.hole-punch.middle{top:50%;transform:translateY(-50%)}.hole-punch.bottom{bottom:60px}.page-badge{position:absolute;bottom:12px;background:#facc15;color:#000;font-family:var(--font-heading);font-size:18px;font-weight:900;padding:2px 14px;border-radius:4px;border:2px solid #000;box-shadow:2px 2px #000;transform:rotate(-2deg);z-index:20}.page-left .page-badge{left:30px}.page-right .page-badge{right:30px;transform:rotate(2deg)}.page-footer-tag{position:absolute;bottom:16px;font-family:var(--font-hand);font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px}.page-left .page-footer-tag{right:35px}.page-right .page-footer-tag{left:75px}.notebook-tabs{position:absolute;top:var(--bookmark-tab-top, 24px);right:var(--bookmark-tab-offset, -52px);display:flex;flex-direction:column;gap:var(--bookmark-tab-gap, 4px);max-height:calc(100% - 40px);overflow-y:auto;scrollbar-width:none;z-index:100}.notebook-tabs::-webkit-scrollbar{display:none}.tab-item{width:var(--bookmark-tab-width, 60px);height:var(--bookmark-tab-height, 48px);padding:var(--bookmark-tab-padding, 6px 8px);font-size:var(--bookmark-font-size, 14px);border-top-right-radius:8px;border-bottom-right-radius:8px;border:2px solid #0f172a;border-left:none;font-family:var(--font-heading);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:3px 2px 5px #0003;transition:all .15s ease;-webkit-user-select:none;user-select:none;color:#0f172a;font-weight:700}.tab-item:hover{width:var(--bookmark-hover-width, 70px)}.tab-item.active{width:var(--bookmark-active-width, 75px);box-shadow:4px 3px 6px #0000004d;font-weight:900}.tab-c0{background:#fed7aa}.tab-c1{background:#fef08a}.tab-c2{background:#bae6fd}.tab-c3{background:#bbf7d0}.tab-c4{background:#fbcfe8}.tab-c5{background:#fed7aa}.tab-c6{background:#ddd6fe}.tab-quiz{background:#a7f3d0}.chapter-header{text-align:center;margin-bottom:22px;position:relative}.chapter-top-row{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}.chapter-word{font-family:Patrick Hand,Architects Daughter,cursive;font-style:italic;font-size:2.8rem;font-weight:700;color:#0284c7;letter-spacing:.5px;transform:rotate(-2deg);display:inline-block;text-shadow:none}.chapter-number-3d{font-family:Fredoka,Permanent Marker,cursive,sans-serif;font-size:3.2rem;font-weight:900;line-height:1;background:#facc15;color:#0f172a;border:3.5px solid #0f172a;box-shadow:5px 5px #0284c7;border-radius:8px;padding:2px 14px;display:inline-block;transform:rotate(-1deg)}.doodle-atom{font-size:2.2rem;color:#ef4444;display:inline-block;animation:pulse-star 3s infinite ease-in-out;-webkit-user-select:none;user-select:none}.doodle-atom.blue-atom{color:#0284c7}.doodle-star{font-size:2rem;color:#eab308;display:inline-block;animation:pulse-star 2.5s infinite ease-in-out;-webkit-user-select:none;user-select:none}.chapter-title-hatched,.chapter-title{font-family:Fredericka the Great,Cabin Sketch,serif;font-size:2.85rem;line-height:1.15;text-transform:uppercase;letter-spacing:2.5px;color:#0a0d14;-webkit-text-fill-color:initial;text-shadow:none;margin:10px 0;position:relative;display:block}.sketch-title{color:#0a0d14!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}.wavy-ribbon-thick,.wavy-ribbon{display:block;width:100%;max-width:480px;height:16px;margin:6px auto;background-repeat:repeat-x;background-size:28px 16px;background-image:url("data:image/svg+xml,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 C7 0 7 16 14 8 C21 0 21 16 28 8' stroke='%23facc15' stroke-width='5.5' stroke-linecap='round'/%3E%3C/svg%3E")}.wavy-ribbon-thick-cyan,.wavy-ribbon-cyan{background-image:url("data:image/svg+xml,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 C7 0 7 16 14 8 C21 0 21 16 28 8' stroke='%2338bdf8' stroke-width='5.5' stroke-linecap='round'/%3E%3C/svg%3E")}.wavy-ribbon-thick-pink,.wavy-ribbon-pink{background-image:url("data:image/svg+xml,%3Csvg width='28' height='16' viewBox='0 0 28 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8 C7 0 7 16 14 8 C21 0 21 16 28 8' stroke='%23f43f5e' stroke-width='5.5' stroke-linecap='round'/%3E%3C/svg%3E")}.section-title{font-family:var(--font-heading);font-size:1.45rem;color:#b91c1c;margin:18px 0 8px;display:inline-flex;align-items:center;gap:8px}.section-title.blue{color:#1e40af}.section-title.purple{color:#6b21a8}.section-title.green{color:#065f46}mark.hl-yellow,.highlight-yellow{background-color:var(--hl-yellow);padding:1px 4px;border-radius:3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl-cyan,.highlight-cyan{background-color:var(--hl-cyan);padding:1px 4px;border-radius:3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl-pink,.highlight-pink{background-color:var(--hl-pink);padding:1px 4px;border-radius:3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl-green,.highlight-green{background-color:var(--hl-green);padding:1px 4px;border-radius:3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl-purple,.highlight-purple{background-color:var(--hl-purple);padding:1px 4px;border-radius:3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl-orange,.highlight-orange{background-color:var(--hl-orange);padding:1px 4px;border-radius:3px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.pen-underline{border-bottom:2.5px solid #2563eb;padding-bottom:1px}.pen-underline-pink{border-bottom:2.5px solid #ec4899;padding-bottom:1px}.pen-underline-yellow{border-bottom:3.5px solid #eab308;padding-bottom:1px}.circled-term{border:2px solid #0284c7;border-radius:48% 52% 56% 44%/44% 56%;padding:1px 6px;display:inline-block;transform:rotate(-1deg)}.note-box-3d{position:relative;margin:18px 0;padding:14px 18px;border:2.5px solid var(--box-border);border-radius:4px;font-size:18px;line-height:26px;box-shadow:5px 5px 0 var(--box-shadow-color);transition:transform .15s ease,box-shadow .15s ease}.note-box-3d:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--box-shadow-color)}.box-yellow{background:var(--box-yellow)}.box-blue{background:var(--box-blue)}.box-green{background:var(--box-green)}.box-pink{background:var(--box-pink)}.box-purple{background:var(--box-purple)}.box-term-title{font-family:var(--font-heading);font-size:1.15rem;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.washi-tape{position:absolute;top:-12px;left:24px;width:70px;height:20px;background:#ffffffb3;border-left:1px dashed rgba(0,0,0,.15);border-right:1px dashed rgba(0,0,0,.15);box-shadow:0 1px 3px #0000001a;transform:rotate(-3deg);z-index:5;pointer-events:none}.washi-tape-right{left:auto;right:24px;transform:rotate(4deg)}.box-etymology{position:relative;margin:18px 0;padding:14px 18px;border:2.5px dashed #f43f5e;border-radius:8px;background:#fff1f2}.box-etymology .origin-badge{font-family:var(--font-heading);font-size:.95rem;color:#be123c;display:inline-block;margin-bottom:4px}.box-whiteboard{position:relative;margin:18px 0;padding:16px 20px;border:3px solid #334155;border-radius:6px;background:#f8fafc;box-shadow:4px 4px #94a3b8}.box-whiteboard .board-header{font-family:var(--font-heading);color:#0f172a;border-bottom:2px dashed #cbd5e1;padding-bottom:6px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.notebook-list{list-style:none;margin:10px 0;padding-left:0}.notebook-list li{position:relative;padding-left:28px;margin-bottom:8px}.notebook-list li:before{content:"■";position:absolute;left:6px;color:#84cc16;font-size:14px}.notebook-list.cyan-bullets li:before{color:#06b6d4}.notebook-list.pink-bullets li:before{color:#ec4899}.notebook-numbered{list-style:none;margin:12px 0;padding-left:0}.notebook-numbered li{position:relative;padding-left:36px;margin-bottom:12px}.num-badge{position:absolute;left:0;top:1px;background:#facc15;color:#000;font-family:var(--font-heading);font-size:14px;font-weight:900;width:24px;height:24px;border-radius:4px;border:1.5px solid #000;box-shadow:1px 1px #000;display:flex;align-items:center;justify-content:center}.hand-table-wrapper{margin:18px 0;overflow-x:auto}.hand-table{width:100%;border-collapse:separate;border-spacing:0;border:2.5px solid #0f172a;border-radius:6px;overflow:hidden;box-shadow:4px 4px #0f172a;background:#fff}.hand-table th{background:#fef08a;font-family:var(--font-heading);font-size:16px;text-transform:uppercase;padding:8px 12px;border-bottom:2px solid #0f172a;border-right:1.5px solid #cbd5e1;text-align:left}.hand-table td{padding:8px 12px;border-bottom:1px solid #e2e8f0;border-right:1.5px solid #cbd5e1;font-size:17px}.hand-table tr:last-child td{border-bottom:none}.hand-table th:last-child,.hand-table td:last-child{border-right:none}.hand-table tr:nth-child(2n){background:#f8fafc}.quiz-header{text-align:center;margin:10px 0 20px;position:relative}.quiz-header-banner{display:inline-block;background:#fff;border:3.5px solid #84cc16;border-radius:12px;padding:6px 24px;font-family:var(--font-heading);font-size:2.2rem;color:#ef4444;text-shadow:2px 2px 0 #fecdd3;box-shadow:3px 3px #4d7c0f;transform:rotate(-1deg)}.quiz-answers-banner{border-color:#84cc16;color:#ef4444;transform:rotate(1deg)}.quiz-container{display:flex;flex-direction:column;gap:14px;margin-top:15px}.quiz-card{position:relative;padding:10px 14px 10px 42px;background:#ffffffb3;border:1.5px solid #cbd5e1;border-radius:6px;transition:all .15s ease}.quiz-card:hover{background:#fff;border-color:#94a3b8;box-shadow:2px 2px 5px #0000000d}.quiz-card .q-badge{position:absolute;left:10px;top:10px;background:#facc15;color:#000;font-family:var(--font-heading);font-size:15px;font-weight:900;width:24px;height:24px;border-radius:4px;border:1.5px solid #000;box-shadow:1px 1px #000;display:flex;align-items:center;justify-content:center}.quiz-card .q-question{font-weight:700;margin-bottom:6px;color:#0f172a}.reveal-answer-btn{background:#e0f2fe;border:1.5px solid #0284c7;border-radius:4px;padding:4px 10px;font-family:var(--font-hand);font-size:15px;font-weight:700;color:#0369a1;cursor:pointer;box-shadow:1px 1px #0284c7;transition:all .1s}.reveal-answer-btn:hover{background:#bae6fd}.answer-content{display:none;margin-top:8px;padding:8px 12px;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:4px;color:#14532d;font-size:17px;animation:fadeIn .2s ease-in-out}.answer-content.show{display:block}.answers-nav-arrow{display:inline-flex;align-items:center;gap:6px;background:#84cc16;color:#000;font-family:var(--font-heading);font-size:15px;padding:4px 14px 4px 18px;border-radius:4px;border:2px solid #000;box-shadow:2px 2px #000;cursor:pointer;clip-path:polygon(0% 0%,82% 0%,100% 50%,82% 100%,0% 100%);transition:transform .15s}.answers-nav-arrow:hover{transform:translate(4px)}.notebook-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:0 10px}.nav-page-btn{background:#f8fafc;border:2px solid #1e293b;border-radius:8px;padding:8px 18px;font-family:var(--font-heading);font-size:16px;color:#0f172a;cursor:pointer;box-shadow:3px 3px #1e293b;display:flex;align-items:center;gap:8px;transition:all .1s ease}.nav-page-btn:hover{background:#fef08a;transform:translate(-1px,-1px);box-shadow:4px 4px #1e293b}.nav-page-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #1e293b}.nav-page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:2px 2px #1e293b}.nav-page-indicator{font-family:var(--font-heading);font-size:17px;color:#334155;background:#fff;border:2px solid #cbd5e1;padding:4px 14px;border-radius:20px}.pen-active-yellow,.pen-active-pink,.pen-active-cyan,.pen-active-green,.pen-active-purple,.pen-active-orange,.pen-active-eraser{cursor:crosshair}.pen-active-eraser mark[data-highlight-id]{cursor:pointer;outline:1px dashed rgba(239,68,68,.6);transition:all .15s ease}.pen-active-eraser mark[data-highlight-id]:hover{background-color:#fca5a5!important;color:#7f1d1d!important;text-decoration:line-through;outline:2px dashed #ef4444!important}.btn-hl-picker{padding:4px 8px;font-size:16px;min-width:34px;height:32px;justify-content:center;line-height:1}.btn-tool.active{box-shadow:inset 0 2px 4px #0003,0 0 0 2px #2563eb!important;transform:translateY(1px)}.btn-hl-picker.active{box-shadow:inset 0 2px 4px #0000004d,0 0 0 2.5px #0f172a!important;transform:scale(.96) translateY(1px)}.user-dropdown-container{position:relative;display:inline-block}.user-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:2px solid #0f172a;border-radius:8px;box-shadow:4px 4px #0f172a;min-width:210px;padding:8px 0;z-index:1000;display:none;animation:popIn .15s ease-out}.user-dropdown-menu.show{display:block}.user-dropdown-header{padding:6px 14px 8px;display:flex;flex-direction:column;gap:2px}.user-dropdown-name{font-family:var(--font-heading);font-size:14px;font-weight:900;color:#0f172a}.user-dropdown-email{font-family:var(--font-hand);font-size:12.5px;color:#64748b;word-break:break-all}.user-dropdown-divider{height:1.5px;background:#e2e8f0;margin:4px 0}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 14px;background:none;border:none;font-family:var(--font-hand);font-size:14.5px;font-weight:700;color:#1e293b;text-align:left;cursor:pointer;transition:all .12s ease}.user-dropdown-item:hover{background:#f1f5f9;color:#2563eb}.user-dropdown-item.logout-item:hover{background:#fee2e2;color:#dc2626}.sticky-note{position:absolute;width:170px;min-height:120px;padding:10px;background:#fef08a;border:1px solid #eab308;box-shadow:3px 3px 8px #0000002e;font-family:var(--font-hand);font-size:15px;line-height:20px;color:#713f12;z-index:200;cursor:grab;transform:rotate(-2deg);transition:box-shadow .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.sticky-note.dragging{cursor:grabbing!important;z-index:999!important;box-shadow:6px 12px 24px #00000040!important;transform:rotate(0) scale(1.02)!important}.sticky-editable{outline:none;min-height:80px;-webkit-user-select:text;user-select:text;cursor:text}.sticky-editable:empty:before{content:attr(data-placeholder);color:#a16207;opacity:.55;pointer-events:none;font-style:italic}.sticky-note .tape{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:50px;height:14px;background:#ffffffb3;box-shadow:0 1px 2px #0000001a}.sticky-note .close-sticky{position:absolute;top:4px;right:6px;background:none;border:none;font-size:14px;cursor:pointer;color:#854d0e}.search-matched{background-color:#f97316!important;color:#fff!important;padding:1px 4px!important;border-radius:3px!important;font-weight:700!important;display:inline!important;box-shadow:0 1px 2px #00000040!important;text-shadow:0 1px 1px rgba(0,0,0,.25)!important;transition:background-color .2s ease,outline .2s ease}.search-matched.current-focus{background-color:#dc2626!important;outline:2px solid #fef08a!important;box-shadow:0 0 10px #dc2626b3!important}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s ease}.auth-modal-overlay.active{opacity:1;pointer-events:auto}.auth-modal-card{position:relative;background:#fff;background-image:repeating-linear-gradient(transparent,transparent 27px,#e2e8f0 28px);border:3px solid #0f172a;border-radius:12px;box-shadow:10px 10px #0f172ad9;width:420px;max-width:92vw;padding:34px 28px 26px;box-sizing:border-box;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}.auth-modal-card .washi-tape.tape-top{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-1deg);width:130px;height:26px;background:#fef08ad9;border-left:2px dashed rgba(202,138,4,.6);border-right:2px dashed rgba(202,138,4,.6);box-shadow:0 2px 4px #0000001f}.auth-modal-card .modal-close{position:absolute;top:10px;right:14px;background:#f1f5f9;border:2px solid #0f172a;border-radius:50%;width:30px;height:30px;font-size:15px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0f172a;transition:all .15s ease}.auth-modal-card .modal-close:hover{background:#fee2e2;color:#b91c1c;transform:scale(1.1)}.auth-modal-header{text-align:center;margin-bottom:20px}.auth-title{font-family:var(--font-heading);font-size:22px;font-weight:900;color:#0f172a;margin:0 0 6px;letter-spacing:.5px}.auth-subtitle{font-family:var(--font-hand);font-size:16px;color:#475569;margin:0}.auth-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #cbd5e1;padding-bottom:8px}.auth-tab-btn{flex:1;background:#f8fafc;border:2px solid #94a3b8;border-radius:6px;padding:8px 12px;font-family:var(--font-heading);font-size:14px;font-weight:700;cursor:pointer;color:#475569;transition:all .15s ease}.auth-tab-btn.active{background:#3b82f6;border-color:#1d4ed8;color:#fff;box-shadow:2px 2px #1e3a8a}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error-message{font-family:var(--font-hand);font-size:14px;color:#b91c1c;font-weight:700;text-align:center;min-height:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-family:var(--font-heading);font-size:13px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.sketch-input{font-family:var(--font-hand);font-size:17px;padding:10px 14px;border:2px solid #0f172a;border-radius:8px;background:#fff;color:#0f172a;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sketch-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.sketch-action-btn{margin-top:8px;background:#facc15;border:2px solid #0f172a;border-radius:8px;padding:12px 20px;font-family:var(--font-heading);font-size:16px;font-weight:900;color:#0f172a;cursor:pointer;box-shadow:4px 4px #0f172a;transition:all .1s ease}.sketch-action-btn:hover{background:#fde047;transform:translate(-1px,-1px);box-shadow:5px 5px #0f172a}.sketch-action-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0f172a}@media (max-width: 980px){.notebook-binder{padding:6px}.binder-spine{display:none}.notebook-spread{flex-direction:column;gap:20px}.notebook-page{min-height:auto;padding:24px 20px 45px 50px;border-radius:8px!important}.notebook-tabs{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:12px}.tab-item{width:auto;height:36px;padding:0 12px;border:2px solid #0f172a;border-radius:6px}.tab-item:hover,.tab-item.active{width:auto}}@keyframes pulse-star{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toc-container{padding:4px 6px}.unit-banner-card{position:relative;background:#fef9c3;border:2.5px solid #0f172a;border-radius:8px;box-shadow:4px 4px #0f172ad9;padding:12px 16px;margin-bottom:18px;display:flex;align-items:center;gap:14px}.unit-banner-card .washi-tape{position:absolute;top:-10px;left:24px;width:90px;height:20px;background:#bae6fdd9;box-shadow:0 1px 3px #0000001f;transform:rotate(-1deg)}.unit-badge{background:#0f172a;color:#facc15;font-family:var(--font-heading);font-size:15px;font-weight:900;padding:4px 10px;border-radius:6px;letter-spacing:1px;white-space:nowrap}.unit-title-text{font-family:var(--font-hand);font-size:15px;font-weight:700;color:#0f172a;line-height:1.25}.toc-list{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.toc-row{display:flex;align-items:center;padding:6px 10px;background:#ffffffbf;border:1.5px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.toc-row:hover{background:#fff;border-color:#0f172a;box-shadow:3px 3px #0f172abf;transform:translate(4px)}.toc-row:active{transform:translate(2px) translateY(1px)}.toc-badge{font-family:var(--font-heading);font-size:13px;font-weight:900;color:#0f172a;border:2px solid #0f172a;border-radius:6px;padding:2px 7px;margin-right:10px;white-space:nowrap;box-shadow:2px 2px #00000026}.toc-text-wrap{display:flex;flex-direction:column;gap:1px}.toc-ch-name{font-family:var(--font-heading);font-size:15px;font-weight:900;color:#0f172a;letter-spacing:.3px}.toc-subtopics{font-family:var(--font-hand);font-size:12.5px;color:#64748b;line-height:1.2}.toc-dots{flex:1;border-bottom:2px dotted #94a3b8;margin:0 10px 4px;min-width:15px}.toc-page-tag{font-family:var(--font-hand);font-size:13.5px;font-weight:900;background:#f1f5f9;border:2px solid #0f172a;border-radius:12px;padding:2px 8px;color:#0f172a;white-space:nowrap;transition:all .15s ease}.toc-row:hover .toc-page-tag{background:#facc15;transform:scale(1.08)}.quick-index-card{position:relative;background:#fff;border:2.5px solid #0f172a;border-radius:8px;box-shadow:4px 4px #0f172abf;padding:14px 14px 12px}.quick-index-card .washi-tape{position:absolute;top:-10px;right:28px;width:80px;height:20px;background:#fbcfe8d9;box-shadow:0 1px 3px #0000001f;transform:rotate(2deg)}.quick-index-title{font-family:var(--font-heading);font-size:13.5px;font-weight:900;color:#0284c7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.index-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.index-chip{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1.5px solid #0f172a;border-radius:20px;padding:2px 8px;font-family:var(--font-hand);font-size:13px;color:#0f172a;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.index-chip:hover{background:#fef9c3;transform:translateY(-2px);box-shadow:2px 2px #0003}.index-chip .chip-p{background:#0284c7;color:#fff;font-size:11px;font-weight:900;border-radius:10px;padding:1px 5px}.index-columns-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.index-letter-block{margin-bottom:10px}.index-letter-heading{font-family:var(--font-heading);font-size:18px;font-weight:900;color:#0284c7;border-bottom:2px solid #bae6fd;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.index-term-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-hand);font-size:13.5px;padding:2px 0;border-bottom:1px dashed rgba(203,213,225,.4)}.index-term-name{color:#1e293b;cursor:pointer}.index-term-name:hover{color:#0284c7;text-decoration:underline}.index-pages-links{display:flex;gap:4px}.index-pg-link{color:#0284c7;font-weight:700;cursor:pointer;background:#f0fdf4;border:1px solid #86efac;border-radius:4px;padding:0 4px;font-size:12px;text-decoration:none;transition:all .12s}.index-pg-link:hover{background:#22c55e;color:#fff}.formula-cheat-card{position:relative;background:#fef08a;border:2px solid #0f172a;border-radius:8px;box-shadow:4px 4px #0f172acc;padding:12px 14px;margin-top:12px}.formula-cheat-card .washi-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-1deg);width:100px;height:20px;background:#fecacad9;box-shadow:0 1px 3px #0000001f}.formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:6px}.formula-box{background:#fff;border:1.5px solid #0f172a;border-radius:6px;padding:6px 8px;font-size:12.5px}.formula-box .f-title{font-family:var(--font-heading);font-weight:900;font-size:11.5px;color:#0f172a;margin-bottom:3px}.bfa-color-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1.5px dashed #0f172a;font-family:var(--font-hand);font-size:12.5px}.bfa-legend-item{display:inline-flex;align-items:center;gap:4px}#notebook-print-container{display:none}@media print{@page{margin:0!important}html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body>*:not(#notebook-print-container){display:none!important}.system-toolbar,header,.toolbar-brand,.toolbar-controls,.notebook-header,.notebook-desk,.notebook-tabs,.btn-nav-page,.btn-tool,.search-results-panel,.auth-modal-overlay,.creator-modal-overlay,.pdf-modal-overlay,.toast-notification,.highlighter-palette,.user-dropdown-container,.user-dropdown-menu,#btn-add-sticky,.search-box{display:none!important}#notebook-print-container{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important}.print-spread-sheet{page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;width:100vw!important;min-height:100vh!important;box-sizing:border-box!important;padding:6mm 8mm!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background:#fff!important}.print-spread-sheet:last-child{page-break-after:auto!important;break-after:auto!important}.print-spread-sheet .print-book-binder{display:flex!important;width:100%!important;height:100%!important;min-height:194mm!important;position:relative!important;background:#334155!important;padding:8px!important;border-radius:12px!important;box-shadow:0 4px 10px #0000002e!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .notebook-spread{display:flex!important;width:100%!important;height:100%!important;gap:0!important;position:relative!important;box-sizing:border-box!important}.print-spread-sheet .binder-spine{display:block!important;position:absolute!important;left:50%!important;top:0!important;bottom:0!important;width:22px!important;transform:translate(-50%)!important;z-index:50!important;background:linear-gradient(to right,#00000038,#00000005 20%,#ffffff73,#00000005 80%,#00000038)!important;box-shadow:0 0 8px #00000040!important;pointer-events:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .notebook-page{flex:1 1 50%!important;width:50%!important;height:100%!important;min-height:190mm!important;background-color:#fbfbf8!important;background-image:repeating-linear-gradient(transparent,transparent 27px,#cbd5e1 28px)!important;background-position:0 6px!important;position:relative!important;padding:22px 28px 42px 64px!important;box-sizing:border-box!important;overflow:hidden!important;font-size:13px!important;line-height:1.35!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .page-left{border-radius:6px 0 0 6px!important;box-shadow:inset -8px 0 12px -6px #0000001f!important}.print-spread-sheet .page-right{border-radius:0 6px 6px 0!important;box-shadow:inset 8px 0 12px -6px #0000001f!important}.print-spread-sheet .page-left:before,.print-spread-sheet .page-right:before{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:2px!important;background:#f87171!important;left:52px!important;z-index:5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .hole-punch{position:absolute!important;width:14px!important;height:14px!important;background:#334155!important;border-radius:50%!important;box-shadow:inset 1px 1px 3px #000000b3!important;z-index:10!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .page-left .hole-punch{right:12px!important;left:auto!important}.print-spread-sheet .page-right .hole-punch{left:12px!important;right:auto!important}.print-spread-sheet .hole-punch.top{top:45px!important}.print-spread-sheet .hole-punch.middle{top:50%!important;transform:translateY(-50%)!important}.print-spread-sheet .hole-punch.bottom{bottom:45px!important}.print-spread-sheet .page-badge{position:absolute!important;bottom:12px!important;background:#facc15!important;color:#000!important;font-family:var(--font-heading, "Fredoka", sans-serif)!important;font-size:16px!important;font-weight:900!important;padding:2px 14px!important;border-radius:4px!important;border:2px solid #000000!important;box-shadow:2px 2px #000!important;z-index:20!important;display:inline-block!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .page-left .page-badge{left:26px!important;right:auto!important;transform:rotate(-2deg)!important}.print-spread-sheet .page-right .page-badge{right:26px!important;left:auto!important;transform:rotate(2deg)!important}.print-spread-sheet .page-footer-tag{position:absolute!important;bottom:14px!important;left:60px!important;font-family:var(--font-hand, "Patrick Hand", cursive)!important;font-size:13px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:1px!important;z-index:10!important}.print-single-sheet{page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;width:100vw!important;min-height:100vh!important;box-sizing:border-box!important;padding:10mm 12mm!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background:#fff!important}.print-single-sheet:last-child{page-break-after:auto!important;break-after:auto!important}.print-single-sheet .print-book-binder{display:flex!important;width:100%!important;max-width:195mm!important;margin:0 auto!important;min-height:265mm!important;position:relative!important;background:#334155!important;padding:8px!important;border-radius:14px!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-single-sheet .notebook-page{flex:1 1 100%!important;width:100%!important;min-height:255mm!important;background-color:#fbfbf8!important;background-image:repeating-linear-gradient(transparent,transparent 27px,#cbd5e1 28px)!important;background-position:0 6px!important;position:relative!important;border-radius:10px!important;padding:24px 30px 45px 75px!important;box-sizing:border-box!important;overflow:hidden!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-single-sheet .notebook-page:before{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:2px!important;background:#f87171!important;left:55px!important;z-index:5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-single-sheet .hole-punch{position:absolute!important;left:18px!important;right:auto!important;width:14px!important;height:14px!important;background:#334155!important;border-radius:50%!important;box-shadow:inset 1px 1px 3px #000000b3!important;z-index:10!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-single-sheet .hole-punch.top{top:60px!important}.print-single-sheet .hole-punch.middle{top:50%!important;transform:translateY(-50%)!important}.print-single-sheet .hole-punch.bottom{bottom:60px!important}.print-single-sheet .page-badge{position:absolute!important;bottom:12px!important;right:28px!important;left:auto!important;background:#facc15!important;color:#000!important;font-family:var(--font-heading, "Fredoka", sans-serif)!important;font-size:18px!important;font-weight:900!important;padding:2px 14px!important;border-radius:4px!important;border:2px solid #000000!important;box-shadow:2px 2px #000!important;transform:rotate(1deg)!important;z-index:20!important;display:inline-block!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-single-sheet .page-footer-tag{position:absolute!important;bottom:16px!important;left:75px!important;font-family:var(--font-hand, "Patrick Hand", cursive)!important;font-size:14px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:1px!important;z-index:10!important}.print-spread-sheet .sticky-note,.print-single-sheet .sticky-note{position:absolute!important;box-shadow:2px 2px 6px #00000026!important;border:1px solid #eab308!important;background:#fef08a!important;z-index:40!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-spread-sheet .sticky-note .close-sticky,.print-single-sheet .sticky-note .close-sticky{display:none!important}.note-box-3d,.box-whiteboard,.unit-banner-card,.formula-box,.washi-tape,.chapter-badge,.doodle-badge,.unit-badge,.toc-badge,.toc-row,.index-chip,mark,.search-matched{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.pdf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.pdf-export-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid #cbd5e1;border-radius:10px;cursor:pointer;background:#f8fafc;transition:all .2s ease}.pdf-export-card:hover{border-color:#94a3b8;background:#f1f5f9}.pdf-export-card.active{border-color:#ca8a04;background:#fefce8;box-shadow:0 0 0 1px #ca8a04}.pdf-export-card input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#ca8a04}#pdf-render-host{position:fixed!important;left:-99999px!important;top:0!important;z-index:-9999!important;background:#fff!important;overflow:visible!important;pointer-events:none!important}.pdf-capture-spread{width:1400px;background:#fff;padding:16px;box-sizing:border-box;display:flex;justify-content:center;position:relative}.pdf-capture-spread .notebook-binder{display:flex;width:100%;position:relative;background:#475569;padding:10px;border-radius:16px;box-sizing:border-box;box-shadow:0 10px 25px #0003}.pdf-capture-spread .notebook-spread{display:flex;width:100%;gap:4px;position:relative;box-sizing:border-box;align-items:stretch}.pdf-capture-spread .binder-spine{display:block;position:absolute;left:50%;top:0;bottom:0;width:24px;transform:translate(-50%);z-index:50;background:linear-gradient(to right,#0000002e,#00000005 20%,#fff6,#00000005 80%,#0000002e);box-shadow:0 0 10px #00000040;pointer-events:none}.pdf-capture-spread .notebook-page{flex:1;width:50%;min-height:840px;height:auto;background-color:#fff!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAcCAYAAABLam7PAAAAFUlEQVR42mP4DwUMI4dx+urD/yAMANQb3inzNycLAAAAAElFTkSuQmCC)!important;background-repeat:repeat!important;background-position:0 6px!important;position:relative;border-radius:6px;padding:30px 35px 50px 75px;box-sizing:border-box;overflow:hidden}.pdf-capture-spread .page-left{border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:inset -10px 0 15px -8px #0000001f}.pdf-capture-spread .page-right{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:inset 10px 0 15px -8px #0000001f}.pdf-capture-spread .page-left:before,.pdf-capture-spread .page-right:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--notebook-margin, #f87171);z-index:5;left:55px}.pdf-capture-single{width:780px;background:#fff;padding:16px;box-sizing:border-box;display:flex;justify-content:center;position:relative}.pdf-capture-single .notebook-binder{display:flex;width:100%;position:relative;background:#475569;padding:10px;border-radius:16px;box-sizing:border-box;box-shadow:0 10px 25px #0003}.pdf-capture-single .notebook-page{flex:1;width:100%;min-height:840px;height:auto;background-color:#fff!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAcCAYAAABLam7PAAAAFUlEQVR42mP4DwUMI4dx+urD/yAMANQb3inzNycLAAAAAElFTkSuQmCC)!important;background-repeat:repeat!important;background-position:0 6px!important;position:relative;border-radius:12px;padding:30px 35px 50px 75px;box-sizing:border-box;overflow:hidden}.pdf-capture-single .notebook-page:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--notebook-margin, #f87171);z-index:5;left:55px}.pdf-capture-single .hole-punch{position:absolute;left:18px!important;right:auto!important;width:14px;height:14px;background:#334155;border-radius:50%;box-shadow:inset 1px 1px 3px #000000b3;z-index:10}.pdf-capture-single .page-badge{position:absolute;bottom:12px;right:28px!important;left:auto!important;background:#facc15;color:#000;font-family:var(--font-heading);font-size:18px;font-weight:900;padding:2px 14px;border-radius:4px;border:2px solid #000;box-shadow:2px 2px #000;transform:rotate(1deg);z-index:20}.pdf-capture-spread mark,.pdf-capture-single mark,.print-spread-sheet mark,.print-single-sheet mark,#notebook-print-container mark{animation:none!important;transition:none!important;background-size:100% 100%!important;display:inline!important;padding:1px 4px!important;border-radius:3px!important;font-weight:700!important;box-decoration-break:clone!important;-webkit-box-decoration-break:clone!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.pdf-capture-spread mark.highlight-yellow,.pdf-capture-single mark.highlight-yellow,.print-spread-sheet mark.highlight-yellow,.print-single-sheet mark.highlight-yellow,#notebook-print-container mark.highlight-yellow,.pdf-capture-spread mark.hl-yellow,.pdf-capture-single mark.hl-yellow{background-color:#fef08a!important;background-image:none!important;color:#000!important}.pdf-capture-spread mark.highlight-cyan,.pdf-capture-single mark.highlight-cyan,.print-spread-sheet mark.highlight-cyan,.print-single-sheet mark.highlight-cyan,#notebook-print-container mark.highlight-cyan,.pdf-capture-spread mark.hl-cyan,.pdf-capture-single mark.hl-cyan{background-color:#a5f3fc!important;background-image:none!important;color:#000!important}.pdf-capture-spread mark.highlight-pink,.pdf-capture-single mark.highlight-pink,.print-spread-sheet mark.highlight-pink,.print-single-sheet mark.highlight-pink,#notebook-print-container mark.highlight-pink,.pdf-capture-spread mark.hl-pink,.pdf-capture-single mark.hl-pink{background-color:#fbcfe8!important;background-image:none!important;color:#000!important}.pdf-capture-spread mark.highlight-green,.pdf-capture-single mark.highlight-green,.print-spread-sheet mark.highlight-green,.print-single-sheet mark.highlight-green,#notebook-print-container mark.highlight-green,.pdf-capture-spread mark.hl-green,.pdf-capture-single mark.hl-green{background-color:#bbf7d0!important;background-image:none!important;color:#000!important}.pdf-capture-spread mark.highlight-purple,.pdf-capture-single mark.highlight-purple,.print-spread-sheet mark.highlight-purple,.print-single-sheet mark.highlight-purple,#notebook-print-container mark.highlight-purple,.pdf-capture-spread mark.hl-purple,.pdf-capture-single mark.hl-purple{background-color:#e9d5ff!important;background-image:none!important;color:#000!important}.pdf-capture-spread mark.highlight-orange,.pdf-capture-single mark.highlight-orange,.print-spread-sheet mark.highlight-orange,.print-single-sheet mark.highlight-orange,#notebook-print-container mark.highlight-orange,.pdf-capture-spread mark.hl-orange,.pdf-capture-single mark.hl-orange{background-color:#fed7aa!important;background-image:none!important;color:#000!important}.pdf-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001}.pdf-progress-card{width:90%;max-width:440px;background:#fff;border-radius:14px;padding:24px 28px;box-shadow:0 25px 50px -12px #00000059;text-align:center;box-sizing:border-box}.pdf-progress-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.pdf-progress-header h3{margin:0;font-family:var(--font-heading);font-size:18px;font-weight:900;color:#0f172a}.pdf-spinner{font-size:24px;display:inline-block;animation:pdfSpin 1.6s infinite ease-in-out}@keyframes pdfSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}.pdf-progress-bar-bg{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:12px}.pdf-progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#facc15,#eab308);border-radius:6px;transition:width .2s ease}.pdf-progress-status{font-family:var(--font-heading);font-size:14px;font-weight:700;color:#1e293b;margin-bottom:6px}.pdf-progress-note{font-size:12.5px;color:#64748b;line-height:1.4}.creator-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:creatorFadeIn .2s ease}@keyframes creatorFadeIn{0%{opacity:0}to{opacity:1}}.creator-modal{width:100%;max-width:1240px;height:92vh;background:#fff;border-radius:12px;border:2px solid #0f172a;box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-hand),system-ui,sans-serif}.creator-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f8fafc;border-bottom:2px solid #e2e8f0}.creator-header-title{display:flex;align-items:center;gap:8px;font-size:16px;color:#0f172a}.creator-sub-badge{font-size:11px;font-weight:800;background:#fef08a;color:#854d0e;border:1px solid #eab308;padding:1px 7px;border-radius:10px}.creator-close-btn{background:transparent;border:none;font-size:18px;font-weight:700;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:4px}.creator-close-btn:hover{background:#fee2e2;color:#ef4444}.creator-config-bar{display:flex;flex-wrap:wrap;gap:12px;padding:10px 18px;background:#f1f5f9;border-bottom:1.5px solid #cbd5e1}.creator-config-field{display:flex;flex-direction:column;flex:1;min-width:140px}.creator-config-field label{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.creator-config-field input,.creator-config-field select{font-family:var(--font-hand),sans-serif;font-size:14px;padding:5px 10px;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff;outline:none}.creator-config-field input:focus,.creator-config-field select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.creator-workspace{display:flex;flex:1;overflow:hidden}.creator-palette{width:320px;min-width:280px;border-right:2px solid #e2e8f0;background:#fafafa;display:flex;flex-direction:column}.creator-palette-header{padding:10px 14px;font-size:13px;font-weight:800;color:#0f172a;background:#f1f5f9;border-bottom:1.5px solid #e2e8f0}.creator-palette-scroll{flex:1;overflow-y:auto;padding:12px}.palette-category-title{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.creator-emoji-grid{display:flex;flex-wrap:wrap;gap:4px;background:#fff;padding:6px;border:1.5px solid #e2e8f0;border-radius:6px}.btn-emoji{background:transparent;border:none;font-size:18px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:transform .1s ease,background .1s ease}.btn-emoji:hover{transform:scale(1.25);background:#f1f5f9}.creator-hl-row{display:flex;flex-wrap:wrap;gap:4px}.btn-hl-chip{border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .1s ease}.btn-hl-chip:hover{transform:scale(1.05)}.palette-group{display:flex;flex-direction:column;gap:5px}.palette-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:var(--font-hand),sans-serif;font-size:12.5px;font-weight:600;color:#1e293b;text-align:left;transition:all .15s ease}.palette-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;transform:translate(3px)}.palette-btn .p-icon{font-size:14px}.creator-preview-pane{flex:1;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.creator-page-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#fff;border-bottom:1.5px solid #e2e8f0}.creator-spread-tabs{display:flex;gap:6px}.btn-page-tab{padding:5px 12px;font-family:var(--font-hand);font-size:13px;font-weight:700;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:6px;cursor:pointer;color:#475569;transition:all .15s ease}.btn-page-tab.active{background:#2563eb;border-color:#1d4ed8;color:#fff}.creator-canvas-actions{display:flex;gap:6px}.btn-canvas-tool{padding:4px 10px;font-family:var(--font-hand);font-size:12px;font-weight:600;background:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;color:#334155;transition:all .15s ease}.btn-canvas-tool:hover{background:#f1f5f9;color:#0f172a}.creator-page-wrapper{flex:1;overflow-y:auto;padding:20px;display:flex;justify-content:center}.creator-page{max-width:820px;min-height:800px;margin:0 auto;box-shadow:0 8px 24px #0000001f;cursor:text}.creator-editable-content{min-height:700px;outline:none}.creator-editable-content:focus{outline:none}.creator-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#fff;border-top:2px solid #e2e8f0}.footer-hint{font-size:12px;color:#64748b}.footer-actions{display:flex;gap:8px}.btn-primary{background:#16a34a;color:#fff;border:1.5px solid #15803d;border-radius:6px;padding:7px 16px;font-family:var(--font-hand);font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:#15803d;box-shadow:0 2px 8px #16a34a4d}.btn-secondary{background:#f1f5f9;color:#334155;border:1.5px solid #cbd5e1;border-radius:6px;padding:7px 14px;font-family:var(--font-hand);font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#e2e8f0;color:#0f172a}@keyframes highlight-sweep{0%{background-size:0% 100%}to{background-size:100% 100%}}.animated-hl{background-repeat:no-repeat;background-size:100% 100%;transition:background-size .6s cubic-bezier(.25,1,.5,1)}.animated-hl.active{animation:highlight-sweep .7s cubic-bezier(.25,1,.5,1) forwards}.animated-hl-yellow{background-image:linear-gradient(104deg,#fef08ae6,#fde047f2)}.animated-hl-pink{background-image:linear-gradient(104deg,#fbcfe8e6,#f472b6f2)}.animated-hl-cyan{background-image:linear-gradient(104deg,#a5f3fce6,#38bdf8f2)}.animated-hl-green{background-image:linear-gradient(104deg,#bbf7d0e6,#4ade80f2)}.animated-hl-purple{background-image:linear-gradient(104deg,#e9d5ffe6,#c084fcf2)}.animated-hl-orange{background-image:linear-gradient(104deg,#fed7aae6,#fb923cf2)}@keyframes flow-electrons-left-right{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes flow-electrons-right-left{0%{stroke-dashoffset:0}to{stroke-dashoffset:40}}.wire-electrons-forward{stroke-dasharray:6,8;animation:flow-electrons-left-right 1.2s linear infinite}.wire-electrons-reverse{stroke-dasharray:6,8;animation:flow-electrons-right-left 1.2s linear infinite}@keyframes bubble-rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.8}80%{opacity:.9}to{transform:translateY(-85px) scale(1.1);opacity:0}}.bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#ffffffe6,#bae6fd80);border:1px solid rgba(14,165,233,.6);border-radius:50%;pointer-events:none;animation:bubble-rise 2s infinite ease-in}.bubble-cl2{background:radial-gradient(circle at 30% 30%,#fef08ae6,#a3e63580);border:1px solid rgba(132,204,22,.7)}.bubble-1{width:8px;height:8px;left:20%;animation-delay:.1s;animation-duration:1.8s}.bubble-2{width:12px;height:12px;left:45%;animation-delay:.5s;animation-duration:2.2s}.bubble-3{width:7px;height:7px;left:70%;animation-delay:.9s;animation-duration:1.6s}.bubble-4{width:10px;height:10px;left:35%;animation-delay:1.3s;animation-duration:2.4s}.bubble-5{width:9px;height:9px;left:80%;animation-delay:.7s;animation-duration:1.9s}@keyframes ion-drift-right{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(70px);opacity:0}}@keyframes ion-drift-left{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(-70px);opacity:0}}.ion-cation{animation:ion-drift-right 2.4s infinite ease-in-out}.ion-anion{animation:ion-drift-left 2.4s infinite ease-in-out}@keyframes needle-wiggle{0%{transform:rotate(18deg)}50%{transform:rotate(21deg)}to{transform:rotate(18deg)}}.meter-needle{transform-origin:50% 90%;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.meter-needle.measuring{animation:needle-wiggle 1.5s ease-in-out infinite}.page-turning-left{animation:flip-page-left .4s ease-out}.page-turning-right{animation:flip-page-right .4s ease-out}@keyframes flip-page-left{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(-15deg);opacity:.7}to{transform:rotateY(0);opacity:1}}@keyframes flip-page-right{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(15deg);opacity:.7}to{transform:rotateY(0);opacity:1}}@keyframes badge-pop{0%{transform:scale(.6) rotate(-10deg);opacity:0}70%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.pop-in{animation:badge-pop .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes minion-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animated-minion{animation:minion-bounce 2s ease-in-out infinite}.solution-liquid{transition:fill 1.2s ease,background-color 1.2s ease}.sim-container{background:#fff;border:3px solid #0f172a;border-radius:8px;box-shadow:5px 5px #0f172a;margin:20px 0;padding:16px;position:relative;overflow:hidden}.sim-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #cbd5e1;padding-bottom:8px;margin-bottom:12px}.sim-title{font-family:var(--font-heading);font-size:1.15rem;color:#1e3a8a;display:flex;align-items:center;gap:8px}.sim-badge{background:#facc15;color:#000;font-family:var(--font-heading);font-size:12px;padding:2px 6px;border-radius:4px;border:1px solid #000;text-transform:uppercase}.sim-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sim-btn{background:#f8fafc;border:2px solid #0f172a;border-radius:6px;padding:4px 10px;font-family:var(--font-heading);font-size:13px;cursor:pointer;box-shadow:2px 2px #0f172a;transition:all .1s}.sim-btn:hover{background:#fef08a;transform:translate(-1px,-1px)}.sim-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #0f172a}.sim-btn.primary{background:#2563eb;color:#fff;border-color:#1e3a8a}.sim-btn.primary:hover{background:#1d4ed8}.cell-svg-canvas{width:100%;max-width:580px;height:auto;display:block;margin:0 auto}.sim-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.stat-card{padding:8px 12px;border:2px solid #334155;border-radius:6px;font-size:15px;line-height:20px}.stat-card.anode{background:#fef9c3;border-color:#ca8a04}.stat-card.cathode{background:#e0f2fe;border-color:#0284c7}.stat-card .card-heading{font-family:var(--font-heading);font-size:15px;margin-bottom:4px}.brine-display{display:flex;gap:16px;align-items:center;justify-content:space-around;flex-wrap:wrap}.bubble-chamber{position:relative;width:110px;height:150px;border:3px solid #1e293b;border-top:none;border-radius:0 0 12px 12px;background:#e0f2fe66;overflow:hidden}.bubble-chamber.chlorine{background:#fef08a40}.bubble-chamber.hydroxide{background:#fbcfe866}.gas-label{position:absolute;top:6px;width:100%;text-align:center;font-family:var(--font-heading);font-size:13px;font-weight:700}.ladder-container{display:flex;gap:16px;margin:12px 0}.potential-table-list{flex:1;max-height:240px;overflow-y:auto;border:2px solid #cbd5e1;border-radius:6px;padding:6px;font-size:15px;background:#f8fafc}.ladder-item{padding:5px 8px;margin-bottom:4px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:1px solid transparent;transition:all .1s}.ladder-item:hover{background:#e2e8f0}.ladder-item.selected-soa{background:#fed7aa;border-color:#ea580c;font-weight:700}.ladder-item.selected-sra{background:#bbf7d0;border-color:#16a34a;font-weight:700}.verdict-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;border:2px dashed #94a3b8;border-radius:8px;background:#fff}.verdict-voltage{font-family:var(--font-heading);font-size:1.8rem;color:#0f172a;margin:6px 0}.verdict-tag{font-family:var(--font-heading);font-size:1.1rem;padding:4px 12px;border-radius:6px;border:1.5px solid #000;box-shadow:2px 2px #000}.verdict-tag.spontaneous{background:#86efac;color:#065f46}.verdict-tag.non-spontaneous{background:#fca5a5;color:#7f1d1d}.faraday-calculator{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slider-group{margin-bottom:12px}.slider-label{display:flex;justify-content:space-between;font-family:var(--font-heading);font-size:15px;margin-bottom:4px}.calc-slider{width:100%;accent-color:#2563eb;cursor:pointer}.faraday-result-box{background:#fef9c3;border:2.5px solid #0f172a;border-radius:6px;padding:12px;box-shadow:3px 3px #0f172a}.faraday-step{display:flex;justify-content:space-between;border-bottom:1px dashed #cbd5e1;padding:4px 0;font-size:15px}.faraday-step:last-child{border-bottom:none;font-weight:700;font-size:17px;color:#b91c1c}.minion-visual{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;margin-top:10px;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px}body.mode-single .sim-stats-grid,.mode-single .sim-stats-grid,body.mode-single .faraday-calculator,.mode-single .faraday-calculator{grid-template-columns:1fr!important}body.mode-single .ladder-container,.mode-single .ladder-container{flex-direction:column!important}body.mode-single .potential-table-list,.mode-single .potential-table-list{max-height:180px}@media (max-width: 768px){.sim-stats-grid,.faraday-calculator{grid-template-columns:1fr!important}.ladder-container{flex-direction:column!important}.potential-table-list{max-height:180px}}.sim-container,.cell-svg-canvas,.box-whiteboard,.hand-table-wrapper{max-width:100%!important;box-sizing:border-box}