@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Comic Neue,Kalam,cursive,system-ui}.notebook-background{background:linear-gradient(135deg,#f8f4ff,#f3f0ff 50%,#ede9fe);background-attachment:fixed;position:relative;min-height:100vh}.notebook-background:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(124,58,237,.08) 1px,transparent 0);background-size:30px 30px;pointer-events:none;z-index:0}.notebook-page{background:#fefbf3;background-image:repeating-linear-gradient(transparent,transparent 20px,#e0e7ff 0,#e0e7ff 21px),linear-gradient(90deg,transparent 45px,#fca5a5 0,#fca5a5 47px,transparent 0),radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.02) 0,transparent 50%);border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.6);position:relative;margin-left:4px;margin-right:4px;z-index:1}@media (min-width:475px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 22px,#e0e7ff 0,#e0e7ff 23px),linear-gradient(90deg,transparent 50px,#fca5a5 0,#fca5a5 52px,transparent 0),radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.02) 0,transparent 50%);margin-left:8px;margin-right:8px;border-radius:8px}}@media (min-width:640px){.notebook-page{margin-left:16px;margin-right:16px;border-radius:10px;background-image:repeating-linear-gradient(transparent,transparent 24px,#e0e7ff 0,#e0e7ff 25px),linear-gradient(90deg,transparent 60px,#fca5a5 0,#fca5a5 62px,transparent 0),radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.02) 0,transparent 50%)}}@media (min-width:768px){.notebook-page{margin-left:20px;margin-right:20px;border-radius:12px;background-image:repeating-linear-gradient(transparent,transparent 26px,#e0e7ff 0,#e0e7ff 27px),linear-gradient(90deg,transparent 70px,#fca5a5 0,#fca5a5 72px,transparent 0),radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.02) 0,transparent 50%)}}@media (min-width:1024px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 28px,#e0e7ff 0,#e0e7ff 29px),linear-gradient(90deg,transparent 76px,#fca5a5 0,#fca5a5 78px,transparent 0),radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.02) 0,transparent 50%)}}.notebook-page:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:16px;background:linear-gradient(90deg,#d1d5db,#e5e7eb 20%,#f3f4f6 40%,#e5e7eb 60%,#d1d5db);border-radius:8px;box-shadow:inset 2px 0 4px rgba(0,0,0,.1),inset -2px 0 4px rgba(0,0,0,.1);z-index:-1}@media (min-width:640px){.notebook-page:before{left:-12px;width:24px;border-radius:12px}}@media (min-width:768px){.notebook-page:before{left:-15px;width:30px;border-radius:15px}}.notebook-handwriting{font-family:Comic Neue,cursive;font-weight:400;line-height:1.6;letter-spacing:.3px}.notebook-title{font-family:Kalam,cursive;font-weight:700;text-decoration:underline;text-decoration-color:#a855f7;text-decoration-thickness:2px;text-underline-offset:4px;margin-left:50px}@media (min-width:475px){.notebook-title{margin-left:55px;text-underline-offset:5px}}@media (min-width:640px){.notebook-title{text-decoration-thickness:3px;text-underline-offset:6px;margin-left:70px}}@media (min-width:768px){.notebook-title{text-underline-offset:8px;margin-left:80px}}@media (min-width:1024px){.notebook-title{margin-left:90px}}.notebook-section-title{font-family:Kalam,cursive;font-weight:700;text-decoration:underline;text-decoration-color:#a855f7;text-decoration-thickness:2px;text-underline-offset:4px;margin-left:50px}@media (min-width:475px){.notebook-section-title{margin-left:55px;text-underline-offset:5px}}@media (min-width:640px){.notebook-section-title{margin-left:70px;text-underline-offset:6px}}@media (min-width:768px){.notebook-section-title{margin-left:80px}}@media (min-width:1024px){.notebook-section-title{margin-left:90px}}.notebook-section-subtitle{font-family:Kalam,cursive;font-weight:600;color:#7c3aed;text-decoration:underline;text-decoration-color:#c4b5fd;text-decoration-style:wavy;text-underline-offset:4px}.notebook-date{font-family:Comic Neue,cursive;font-style:italic;margin-left:50px}@media (min-width:475px){.notebook-date{margin-left:55px}}@media (min-width:640px){.notebook-date{margin-left:70px}}@media (min-width:768px){.notebook-date{margin-left:80px}}@media (min-width:1024px){.notebook-date{margin-left:90px}}.notebook-header{border-bottom:2px dashed #a855f7;padding-bottom:.75rem;margin-bottom:1rem}@media (min-width:640px){.notebook-header{padding-bottom:1rem;margin-bottom:1.5rem}}@media (min-width:768px){.notebook-header{margin-bottom:2rem}}.notebook-content-box{margin-left:50px}.notebook-content-box,.notebook-content-box-2{background:hsla(0,0%,100%,.7);border:2px dashed #c4b5fd;border-radius:4px;position:relative;backdrop-filter:blur(2px);box-shadow:0 2px 8px rgba(124,58,237,.08),inset 0 1px 0 hsla(0,0%,100%,.8)}@media (min-width:475px){.notebook-content-box{margin-left:55px;border-radius:5px}}@media (min-width:640px){.notebook-content-box{border-radius:6px;margin-left:70px}}@media (min-width:768px){.notebook-content-box{border-radius:8px;margin-left:80px}}@media (min-width:1024px){.notebook-content-box{margin-left:90px}}.notebook-content-box:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,transparent 30%,rgba(168,85,247,.05) 50%,transparent 70%);border-radius:8px;z-index:-1}@media (min-width:640px){.notebook-content-box:before{top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:10px}}@media (min-width:768px){.notebook-content-box:before{top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:12px}}.notebook-section-box{margin-left:50px}.notebook-section-box,.notebook-section-box-explain{border:2px dashed #c4b5fd;border-radius:6px;padding:.75rem;position:relative;backdrop-filter:blur(2px);background:hsla(0,0%,100%,.8);box-shadow:0 3px 12px rgba(124,58,237,.1),inset 0 1px 0 hsla(0,0%,100%,.9);transition:all .3s ease}@media (min-width:475px){.notebook-section-box{padding:1rem;margin-left:55px;border-radius:7px}}@media (min-width:640px){.notebook-section-box{padding:1.25rem;margin-left:70px;border-radius:8px}}@media (min-width:768px){.notebook-section-box{padding:1.5rem;margin-left:80px;border-radius:10px}}@media (min-width:1024px){.notebook-section-box{border-radius:12px;margin-left:90px}}.notebook-section-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.15),inset 0 1px 0 hsla(0,0%,100%,.9)}.notebook-section-box:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,rgba(168,85,247,.03),rgba(124,58,237,.05) 50%,rgba(168,85,247,.03));border-radius:10px;z-index:-1}@media (min-width:768px){.notebook-section-box:before{top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:14px}}.notebook-section-box.concepts{border-color:#a855f7;background:linear-gradient(135deg,rgba(168,85,247,.08),hsla(0,0%,100%,.9))}.notebook-section-box.examples{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.08),hsla(0,0%,100%,.9))}.notebook-section-box.misconceptions{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.08),hsla(0,0%,100%,.9))}.notebook-list-item{display:flex;align-items:flex-start;gap:.375rem;padding:.25rem 0;border-bottom:1px dotted rgba(124,58,237,.2);transition:all .2s ease}@media (min-width:475px){.notebook-list-item{gap:.5rem;padding:.375rem 0}}@media (min-width:640px){.notebook-list-item{gap:.75rem;padding:.5rem 0}}.notebook-list-item:last-child{border-bottom:none}.notebook-list-item:hover{background:rgba(168,85,247,.03);border-radius:4px;padding-left:.375rem;margin-left:-.25rem;margin-right:-.25rem}@media (min-width:640px){.notebook-list-item:hover{border-radius:6px;padding-left:.5rem}}@media (min-width:768px){.notebook-list-item:hover{padding-left:.75rem}}.notebook-bullet{width:5px;height:5px;border-radius:50%;margin-top:3px;flex-shrink:0;box-shadow:0 1px 3px rgba(124,58,237,.3),inset 0 1px 0 hsla(0,0%,100%,.5);position:relative}@media (min-width:475px){.notebook-bullet{width:6px;height:6px;margin-top:4px}}@media (min-width:640px){.notebook-bullet{width:7px;height:7px;margin-top:5px}}@media (min-width:768px){.notebook-bullet{width:8px;height:8px;margin-top:6px}}.notebook-bullet:after{content:"";position:absolute;top:1px;left:1px;width:2px;height:2px;background:hsla(0,0%,100%,.8);border-radius:50%}.notebook-bullet.concepts{background:linear-gradient(135deg,#a855f7,#7c3aed)}.notebook-bullet.examples{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.notebook-bullet.misconceptions{background:linear-gradient(135deg,#f59e0b,#d97706)}.notebook-list-text{font-family:Comic Neue,cursive;font-weight:400;line-height:1.5;letter-spacing:.2px;color:#4c1d95;flex:1;font-size:.75rem}@media (min-width:475px){.notebook-list-text{font-size:.8rem;line-height:1.55}}@media (min-width:640px){.notebook-list-text{line-height:1.6;font-size:.875rem}}@media (min-width:768px){.notebook-list-text{font-size:1rem}}.notebook-list-text.concepts{color:#6b21a8}.notebook-list-text.examples{color:#1e40af;font-family:Courier New,monospace;background:rgba(59,130,246,.05);padding:.25rem .5rem;border-radius:3px;border:1px dashed #93c5fd}@media (min-width:640px){.notebook-list-text.examples{border-radius:4px}}.notebook-list-text.misconceptions{color:#92400e;position:relative}.notebook-list-text.misconceptions:before{content:"⚠️";margin-right:.5rem;font-size:.8em}.notebook-explanation-box{background:rgba(249,250,251,.8);border:2px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-left:50px;box-shadow:inset 0 2px 8px rgba(0,0,0,.08),0 4px 12px rgba(124,58,237,.1);position:relative}@media (min-width:475px){.notebook-explanation-box{padding:1rem;margin-left:55px;border-radius:7px}}@media (min-width:640px){.notebook-explanation-box{border:3px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-left:70px}}@media (min-width:768px){.notebook-explanation-box{border-radius:10px;padding:1.5rem;margin-left:80px}}@media (min-width:1024px){.notebook-explanation-box{border-radius:12px;margin-left:90px}}.notebook-explanation-box:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,rgba(168,85,247,.05),rgba(124,58,237,.08) 50%,rgba(168,85,247,.05));border-radius:10px;z-index:-1}@media (min-width:640px){.notebook-explanation-box:before{top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:12px}}@media (min-width:768px){.notebook-explanation-box:before{border-radius:16px}}@media (min-width:1024px){.notebook-explanation-box:before{border-radius:18px}}.notebook-section-header{position:relative;margin-bottom:.75rem}@media (min-width:640px){.notebook-section-header{margin-bottom:1rem}}.notebook-section-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,currentColor 20%,currentColor 80%,transparent);opacity:.3}@media (min-width:640px){.notebook-section-header:after{bottom:-4px;height:2px}}.notebook-paper-clip{position:absolute;top:-4px;right:10px;width:20px;height:8px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);z-index:3}@media (min-width:475px){.notebook-paper-clip{top:-5px;right:12px;width:24px;height:10px;border-radius:5px}}@media (min-width:640px){.notebook-paper-clip{top:-6px;right:15px;width:30px;height:12px;border-radius:6px}}@media (min-width:768px){.notebook-paper-clip{top:-8px;right:20px;width:40px;height:16px;border-radius:8px}}.notebook-paper-clip:before{content:"";position:absolute;top:1px;left:2px;right:2px;height:1px;background:#9ca3af;border-radius:1px}@media (min-width:475px){.notebook-paper-clip:before{top:1.5px;left:3px;right:3px}}@media (min-width:640px){.notebook-paper-clip:before{top:2px;height:1px}}@media (min-width:768px){.notebook-paper-clip:before{left:4px;right:4px;height:2px}}.notebook-paper-clip:after{content:"";position:absolute;bottom:1px;left:2px;right:2px;height:1px;background:#9ca3af;border-radius:1px}@media (min-width:475px){.notebook-paper-clip:after{bottom:1.5px;left:3px;right:3px}}@media (min-width:640px){.notebook-paper-clip:after{bottom:2px}}@media (min-width:768px){.notebook-paper-clip:after{left:4px;right:4px;height:2px}}.notebook-sticky-note{position:relative;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:3px;padding:.5rem;margin:.5rem 0;box-shadow:0 2px 8px rgba(245,158,11,.2),inset 0 1px 0 hsla(0,0%,100%,.8);transform:rotate(-.5deg);transition:transform .2s ease}@media (min-width:475px){.notebook-sticky-note{padding:.625rem;border-radius:4px;margin:.625rem 0}}@media (min-width:640px){.notebook-sticky-note{padding:.75rem;margin:.75rem 0}}@media (min-width:768px){.notebook-sticky-note{padding:1rem;margin:1rem 0}}.notebook-sticky-note:hover{transform:rotate(0deg) translateY(-2px);box-shadow:0 4px 16px rgba(245,158,11,.3),inset 0 1px 0 hsla(0,0%,100%,.8)}.notebook-sticky-note:before{content:"";position:absolute;top:-2px;right:4px;width:12px;height:4px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:0 0 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,.2)}@media (min-width:475px){.notebook-sticky-note:before{top:-3px;right:5px;width:14px;height:5px;border-radius:0 0 2.5px 2.5px}}@media (min-width:640px){.notebook-sticky-note:before{right:6px;width:16px;height:6px;border-radius:0 0 3px 3px}}@media (min-width:768px){.notebook-sticky-note:before{top:-4px;right:8px;width:20px;height:8px;border-radius:0 0 4px 4px}}.notebook-button{background:hsla(0,0%,100%,.9);border:2px solid #c4b5fd;border-radius:4px;transition:all .2s ease;backdrop-filter:blur(4px)}@media (min-width:475px){.notebook-button{border-radius:5px}}@media (min-width:640px){.notebook-button{border-radius:6px}}@media (min-width:768px){.notebook-button{border-radius:8px}}.notebook-button:hover{background:rgba(168,85,247,.1);border-color:#a855f7;transform:translateY(-1px);box-shadow:0 4px 8px rgba(168,85,247,.2)}.notebook-mode-button{padding:.5rem .75rem;border-radius:6px;border:2px solid #c4b5fd;transition:all .3s ease;background:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);font-family:Comic Neue,cursive}@media (min-width:475px){.notebook-mode-button{padding:.625rem .875rem;border-radius:7px}}@media (min-width:640px){.notebook-mode-button{padding:.75rem 1rem;border-radius:8px}}@media (min-width:768px){.notebook-mode-button{border:3px solid #c4b5fd;border-radius:10px}}@media (min-width:1024px){.notebook-mode-button{padding:1rem 1.5rem;border-radius:12px}}.notebook-mode-button.active{border-color:#7c3aed;background:rgba(124,58,237,.1);color:#581c87;transform:translateY(-2px);box-shadow:0 6px 12px rgba(124,58,237,.2)}.notebook-mode-button.inactive{color:#6b7280;background:hsla(0,0%,100%,.7)}.notebook-mode-button.inactive:hover{border-color:#a855f7;background:rgba(168,85,247,.05);color:#7c3aed}.notebook-submit-button{padding:.375rem .75rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:4px;font-family:Comic Neue,cursive;font-weight:600;transition:all .2s ease;box-shadow:0 4px 8px rgba(124,58,237,.3)}@media (min-width:475px){.notebook-submit-button{padding:.5rem 1rem;border-radius:5px}}@media (min-width:640px){.notebook-submit-button{padding:.625rem 1.25rem;border-radius:6px}}@media (min-width:768px){.notebook-submit-button{padding:.75rem 1.5rem;border-radius:8px}}.notebook-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-1px);box-shadow:0 6px 12px rgba(124,58,237,.4)}.notebook-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(124,58,237,.2)}.notebook-nav-button{padding:.375rem;background:hsla(0,0%,100%,.9);border:2px solid #c4b5fd;border-radius:50%;color:#7c3aed;transition:all .2s ease;backdrop-filter:blur(4px)}@media (min-width:475px){.notebook-nav-button{padding:.5rem}}@media (min-width:640px){.notebook-nav-button{padding:.625rem}}@media (min-width:768px){.notebook-nav-button{padding:.75rem}}.notebook-nav-button:hover:not(:disabled){background:rgba(124,58,237,.1);border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px rgba(124,58,237,.2)}.notebook-nav-button:disabled{opacity:.4;cursor:not-allowed}.notebook-option-button{width:100%;text-align:left;padding:.5rem;border-radius:4px;border:2px solid #e5e7eb;transition:all .2s ease;background:hsla(0,0%,100%,.9);margin-left:50px;backdrop-filter:blur(2px)}@media (min-width:475px){.notebook-option-button{padding:.625rem;margin-left:55px;border-radius:5px}}@media (min-width:640px){.notebook-option-button{padding:.75rem;border-radius:6px;margin-left:70px}}@media (min-width:768px){.notebook-option-button{padding:1rem;border-radius:8px;margin-left:80px}}@media (min-width:1024px){.notebook-option-button{margin-left:90px}}.notebook-option-button.default{border-color:#d1d5db;color:#374151}.notebook-option-button.default:hover{border-color:#c4b5fd;background:rgba(168,85,247,.05);transform:translateX(2px)}@media (min-width:640px){.notebook-option-button.default:hover{transform:translateX(3px)}}@media (min-width:768px){.notebook-option-button.default:hover{transform:translateX(4px)}}.notebook-option-button.selected{border-color:#7c3aed;background:rgba(124,58,237,.1);color:#581c87;transform:translateX(2px)}@media (min-width:640px){.notebook-option-button.selected{transform:translateX(3px)}}@media (min-width:768px){.notebook-option-button.selected{transform:translateX(4px)}}.notebook-option-button.correct{border-color:#10b981;background:rgba(16,185,129,.1);color:#047857}.notebook-option-button.incorrect{border-color:#ef4444;background:rgba(239,68,68,.1);color:#dc2626}.notebook-option-button.neutral{border-color:#d1d5db;background:hsla(0,0%,100%,.7);color:#6b7280}.notebook-option-letter{width:1.25rem;height:1.25rem;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Kalam,cursive;flex-shrink:0;font-size:.7rem}@media (min-width:475px){.notebook-option-letter{width:1.375rem;height:1.375rem;font-size:.75rem}}@media (min-width:640px){.notebook-option-letter{width:1.5rem;height:1.5rem;font-size:.8rem}}@media (min-width:768px){.notebook-option-letter{width:2rem;height:2rem;font-size:.875rem}}.notebook-score-box{background:hsla(0,0%,100%,.9);border:2px dashed #c4b5fd;border-radius:6px;padding:.5rem;text-align:center;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(124,58,237,.1);min-width:80px}@media (min-width:475px){.notebook-score-box{padding:.625rem;border-radius:7px;min-width:100px}}@media (min-width:640px){.notebook-score-box{padding:.75rem;border-radius:8px;min-width:120px}}@media (min-width:768px){.notebook-score-box{border-radius:10px;padding:1rem}}@media (min-width:1024px){.notebook-score-box{border-radius:12px}}.notebook-progress-badge{background:hsla(0,0%,100%,.9);border:2px solid #c4b5fd;border-radius:12px;padding:.375rem .75rem;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(124,58,237,.1)}@media (min-width:475px){.notebook-progress-badge{padding:.5rem 1rem;border-radius:14px}}@media (min-width:640px){.notebook-progress-badge{border-radius:16px;padding:.625rem 1.25rem}}@media (min-width:768px){.notebook-progress-badge{border-radius:18px;padding:.75rem 1.5rem}}@media (min-width:1024px){.notebook-progress-badge{border-radius:20px}}.notebook-flashcards-section{margin-left:50px}@media (min-width:475px){.notebook-flashcards-section{margin-left:55px}}@media (min-width:640px){.notebook-flashcards-section{margin-left:70px}}@media (min-width:768px){.notebook-flashcards-section{margin-left:80px}}@media (min-width:1024px){.notebook-flashcards-section{margin-left:90px}}.notebook-flashcard{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .7s ease;transform-style:preserve-3d}.notebook-flashcard:hover{transform:scale(1.02) rotateY(var(--rotation,0deg))}.notebook-flashcard.flipped{transform:rotateY(180deg)}.notebook-flashcard.flipped:hover{transform:scale(1.02) rotateY(180deg)}.notebook-flashcard-back,.notebook-flashcard-front{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.1);border:2px solid hsla(0,0%,100%,.2)}@media (min-width:475px){.notebook-flashcard-back,.notebook-flashcard-front{border-radius:10px;padding:1rem}}@media (min-width:640px){.notebook-flashcard-back,.notebook-flashcard-front{border-radius:12px;padding:1.25rem}}@media (min-width:768px){.notebook-flashcard-back,.notebook-flashcard-front{border-radius:14px;padding:1.5rem;border:3px solid hsla(0,0%,100%,.2)}}@media (min-width:1024px){.notebook-flashcard-back,.notebook-flashcard-front{border-radius:16px}}.notebook-flashcard-back{transform:rotateY(180deg)}.notebook-icon{box-shadow:0 2px 4px rgba(124,58,237,.2)}.notebook-dot{box-shadow:0 1px 2px rgba(124,58,237,.3)}::-webkit-scrollbar{width:8px}@media (min-width:640px){::-webkit-scrollbar{width:12px}}@media (min-width:768px){::-webkit-scrollbar{width:16px}}::-webkit-scrollbar-track{background:#f3f0ff;border-radius:6px;border:1px solid #e5e7eb}@media (min-width:640px){::-webkit-scrollbar-track{border-radius:8px}}@media (min-width:768px){::-webkit-scrollbar-track{border-radius:10px;border:2px solid #e5e7eb}}::-webkit-scrollbar-thumb{background-color:#9333ea;border-radius:6px;border:1px solid #f3f0ff;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3)}@media (min-width:640px){::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #f3f0ff}}@media (min-width:768px){::-webkit-scrollbar-thumb{border-radius:10px;border:3px solid #f3f0ff}}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9333ea,#6b21a8)}::selection{background:rgba(168,85,247,.3);color:#4c1d95}::-moz-selection{background:rgba(168,85,247,.3);color:#4c1d95}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.notebook-page{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 4px 16px rgba(124,58,237,.06),inset 0 1px 0 hsla(0,0%,100%,.8)}@media (min-width:640px){.notebook-page{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 6px 20px rgba(124,58,237,.08),inset 0 1px 0 hsla(0,0%,100%,.8)}}@media (min-width:768px){.notebook-page{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 8px 24px rgba(124,58,237,.1),inset 0 1px 0 hsla(0,0%,100%,.8)}}@media (min-width:1024px){.notebook-page{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 8px 32px rgba(124,58,237,.1),inset 0 1px 0 hsla(0,0%,100%,.8)}}.notebook-page>*{position:relative;z-index:2}@media (min-width:1536px){.max-w-6xl{max-width:90rem}}@media (max-width:374px){.notebook-content-box,.notebook-date,.notebook-explanation-box,.notebook-flashcards-section,.notebook-option-button,.notebook-section-box,.notebook-section-title,.notebook-title{margin-left:40px}}@media (min-width:1920px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 32px,#e0e7ff 0,#e0e7ff 33px),linear-gradient(90deg,transparent 90px,#fca5a5 0,#fca5a5 92px,transparent 0),radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.8) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.02) 0,transparent 50%)}}.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 20px,rgba(168,85,247,.06) 0,rgba(168,85,247,.06) 21px),linear-gradient(90deg,transparent 45px,#f87171 0,#f87171 47px,transparent 0),radial-gradient(circle at 3px 3px,rgba(168,85,247,.03) 1px,transparent 0),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(0,0,0,.005) 0,rgba(0,0,0,.005) 2px);background-size:100% 100%,100% 100%,10px 10px,3px 3px}@media (min-width:640px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 24px,rgba(168,85,247,.06) 0,rgba(168,85,247,.06) 25px),linear-gradient(90deg,transparent 60px,#f87171 0,#f87171 62px,transparent 0),radial-gradient(circle at 4px 4px,rgba(168,85,247,.03) 1px,transparent 0),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(0,0,0,.005) 0,rgba(0,0,0,.005) 2px);background-size:100% 100%,100% 100%,12px 12px,3px 3px}}@media (min-width:768px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 26px,rgba(168,85,247,.06) 0,rgba(168,85,247,.06) 27px),linear-gradient(90deg,transparent 70px,#f87171 0,#f87171 72px,transparent 0),radial-gradient(circle at 5px 5px,rgba(168,85,247,.03) 1px,transparent 0),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(0,0,0,.005) 0,rgba(0,0,0,.005) 2px);background-size:100% 100%,100% 100%,14px 14px,4px 4px}}@media (min-width:1024px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 28px,rgba(168,85,247,.06) 0,rgba(168,85,247,.06) 29px),linear-gradient(90deg,transparent 76px,#f87171 0,#f87171 78px,transparent 0),radial-gradient(circle at 6px 6px,rgba(168,85,247,.03) 1px,transparent 0),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(0,0,0,.005) 0,rgba(0,0,0,.005) 2px);background-size:100% 100%,100% 100%,16px 16px,4px 4px}}@media (min-width:1920px){.notebook-page{background-image:repeating-linear-gradient(transparent,transparent 32px,rgba(168,85,247,.06) 0,rgba(168,85,247,.06) 33px),linear-gradient(90deg,transparent 90px,#f87171 0,#f87171 92px,transparent 0),radial-gradient(circle at 8px 8px,rgba(168,85,247,.03) 1px,transparent 0),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(0,0,0,.005) 0,rgba(0,0,0,.005) 2px);background-size:100% 100%,100% 100%,20px 20px,5px 5px}}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_069ab3{font-family:Montserrat,Montserrat Fallback;font-style:normal}.__variable_069ab3{--font-montserrat:"Montserrat","Montserrat Fallback"}