@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}canvas{touch-action:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{--dark-primary-bg:#1f1f1f;--dark-primary-text:#ebebeb;--dark-secondary-text:#ccc;--dark-accent-text:#a3a3a3;--dark-interactive-elements:#0080ff;--dark-overlay-bg:#00000080;--light-primary-bg:#fcf7f7;--light-secondary-bg:#fefbfb;--light-primary-text:#000;--light-secondary-text:#1a1a1a;--light-tertiary-text:#b3b3b3;--light-accent-text:#d73114bb;--light-interactive-elements:#363636;--light-interactive-elements-hover:#cdd5cd;--light-interactive-text:#fff0f0;--light-overlay-bg:#ffffff80;--light-interactive-negative-elements:gray;--light-interactive-negative-elements-hover:#666;--borders-dividers:#e0e0e0;--default-padding:16px;--default-margin:16px;--default-mobile-padding:8px;--default-mobile-margin:8px;--default-border-radius:16px;--mild-border-radius:8px;--slight-border-radius:4px;--disabled-bg:#ccc;--disabled-text:#666;--heatmap-level-0:#eaedf0;--heatmap-level-1:#b8e58a;--heatmap-level-2:#99c171;--heatmap-level-3:#239023;--heatmap-level-4:#165f16;--subscription-price-color:#2c3e50;--subscription-discount-color:#27ae60;--whiteboard-toolbar-surface:#f7fbff;--whiteboard-toolbar-border:#dbeafe;--whiteboard-toolbar-accent:#2563eb;--whiteboard-toolbar-success:#16a34a;--marketing-bg:#0a0a1a;--marketing-text:#fff;--marketing-accent:#d4a574;--marketing-section-padding:80px}
html,body{background-color:var(--dark-primary-bg);height:100%;color:var(--dark-primary-text);margin:0;padding:0}.app-container{flex-direction:row;width:100%;height:100%;display:flex}
.nav-pane a:link,.nav-pane a:visited{color:var(--dark-primary-text);border-radius:var(--mild-border-radius);padding:8px 10px;text-decoration:none;display:block}.nav-pane a:hover,.nav-pane a:active{background-color:var(--dark-secondary-text);color:var(--dark-primary-text)}.nav-pane a.active-link{background-color:var(--dark-accent-text);color:var(--dark-primary-bg)}
.left-pane{background-color:var(--dark-primary-bg);color:var(--dark-primary-text);flex-direction:column;flex:0 0 16%;padding:1rem;display:flex}.right-pane{background-color:var(--light-primary-bg);color:var(--light-primary-text);min-height:100vh;padding:var(--default-padding);flex-direction:column;flex:1;display:flex}.logo-container{text-align:center;width:100%;margin-bottom:1rem}.logo-img{max-width:80%;height:auto}.nav-pane{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.nav-item{width:100%}.nav-link{color:var(--dark-primary-text);white-space:nowrap;border-radius:4px;padding:.5rem;text-decoration:none;display:block}.nav-link:hover,.active-link{background-color:var(--dark-primary-hover-bg);color:var(--dark-primary-text-highlight)}.dropdown-heading{color:var(--dark-primary-text);white-space:nowrap;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem;text-decoration:none;display:flex}.dropdown-heading:hover,.active-parent>.dropdown-heading{background-color:var(--dark-primary-hover-bg);color:var(--dark-primary-text-highlight)}.dropdown-content{border-left:none;flex-direction:column;gap:.25rem;margin-left:0;padding-left:.5rem;display:flex}
.tags{justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tags li{color:#666;background-color:#f0f0f0;border-radius:3px;margin:0;padding:2px 6px;font-size:.85em;list-style:none}
.controls-container{text-align:center;flex-direction:column;grid-template-columns:1fr 1fr;place-items:start center;gap:10px;margin-top:20px;display:grid}.controls-container input,.controls-container select{box-sizing:border-box;border-radius:var(--mild-border-radius);border:1px solid #ccc;width:calc(50% - 20px);margin-bottom:5px;padding:10px;transition:border-color .3s}.controls-container>:last-child,.controls-container>div:last-child>select{margin-right:0}.control-container{flex-direction:column;gap:1px;width:150px;font-size:small;display:flex}.control-container label{text-align:left}.control-container input,.control-container select{width:100%}.practice-pool-list{padding:0;list-style-type:none}.practice-pool-item{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.9em;display:flex}.practice-pool-item span{margin-right:10px}.practice-pool-item button{background-color:var(--light-interactive-negative-elements);color:var(--light-interactive-text);border-radius:var(--default-border-radius);cursor:pointer;border:none;padding:5px 10px;font-size:.9em;transition:background-color .3s}.practice-pool-item button:hover{background-color:var(--light-interactive-negative-elements-hover)}.submit-pool-button{background-color:var(--light-interactive-elements);color:var(--light-interactive-text);border-radius:var(--default-border-radius);cursor:pointer;border:none;padding:8px 16px;font-size:.9em;transition:background-color .3s}.submit-pool-button:hover{background-color:var(--light-interactive-elements-hover)}.flashcard-controls-container{padding:var(--default-padding)}.flashcard-controls-container input,.flashcard-controls-container select{box-sizing:border-box;border-radius:var(--mild-border-radius);border:1px solid #ccc;margin-bottom:5px;padding:10px;transition:border-color .3s}
.exercise-container{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;display:flex;position:relative}.exercise-container h1{margin:0 auto}.problem-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.problem-container h2{margin-bottom:20px;font-size:1.5em;font-weight:700}.problem-container input{box-sizing:border-box;width:100%;margin-bottom:20px;padding:10px}.problem-container button{background-color:var(--light-interactive-elements);color:var(--light-interactive-text);border-radius:var(--default-border-radius);cursor:pointer;border:none;margin-top:10px;padding:10px 20px;transition:background-color .3s}.problem-container button:hover{background-color:var(--light-interactive-elements-hover)}.problem{margin-bottom:12px;font-size:2.5em;font-weight:700}.button-container{justify-content:center;align-items:center;width:100%;display:flex}.button-container .button-submit{width:33%}.button-container .button-cancel{background-color:var(--light-interactive-negative-elements);width:80%}.button-container .button-cancel:hover{background-color:var(--light-interactive-negative-elements-hover)}.feedback ol{margin-top:10px;margin-bottom:10px;padding-left:20px}.feedback ol li{margin-bottom:10px}.feedback ol li::marker{color:#000;font-size:1.5em;font-weight:700}.small-numbers-list{counter-reset:small-list;padding-left:0;list-style:none}.small-numbers-list li{counter-increment:small-list;padding-left:1.5rem;position:relative}.small-numbers-list li:before{content:counter(small-list)".";font-size:1rem;position:absolute;top:.1rem;left:0}
.stats-container{text-align:center;height:100vh;padding-top:var(--default-padding);flex-direction:column;width:100%;display:flex;overflow-y:auto}.stats-container>:first-child{width:100%;margin-top:0}.table-container{width:100%;max-width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%}.table-scroll th,.table-scroll td{text-align:left;border:1px solid #ddd;padding:10px}.table-scroll th{background-color:var(--light-primary-bg);font-weight:700}.table-scroll tr:nth-child(2n){background-color:var(--light-secondary-text)}.table-scroll tr:hover{background-color:var(--light-accent-text)}.chart-container{width:100%}.dropdown-container{align-items:center;gap:20px;margin-bottom:20px;display:flex}.dropdown label{text-align:left;margin-bottom:5px;font-size:small;display:block}.dropdown select{border-radius:var(--mild-border-radius);border:1px solid #ccc;width:100%;padding:10px;font-size:16px}
.exercise-timer{padding-bottom:20px;font-size:1em}
.fractal-canvas{width:100%;height:100%;display:block}
@media screen and (max-width:900px){.app-container{flex-direction:column}.mobile-header-band{background-color:var(--dark-primary-bg);box-sizing:border-box;z-index:10;justify-content:flex-start;align-items:center;width:100%;height:44px;display:flex;position:fixed;top:0;left:0}.mobile-menu-button{cursor:pointer;width:44px;height:44px;margin-left:10px;display:block}.mobile-menu-button svg{width:100%;height:100%;margin:auto;display:block}.mobile-menu-overlay{z-index:999;background-color:#0003;width:100vw;height:calc(100vh - 44px);position:fixed;top:44px;left:0}.left-pane{background-color:var(--dark-primary-bg);width:80%;height:calc(100vh - 44px);color:(--dark-primary-text);z-index:1000;flex-direction:column;padding:1rem;display:none;position:fixed;top:44px;left:0;overflow-y:auto}.left-pane.open{display:flex}@media screen and (max-width:768px){.logo-container{display:none}}.right-pane{width:100%;margin-top:44px;position:relative;overflow:auto}.exercise-navigation-container{width:100%!important;max-width:none!important;padding:var(--default-mobile-padding-)!important}.exercise-list{gap:10px;display:grid;grid-template-columns:1fr!important}.exercise-card{justify-content:center;padding:15px}.exercise-label{font-size:1rem}.flashcard-controls-container,.flashcard-feedback-container{padding:var(--default-mobile-padding)}}.mobile-only-nav-item{display:none}@media screen and (max-width:900px){.mobile-only-nav-item{display:block}}
@media screen and (min-width:901px){.app-container{flex-direction:row}.left-pane{display:flex}.mobile-header-band,.mobile-menu-button{display:none}}
.auth-button{border-radius:var(--default-border-radius);background-color:var(--light-interactive-elements);color:var(--light-interactive-text);cursor:pointer;border:none;margin:10px 0;padding:10px 20px;font-size:1em}.auth-button:hover{background-color:var(--light-interactive-elements-hover);color:var(--light-interactive-text)}
.subscription-options-container{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.subscription-card{border:1px solid var(--borders-dividers);border-radius:var(--default-border-radius);background-color:var(--light-secondary-bg);padding:var(--default-padding);text-align:center;flex-direction:column;width:300px;display:flex}.subscription-card-title{margin-bottom:var(--default-margin);font-size:1.5em}.subscription-card-pricing{min-height:80px;margin-bottom:var(--default-margin)}.subscription-card-price-and-period-container{justify-content:center;align-items:baseline;padding-top:.8em;display:flex}.subscription-card-price{color:var(--subscription-price-color);font-size:2em}.subscription-card-period{color:var(--light-tertiary-text);margin-left:.25em;font-size:.8em}.subscription-card-discount{color:var(--subscription-discount-color);margin-top:.5em;font-size:.9em}.subscription-card-benefits{text-align:left;padding-left:var(--default-padding)}.subscription-card-button-container{margin-top:auto}.subscribe-page-container{justify-content:center;padding:50px;display:flex}
:root{--heatmap-total-width:calc(53*12px + 52*2px)}.heatmap-header{width:var(--heatmap-total-width);grid-template-columns:repeat(53,12px);gap:2px;margin:0 auto;display:grid}.month-label{text-align:center;white-space:nowrap;margin-bottom:5px;font-size:small}.heatmap-scroll-container{max-width:100%;overflow-x:auto}.heatmap{width:var(--heatmap-total-width);grid-template-columns:repeat(53,12px);gap:2px;margin:0 auto;display:grid}.day{border:1px solid gray;border-radius:2px;width:10px;height:10px}.level-0{background-color:var(--heatmap-level-0)}.level-1{background-color:var(--heatmap-level-1)}.level-2{background-color:var(--heatmap-level-2)}.level-3{background-color:var(--heatmap-level-3)}.level-4{background-color:var(--heatmap-level-4)}.heatmap-key-container{max-width:var(--heatmap-total-width);margin:10px auto 0;overflow-x:auto}.heatmap-key{justify-content:space-around;width:100%;font-size:small;display:flex}.heatmap-key-item{align-items:center;display:flex}.heatmap-key-item .day{margin-right:5px}
.exercise-progress-container{flex-direction:row;justify-content:center;gap:5px;width:100%;margin:20px 0;padding:10px 0;display:flex}.exercise-progress-item{border-radius:var(--slight-border-radius);background-color:#d3d3d3;border:1px solid gray;width:20px;height:20px}.exercise-progress-item.correct{background-color:green}.exercise-progress-item.incorrect{background-color:red}.exercise-progress-item.in-progress{background-color:orange}
.feedback-textarea{width:50%;height:140px;padding:10px;font-size:16px}.feedback-widget-buttons{gap:10px;margin-top:10px;display:flex}.feedback-actions{gap:10px;display:flex}.flashcard-card.feedback-reward{background-color:#e0ffe0;border:2px solid #00a000}.feedback-reward-message{color:#070;margin-top:10px;padding:10px;font-weight:700}
.flashcard-container{max-width:900px;padding:var(--default-padding);text-align:center;margin:50px auto;font-family:Arial,sans-serif}.flashcard-card{background-color:var(--light-secondary-bg);border:1px solid #ccc;border-radius:8px;max-width:900px;margin-bottom:30px;padding:20px;box-shadow:2px 2px 12px #0000001a}.flashcard-form{flex-direction:column;align-items:center;margin-top:20px;display:flex}.flashcard-textarea{resize:vertical;border:1px solid #ccc;border-radius:4px;width:100%;height:80px;padding:10px;font-size:16px}.math-whiteboard-embedded-container{justify-content:center;width:100%;display:flex}.math-whiteboard-button{border-radius:var(--default-border-radius);background-color:var(--light-interactive-elements);color:var(--light-interactive-text);cursor:pointer;border:none;margin-top:3px;padding:4px 14px;font-size:.8rem;transition:background .3s}.math-whiteboard-button:hover{background:#005bb5}.flashcard-button{color:#fff;cursor:pointer;background-color:#0070f3;border:none;border-radius:4px;margin-top:10px;padding:8px 16px;font-size:14px;transition:background-color .3s}.flashcard-button:disabled{cursor:not-allowed;background-color:#999}.flashcard-button:hover:not(:disabled){background-color:#005bb5}.exercise-card:hover{transition:transform .2s,background-color .2s;transform:scale(1.05)}.exercise-card.not-played:hover{background-color:#79b3f1}.flashcard-played-1:hover{background-color:#b0fbb0}.flashcard-played-2:hover{background-color:#89e489}.flashcard-played-3:hover{background-color:#5fd15f}.flashcard-played-4:hover{background-color:#4aa94a}.flashcard-played-5:hover{background-color:#272}.flashcard-feedback,.flashcard-error{border-radius:4px;margin-top:20px;padding:15px}.flashcard-feedback{text-align:left;background-color:#f0f8ff}.flashcard-error{color:#c00;background-color:#ffe6e6}.flashcard-feedback-container{padding:var(--default-padding);flex-direction:column;align-items:center;display:flex}.marks-display{text-align:right;align-self:flex-end;width:100%;margin-top:.5rem;font-size:1.2em}.skip-button{color:#8987e9;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.85rem}.skip-button:hover{text-decoration:underline}.info-icon:hover .tooltip{visibility:visible;opacity:1}.flashcard-cancel-button{border-radius:var(--default-border-radius);background-color:var(--light-interactive-negative-elements);width:60%;height:30px}.flashcard-cancel-button:hover{background-color:var(--light-interactive-negative-elements-hover)}
.exercise-navigation-container{padding:var(--default-padding);width:80%}.exercise-navigation-container h1{margin-bottom:var(--default-margin)}.exercise-category{margin-bottom:40px}.exercise-category h2{margin-bottom:10px;font-size:1.5rem}.exercise-list{grid-template-columns:1fr 1fr;gap:20px;margin:0;padding:0;list-style-type:none;display:grid}.exercise-list li{margin:0}.exercise-card{color:var(--light-primary-text);border-radius:var(--mild-border-radius);justify-content:flex-start;align-items:center;padding:20px 20px 20px 80px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 2px 5px #0000001a}.exercise-card.not-played:hover{background-color:#79b3f1;transform:scale(1.05)}.exercise-card.played{background-color:var(--heatmap-level-3)}.exercise-card.played:hover{background-color:#b8e58a;transform:scale(1.05)}.exercise-label{text-align:center;white-space:nowrap;font-size:1.1rem;font-weight:700}.exercise-card.not-played{background-color:#4a90e2}.flashcard-played-1{background-color:#97f597}.flashcard-played-2{background-color:#90ef90}.flashcard-played-3{background-color:#89ea89}.flashcard-played-4{background-color:#82e482}.flashcard-played-5{background-color:#7bde7b}.flashcard-played-6{background-color:#75d875}.flashcard-played-7{background-color:#6ed36e}.flashcard-played-8{background-color:#67cd67}.flashcard-played-9{background-color:#60c760}.flashcard-played-10{background-color:#59c159}.flashcard-played-11{background-color:#52bc52}.flashcard-played-12{background-color:#4bb64b}.flashcard-played-13{background-color:#44b044}.flashcard-played-14{background-color:#3daa3d}.flashcard-played-15{background-color:#36a536}.flashcard-played-16{background-color:#309f30}.flashcard-played-17{background-color:#299929}.flashcard-played-18{background-color:#229322}.flashcard-played-19{background-color:#1b8e1b}.flashcard-played-20{background-color:#148814}.exercise-card-content,.deck-card-button{position:relative}.info-icon{color:#333;cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:9px;height:9px;padding:2px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:4px;right:4px}.tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;width:250px;padding:5px;transition:opacity .3s;position:absolute;bottom:125%;right:0}.tooltip:after{content:"";border:5px solid #0000;border-top-color:#555;position:absolute;top:100%;right:10px}.exercise-card-content{justify-content:space-between;align-items:center;width:100%;display:flex}.exercise-name-wrapper{text-align:left;flex:1;font-size:1.2rem;font-weight:700}.exercise-score-wrapper{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100px;height:100%;display:flex}.exercise-score{align-self:flex-end;font-size:small}.exercise-card{width:420px;min-height:70px}@media (max-width:480px){.exercise-card{box-sizing:border-box;width:100%;padding:20px}.exercise-navigation-container{width:100%;padding:10px}.exercise-list{grid-template-columns:1fr;gap:10px}.exercise-name-wrapper{font-size:1rem}.exercise-score-wrapper{width:auto}}
.question-answer-group{flex-direction:column;align-items:flex-start;width:60%;margin-bottom:1rem;display:flex}.question-answer-group label{text-align:left}.question-answer-group textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:100px;padding:.5rem;font-size:1rem}.deck-creation-container{padding-top:20px}.success-tick{color:green;opacity:.8;margin-left:12px;font-size:.9rem;animation:2s ease-out forwards fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.recent-questions-card{background:#fafafa;border:1px solid #ccc;max-height:8rem;margin-bottom:1rem;padding:.5rem;overflow-y:auto}.recent-questions-card ul{margin:.25rem 0 0;padding:0;list-style:none}.recent-questions-card li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-questions-card .most-recent{margin-bottom:.25rem;font-size:1rem;font-weight:700}.recent-questions-card .older-recent{color:#555;margin-bottom:.15rem;margin-left:.75rem;font-size:.85rem}.deck-editor{padding:var(--default-padding)}.deck-editor__title{margin-bottom:var(--default-margin);color:var(--light-primary-text)}.deck-editor__table{border-collapse:collapse;width:100%}.deck-editor__table th,.deck-editor__table td{vertical-align:top}.deck-editor__thead th{text-align:left;border-bottom:2px solid var(--borders-dividers);padding-bottom:.5rem}.deck-editor__row{border-bottom:1px solid var(--borders-dividers)}.deck-editor__cell{padding:.5rem 0}.deck-editor__textarea{width:100%;padding:var(--default-padding);box-sizing:border-box;border:1px solid var(--borders-dividers);border-radius:var(--slight-border-radius);resize:vertical;min-height:6rem;font-size:1rem}.deck-editor__textarea--answer{min-height:8rem}.deck-editor__input--small,.deck-editor__table th:nth-child(3),.deck-editor__table td:nth-child(3){width:4ch}.deck-editor__cell--actions{white-space:nowrap;text-align:center}.deck-editor__error{color:red;margin-top:.25rem}.reusable-button-small:disabled{opacity:.6;cursor:not-allowed}.deck-editor__back{margin-top:var(--default-margin)}.deck-editor__empty{padding:var(--default-padding);text-align:center}@media (max-width:600px){.question-answer-group textarea{min-height:80px;font-size:.9rem}}
.exercise-score-wrapper.mode-selection-variation{width:200px}.mistakes-level-1{background-color:#fefce8}.mistakes-level-2{background-color:#fef9c3}.mistakes-level-3{background-color:#fef08a}.mistakes-level-4{background-color:#fde047}.mistakes-level-5{background-color:#fdd835}.mistakes-level-6{background-color:#fdd32b}.mistakes-level-7{background-color:#fccf20}.mistakes-level-8{background-color:#fccc15}.mistakes-level-9{background-color:#fac810}.mistakes-level-10{background-color:#fac515}.mistakes-level-11{background-color:#f9c212}.mistakes-level-12{background-color:#f9be10}.mistakes-level-13{background-color:#f8bb0d}.mistakes-level-14{background-color:#f8b70b}.mistakes-level-15{background-color:#f7b408}.mistakes-level-16{background-color:#f7b006}.mistakes-level-17{background-color:#f6ad04}.mistakes-level-18{background-color:#f6a902}.mistakes-level-19{background-color:#f5a600}.mistakes-level-20{background-color:#facc15}
.math-whiteboard-container{flex-direction:row;justify-content:center;align-items:flex-start;padding:1rem;display:flex}.math-whiteboard-controls-left,.math-whiteboard-controls-right{flex-direction:column;align-items:center;gap:8px;width:70px;display:flex}.math-whiteboard-controls-left{margin-right:8px}.math-whiteboard-controls-right{margin-left:8px}.math-whiteboard-center{flex-direction:column;flex:none;display:flex}.math-whiteboard-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;flex:none;max-width:100%;height:auto;margin-bottom:8px}.math-whiteboard-verification-container{flex-direction:column;align-items:center;width:700px;max-width:100%;padding:1rem;display:flex}.questionPrompt{text-align:center;margin-top:1rem}.latexPreview,.latexRendered,.textArea{box-sizing:border-box;text-align:center;border:1px solid #ccc;border-radius:4px;width:100%;margin:.5rem 0;padding:1rem;font-family:monospace;line-height:1.4}.latexPreview{background-color:#f9f9f9}.latexRendered{background-color:#f9f9f9;font-size:1.5rem}.textArea{resize:vertical;background-color:#fff;font-size:1rem}.math-whiteboard-button-container{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.user-answer-latex-display{justify-content:center;width:100%;display:flex}.user-answer-latex-rendered{text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:90%;font-size:large}.cursor-eraser{cursor:url(/eraser.png) 8 24,auto}
.deck-menu-container{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;padding:20px;display:flex}.deck-menu-title{color:#333;font-size:1.5rem;font-weight:700}.deck-menu-grid{grid-template-columns:auto 60px;align-items:center;gap:15px;display:grid}.deck-menu-name{color:#555;justify-self:start;font-size:1rem}.deck-menu-toggle{justify-self:end;width:50px;height:24px;display:inline-block;position:relative}.deck-menu-toggle input{opacity:0;width:0;height:0}.deck-menu-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.deck-menu-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.deck-menu-toggle input:checked+.deck-menu-slider{background-color:#4caf50}.deck-menu-toggle input:checked+.deck-menu-slider:before{transform:translate(26px)}.deck-menu-back-container{margin-top:20px}.deck-menu-back-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;transition:background-color .3s}.deck-menu-back-button:hover{background-color:#1565c0}
.breadcrumbs{background-color:var(--light-primary-bg);flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:0;font-size:12px;display:flex}.breadcrumbs a{color:var(--primary-text-color);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumb-separator{color:var(--secondary-text-color);margin:0 5px}
.footer{background-color:var(--light-primary-bg);flex-wrap:wrap;align-items:center;padding:15px 0;font-size:12px;display:flex}.footer-link{color:var(--primary-text-color);margin:0 10px;text-decoration:none}.footer-link:hover{text-decoration:underline}
.reusable-button{background-color:var(--light-interactive-elements);color:var(--light-interactive-text);border-radius:var(--default-border-radius);cursor:pointer;border:none;margin-top:10px;padding:10px 20px;transition:background-color .3s}.reusable-button:hover{background-color:var(--light-interactive-elements-hover)}.reusable-button-small{background-color:var(--light-interactive-elements);color:var(--light-interactive-text);border-radius:var(--default-border-radius);cursor:pointer;border:none;margin-top:10px;padding:5px 10px;font-size:.8rem;transition:background-color .3s}.reusable-button-small:hover{background-color:var(--light-interactive-elements-hover)}
.reusable-toggle-container{flex-direction:column;align-items:flex-start;margin-top:10px;display:inline-flex}.reusable-toggle-label{color:#555;text-align:left;margin-bottom:4px;font-size:.8rem}.reusable-toggle{width:50px;height:24px;display:inline-block;position:relative}.reusable-toggle input{opacity:0;width:0;height:0}.reusable-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.reusable-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.reusable-toggle input:checked+.reusable-slider{background-color:#4caf50}.reusable-toggle input:checked+.reusable-slider:before{transform:translate(26px)}
.article-container{background-color:var(--light-primary-bg);max-width:600px;color:var(--light-primary-text);border-radius:var(--default-border-radius);margin:0 auto;padding:20px;line-height:1.8}.article-container h1,.article-container h2{color:var(--dark-primary-bg);text-align:center}.article-container p,.article-container ul{color:var(--light-secondary-text);line-height:1.6}.article-container ul{margin-left:20px;list-style-type:disc}.article-container ul li{margin-bottom:10px}.article-container img{max-width:100%;margin:20px 0}.article-container a{color:var(--primary-link-color);text-decoration:underline}.article-container a:hover{color:var(--hover-link-color);text-decoration:none}
.interactive-container{margin-top:30px}.interactive-footer{background-color:var(--light-primary-bg);z-index:1000;flex-direction:column;align-items:stretch;width:100%;height:auto;display:flex;top:0}.interactive-progress-container{flex-direction:row;gap:5px;width:100%;margin:20px 0;padding:10px 0;display:flex}.header-text{color:var(--light-primary-text);font-size:1rem}.interactive-title{color:var(--light-primary-text);margin-bottom:var(--default-margin);font-weight:700}.interactive-container{flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;display:flex;position:relative}.interactive-subtitle,.interactive-instruction,.interactive-summary{color:var(--light-secondary-text);margin-bottom:var(--default-margin)}.interactive-highlight{color:var(--light-accent-text);font-weight:700}.interactive-problem-container{padding-top:5em}.interactive-problem{color:var(--light-primary-text);margin:var(--default-margin)0;font-size:2em;font-weight:700}.interactive-input-container{flex-direction:column;margin-top:1rem;display:flex}.interactive-input{text-align:center;border:2px solid var(--light-interactive-elements);border-radius:var(--mild-border-radius);max-width:350px;margin-bottom:1rem;padding:.8rem;font-size:1.5em;box-shadow:0 2px 5px #0000001a}.interactive-button{border-radius:var(--default-border-radius);background-color:var(--light-interactive-elements);max-width:200px;color:var(--light-interactive-text);cursor:pointer;margin-top:10px;margin-top:var(--default-margin);border:none;padding:10px 15px;transition:background-color .3s;box-shadow:0 4px 8px #0003}.interactive-button:hover{background-color:var(--light-interactive-elements-hover)}.interactive-button.disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.interactive-button-small{border-radius:var(--default-border-radius);background-color:var(--light-interactive-elements);max-width:120px;color:var(--light-interactive-text);cursor:pointer;border:none;margin-top:8px;padding:6px 10px;transition:background-color .3s;box-shadow:0 3px 6px #0003}.interactive-button-small:hover{background-color:var(--light-interactive-elements-hover)}.interactive-button-small.disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.interactive-feedback{color:var(--light-interactive-negative-elements);margin-bottom:var(--default-margin);font-size:1.2em}.interactive-feedback.interactive-correct{color:var(--light-interactive-elements)}.interactive-timer{color:var(--light-secondary-text);margin-bottom:var(--default-margin);font-size:1em}.interactive-explanation-title,.interactive-congratulations{color:var(--light-primary-text);margin:var(--default-margin)0;font-weight:700}.interactive-explanation-text,.interactive-explanation-steps li{color:var(--light-secondary-text);margin-bottom:var(--default-margin)}.interactive-hint{color:var(--light-secondary-text);margin-top:.5rem;font-size:.9em;font-style:italic}a{text-decoration:none}.toggle-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:small;display:flex}.toggle-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1px;width:150px;display:flex}.toggle{width:50px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color,#4caf50)}input:checked+.slider:before{transform:translate(26px)}.interactive-display-equation{margin-top:20px;margin-bottom:40px;font-size:2rem}
.whiteboard-desktop-scrollable-container{flex-direction:row;align-items:flex-start;padding:12px;display:flex}.whiteboard-desktop-scrollable-controls{flex-direction:column;align-items:center;gap:8px;padding-top:20px;padding-right:16px;display:flex}.whiteboard-desktop-scrollable-controls>button{width:100%;max-width:150px}.whiteboard-desktop-scrollable-canvas-container{justify-content:center;align-items:center;display:flex;position:relative}.cartesian-grid-overlay{pointer-events:none;opacity:.4;background-image:linear-gradient(90deg,#ddd 1px,#0000 1px),linear-gradient(#ddd 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.cursor-eraser{cursor:url(/eraser.png) 8 24,auto}.cursor-pan{cursor:grab}.cursor-pan:active{cursor:grabbing}.new-board-button-large{background-color:var(--accent-color,#4a90d9);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:24px;padding:20px 32px;font-size:1.4rem;font-weight:600;transition:background-color .2s,transform .1s}.new-board-button-large:hover{background-color:var(--accent-color-hover,#3a7bc8);transform:translateY(-2px)}.new-board-button-large:active{transform:translateY(0)}.board-card-wrapper{margin-bottom:12px}.board-card{cursor:pointer;text-align:left;background-color:#d8f3dc;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:80px;padding:16px 16px 16px 24px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000014}.board-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.board-card-content{z-index:1;flex:1;min-width:0;position:relative}.board-card-name{color:#1b4332;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.1rem;font-weight:600;overflow:hidden}.board-card-meta{color:#40916c;flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.board-card-date{opacity:.9}.board-rename-button{z-index:2;color:#1b4332;cursor:pointer;background-color:#ffffffb3;border:1px solid #40916c;border-radius:4px;flex-shrink:0;margin-left:12px;padding:6px 12px;font-size:.8rem;transition:background-color .15s;position:relative}.board-rename-button:hover{background-color:#fffffff2}.board-card-actions{z-index:2;flex-shrink:0;gap:8px;margin-left:12px;display:flex;position:relative}.board-action-button{color:#1b4332;cursor:pointer;background-color:#ffffffb3;border:1px solid #40916c;border-radius:4px;padding:6px 12px;font-size:.8rem;transition:background-color .15s}.board-action-button:hover{background-color:#fffffff2}.board-actions-row{gap:12px;margin-bottom:24px;display:flex}.board-actions-row .new-board-button-large{flex:1;margin-bottom:0}.new-bundle-button{color:#fff;cursor:pointer;background-color:#52796f;border:none;border-radius:8px;padding:20px 32px;font-size:1.4rem;font-weight:600;transition:background-color .2s,transform .1s}.new-bundle-button:hover{background-color:#3a5a4c;transform:translateY(-2px)}.bundles-section{margin-bottom:32px}.bundles-section h2{color:#1b4332;margin-bottom:16px;font-size:1.3rem}.bundles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.bundle-stack{background-color:#e8f5e9;border-radius:12px;padding:16px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000001a}.bundle-stack:hover{box-shadow:0 4px 16px #00000026}.bundle-stack.bundle-active{background-color:#d8f3dc;border:2px solid #2d6a4f}.bundle-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.bundle-name{color:#1b4332;font-size:1.1rem;font-weight:600}.bundle-count{color:#52796f;margin-left:auto;font-size:.85rem}.bundle-actions{flex-wrap:wrap;gap:6px;display:flex}.bundle-action-btn{color:#1b4332;cursor:pointer;background-color:#fffc;border:1px solid #74c69d;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:background-color .15s}.bundle-action-btn:hover{background-color:#fff}.bundle-add-board-btn{color:#fff;background-color:#52b788;border-color:#40916c;font-weight:600}.bundle-add-board-btn:hover{background-color:#40916c}.bundle-active-indicator{color:#fff;background-color:#2d6a4f;border-color:#2d6a4f}.bundle-active-indicator:hover{background-color:#1b4332}.bundle-delete-btn{color:#b54545;border-color:#d97373}.bundle-delete-btn:hover{background-color:#fdeaea}.bundle-resume-btn{color:#fff;cursor:pointer;background-color:#2196f3;border:1px solid #1976d2;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:background-color .15s}.bundle-resume-btn:hover{background-color:#1976d2}.bundle-boards{min-height:70px;margin-bottom:8px;position:relative}.bundle-board-preview{cursor:pointer;background-color:#d8f3dc;border-radius:6px;width:200px;padding:8px;transition:transform .15s,box-shadow .15s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1px 4px #0000001a}.bundle-board-preview:hover{box-shadow:0 2px 8px #00000026;z-index:10!important}.bundle-board-name{color:#1b4332;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.8rem;display:block;overflow:hidden}.bundle-more{color:#52796f;font-size:.85rem;font-style:italic;position:absolute;bottom:0;right:0}.bundle-expanded{margin-top:8px}.bundle-expanded summary{cursor:pointer;color:#40916c;padding:4px 0;font-size:.9rem}.bundle-expanded summary:hover{color:#2d6a4f}.bundle-board-list{margin:8px 0 0;padding:0;list-style:none}.bundle-board-list .board-card-wrapper{margin-bottom:8px}.bundle-board-list .board-card{min-height:60px;padding:12px}.standalone-boards-section{margin-bottom:24px}.standalone-boards-section h2{color:#1b4332;margin-bottom:16px;font-size:1.3rem}.no-boards-message{color:#666;padding:16px;font-style:italic}.add-to-bundle-picker{background-color:#f0f7f4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.add-to-bundle-picker>span{color:#1b4332;font-weight:500}.bundle-picker-option{color:#fff;cursor:pointer;background-color:#74c69d;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;transition:background-color .15s}.bundle-picker-option:hover{background-color:#52b788}.bundle-picker-cancel{color:#333;cursor:pointer;background-color:#ccc;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem}.bundle-picker-cancel:hover{background-color:#bbb}.bundle-controls-section{border-top:1px solid #ddd;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;display:flex}.current-bundle-badge{color:#1b4332;text-align:center;background-color:#d8f3dc;border:1px solid #74c69d;border-radius:4px;padding:6px 10px;font-size:.85rem}.bundle-next-btn{background-color:#52796f!important}.bundle-next-btn:hover{background-color:#3a5a4c!important}.bundle-picker-wrapper{position:relative}.bundle-picker-dropdown{z-index:100;background-color:#fff;border:1px solid #ccc;border-radius:6px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.bundle-picker-item{text-align:left;cursor:pointer;color:#1b4332;background:0 0;border:none;border-bottom:1px solid #eee;width:100%;padding:10px 12px;font-size:.9rem;transition:background-color .15s;display:block}.bundle-picker-item:last-child{border-bottom:none}.bundle-picker-item:hover{background-color:#e8f5e9}.next-question-controls{gap:6px;display:flex}.next-question-btn{flex:1;font-weight:600;background-color:#2d6a4f!important}.next-question-btn:hover{background-color:#1b4332!important}.next-question-btn:disabled{cursor:wait;background-color:#95d5b2!important}.harder-btn{font-weight:500;background-color:#9d4edd!important}.harder-btn:hover{background-color:#7b2cbf!important}.harder-btn:disabled{cursor:wait;background-color:#c77dff!important}
.whiteboard-toolbar{width:280px;margin-right:16px}.whiteboard-toolbar .reusable-button-small{margin-top:0}.whiteboard-toolbar-card{background:linear-gradient(140deg,var(--whiteboard-toolbar-surface),#fff);border:1px solid var(--whiteboard-toolbar-border);border-radius:var(--default-border-radius);flex-direction:column;gap:14px;padding:14px;display:flex;position:sticky;top:12px;box-shadow:0 12px 36px #0f172a1f}.toolbar-header{align-items:center;gap:8px;display:flex}.toolbar-title{border-radius:var(--mild-border-radius);border:1px solid var(--whiteboard-toolbar-border);color:var(--light-secondary-text);text-align:left;cursor:pointer;background:#fff;flex:1;padding:8px 10px;font-weight:700;transition:transform .1s,box-shadow .2s}.toolbar-title:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb26}.toolbar-rename-input{border:1px solid var(--whiteboard-toolbar-border);border-radius:var(--mild-border-radius);background:#fff;outline:none;flex:1;padding:8px 10px;font-size:14px}.toolbar-rename-input:focus{border-color:var(--whiteboard-toolbar-accent);box-shadow:0 0 0 2px #2563eb33}.toolbar-chip{border:1px solid var(--whiteboard-toolbar-accent);color:var(--whiteboard-toolbar-accent);cursor:pointer;white-space:nowrap;background:#2563eb14;border-radius:999px;padding:8px 12px;font-weight:600;transition:background .2s,transform .1s}.toolbar-chip:hover{background:#2563eb29;transform:translateY(-1px)}.toolbar-bundle{border:1px solid var(--whiteboard-toolbar-border);border-radius:var(--default-border-radius);background:linear-gradient(135deg,#f0fdf4,#ecfeff);flex-direction:column;gap:10px;padding:10px 12px;display:flex}.toolbar-bundle-meta{justify-content:space-between;align-items:center;display:flex}.toolbar-bundle-name{color:var(--light-secondary-text);font-weight:700}.toolbar-bundle-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.toolbar-bundle-index{text-align:center;color:var(--whiteboard-toolbar-accent);font-weight:700}.toolbar-subtle{color:var(--light-tertiary-text);letter-spacing:.2px;font-size:11px}.toolbar-section{border-top:1px solid var(--borders-dividers);flex-direction:column;gap:10px;padding-top:12px;display:flex}.toolbar-section:first-of-type{border-top:none;padding-top:0}.toolbar-section-heading{color:var(--light-secondary-text);justify-content:space-between;align-items:flex-end;font-weight:700;display:flex}.toolbar-subtext{color:var(--light-tertiary-text);font-size:12px}.toolbar-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toolbar-tool-stack{flex-direction:column;gap:4px;display:flex}.toolbar-tool-stack .reusable-button-small{text-align:left;padding-left:12px}.toolbar-pill{border:1px solid var(--whiteboard-toolbar-border);color:var(--light-secondary-text);background:#fff;border-radius:999px;font-weight:600;transition:all .18s;box-shadow:0 2px 8px #0000000d}.toolbar-pill.is-active{background:var(--whiteboard-toolbar-accent);color:#fff;border-color:var(--whiteboard-toolbar-accent);box-shadow:0 10px 24px #2563eb40}.toolbar-thickness{flex-direction:column;gap:6px;display:flex}.toolbar-thickness-controls{align-items:center;gap:8px;display:flex}.toolbar-mini-button{border-radius:10px;padding:6px 10px;font-size:14px}.toolbar-thickness-rail{background:#2563eb26;border-radius:999px;flex:1;height:6px;overflow:hidden}.toolbar-thickness-fill{background:linear-gradient(90deg,var(--whiteboard-toolbar-accent),var(--whiteboard-toolbar-success));border-radius:999px;height:100%}.toolbar-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toolbar-button{border-radius:var(--mild-border-radius);border:1px solid var(--whiteboard-toolbar-border);background:var(--light-primary-bg);width:100%;color:var(--light-secondary-text);font-weight:600;box-shadow:0 4px 12px #0000000f}.toolbar-button.secondary{color:#312e81;background:#eef2ff;border-color:#c7d2fe}.toolbar-button.success{background:var(--whiteboard-toolbar-success);color:#fff;border-color:var(--whiteboard-toolbar-success);grid-column:1/-1}.toolbar-toggle-row{border:1px solid var(--whiteboard-toolbar-border);border-radius:var(--mild-border-radius);background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.toolbar-placeholder{border:1px dashed var(--whiteboard-toolbar-border);height:100%;color:var(--light-tertiary-text);border-radius:var(--mild-border-radius);place-items:center;font-size:12px;display:grid}.toolbar-status-line{color:var(--light-tertiary-text);text-align:right;font-size:12px}.toolbar-alert{color:#b91c1c;border-radius:var(--mild-border-radius);background:#fff1f2;border:1px solid #fecdd3;margin-top:6px;padding:10px 12px;font-size:12px}@media (max-width:1100px){.whiteboard-toolbar{width:100%;margin-right:0}.whiteboard-toolbar-card{position:relative;top:0}.toolbar-chip-row,.toolbar-bundle-controls{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
.ocr-modal-overlay{background-color:var(--dark-overlay-bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ocr-modal-card{background-color:var(--light-primary-bg);border-radius:var(--default-border-radius);width:90%;max-width:600px;max-height:80vh;padding:32px;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.ocr-modal-card h2{color:var(--light-primary-text);margin:0 0 16px;font-size:1.4rem}.ocr-modal-card h3{color:var(--light-secondary-text);margin:16px 0 12px;font-size:1.1rem}.ocr-modal-latex-rendered{border:1px solid var(--borders-dividers);border-radius:var(--mild-border-radius);text-align:center;background-color:#fff;justify-content:center;align-items:center;min-height:80px;margin-bottom:16px;padding:24px;font-size:1.4rem;display:flex}.ocr-modal-latex-preview{border-radius:var(--slight-border-radius);word-break:break-word;white-space:pre-wrap;color:var(--light-secondary-text);background-color:#f5f5f5;margin-bottom:16px;padding:12px;font-family:monospace;font-size:.85rem}.ocr-modal-textarea{border:1px solid var(--borders-dividers);border-radius:var(--slight-border-radius);resize:vertical;width:100%;margin-bottom:12px;padding:12px;font-family:monospace;font-size:.9rem}.ocr-modal-button-row{flex-wrap:wrap;gap:12px;display:flex}.ocr-modal-divider{border:none;border-top:1px solid var(--borders-dividers);margin:24px 0}.ocr-modal-section{margin-bottom:16px}.ocr-modal-section label{color:var(--light-secondary-text);margin-bottom:8px;font-weight:500;display:block}.ocr-modal-coming-soon{color:var(--light-tertiary-text);margin:8px 0;font-size:.9rem}
.suggested-questions-panel{background:var(--secondary-background,#f8f9fa);border-radius:8px;margin-top:1rem;padding:1rem}.suggested-questions-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.suggested-questions-header h3{color:var(--text-color,#333);margin:0;font-size:1.1rem}.generate-questions-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:opacity .2s}.generate-questions-btn:hover:not(:disabled){opacity:.9}.generate-questions-btn:disabled{opacity:.6;cursor:not-allowed}.suggested-questions-error{color:#c00;background:#fee;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:.9rem}.suggested-questions-reasoning{color:var(--muted-text,#666);background:var(--tertiary-background,#eee);border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:.85rem}.suggested-questions-empty{text-align:center;color:var(--muted-text,#888);padding:2rem 1rem;font-style:italic}.suggested-questions-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.suggested-question-card{background:var(--card-background,white);border:1px solid var(--border-color,#ddd);border-radius:8px;padding:1rem;transition:box-shadow .2s}.suggested-question-card:hover{box-shadow:0 2px 8px #0000001a}.suggested-question-text{margin-bottom:.5rem;font-size:1rem;line-height:1.5}.suggested-question-hint{color:var(--muted-text,#666);margin-bottom:.75rem;font-size:.9rem}.hint-label{color:var(--accent-color,#667eea);font-weight:600}.suggested-question-actions{gap:.5rem;display:flex}.accept-question-btn,.dismiss-question-btn{cursor:pointer;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:background .2s}.accept-question-btn{background:var(--success-color,#28a745);color:#fff;border:none}.accept-question-btn:hover{background:#218838}.dismiss-question-btn{color:var(--muted-text,#666);border:1px solid var(--border-color,#ddd);background:0 0}.dismiss-question-btn:hover{background:var(--secondary-background,#f0f0f0)}.suggested-question-spec-badges{flex-wrap:wrap;gap:6px;margin-bottom:.75rem;display:flex}.spec-badge{color:#2d6a4f;cursor:help;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:1px solid #a5d6a7;border-radius:12px;max-width:200px;padding:3px 8px;font-size:.75rem;display:inline-block;overflow:hidden}
.ocr-segments-panel{background:#f8f9fa;border-radius:8px;max-height:400px;margin-top:16px;padding:12px;overflow-y:auto}.ocr-segments-panel.collapsed{max-height:none;overflow:visible}.ocr-segments-panel.collapsed .ocr-segments-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.ocr-collapse-icon{color:#666;margin-right:6px;font-size:10px}.ocr-segments-empty{text-align:center;color:#666}.ocr-segments-empty p{margin:8px 0}.ocr-segments-hint{color:#999;font-size:12px}.ocr-segments-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.ocr-segments-header:hover{background:#f0f0f0;border-radius:4px;margin:-4px;padding:4px 4px 12px}.ocr-segments-panel.collapsed .ocr-segments-header:hover{padding-bottom:4px}.ocr-segments-header h4{margin:0;font-size:14px;font-weight:600}.ocr-segments-stats{color:#666;gap:12px;font-size:11px;display:flex}.ocr-segments-list{flex-direction:column;gap:8px;display:flex}.ocr-segment-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px}.ocr-segment-item.loading{opacity:.7}.ocr-segment-item.error{background:#fff5f5;border-color:#ff6b6b}.ocr-segment-meta{color:#888;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.ocr-segment-number{color:#666;font-weight:600}.ocr-segment-loading{color:#666;font-size:13px;font-style:italic}.ocr-segment-error{color:#ff6b6b;font-size:12px}.ocr-segment-latex{cursor:pointer;border-radius:4px;padding:4px;font-size:14px;transition:background .15s}.ocr-segment-latex:hover{background:#f0f0f0}.ocr-segment-corrected{color:#28a745;margin-left:8px;font-size:10px}.ocr-segment-edit textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-family:monospace;font-size:12px}.ocr-segment-edit-actions{gap:8px;margin-top:8px;display:flex}.ocr-segment-edit-actions button{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.ocr-segment-edit-actions button:first-child{color:#fff;background:#007bff}.ocr-segment-edit-actions button:last-child{color:#333;background:#e0e0e0}
.assessment-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.assessment-modal-card{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 4px 20px #0003}.assessment-modal-title{color:#333;margin:0 0 16px}.assessment-section{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:16px}.assessment-section-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.assessment-section-title{text-transform:uppercase;letter-spacing:.5px;color:#424242;font-size:.85rem;font-weight:700}.assessment-section-model{color:#9e9e9e;background-color:#eee;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.7rem}.assessment-section-examiner{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-color:#81c784}.assessment-section-examiner .assessment-section-header{border-bottom-color:#a5d6a7}.assessment-section-examiner .assessment-section-title{color:#2e7d32}.assessment-marking-feedback-text{color:#333;margin:12px 0 0;font-size:.95rem;line-height:1.5}.assessment-section-fluency{background-color:#f5f5f5}.assessment-fluency-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.assessment-fluency-item{flex-direction:column;align-items:center;gap:4px;display:flex}.assessment-fluency-label{color:#757575;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem}.assessment-fluency-value{color:#424242;font-size:1.1rem;font-weight:600}.assessment-section-analyst{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#64b5f6}.assessment-section-analyst .assessment-section-header{border-bottom-color:#90caf9}.assessment-section-analyst .assessment-section-title{color:#1565c0}.assessment-section-ai-request{text-align:center;background-color:#fff;border-style:dashed}.assessment-no-mark-scheme{color:#e65100;background-color:#fff3e0;border:1px solid #ffb74d;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.assessment-warning-icon{font-size:1.2rem}.assessment-marks-display{background:0 0;border-radius:12px;justify-content:center;align-items:baseline;gap:4px;margin-bottom:12px;padding:12px 20px;display:flex}.assessment-marks-number{color:#2e7d32;font-size:2.5rem;font-weight:700}.assessment-marks-separator{color:#66bb6a;font-size:2rem}.assessment-marks-total{color:#43a047;font-size:2rem;font-weight:500}.assessment-marks-label{color:#1976d2;margin-left:8px;font-size:1rem}.assessment-correctness-badge{border-radius:6px;margin-bottom:16px;padding:8px 16px;font-size:1.1rem;font-weight:600;display:inline-block}.assessment-marking-feedback{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.assessment-marking-feedback strong{color:#2e7d32;margin-bottom:8px;display:block}.assessment-marking-feedback p{color:#333;margin:0;line-height:1.5}.assessment-answer-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.assessment-latex-rendered{text-align:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;min-height:60px;margin:12px 0;padding:16px;font-size:1.2rem;display:flex;overflow-x:auto}.assessment-latex-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin:8px 0;padding:12px;font-family:monospace;font-size:.9rem}.assessment-edit-buttons{gap:8px;margin-top:8px;display:flex}.assessment-edit-trigger{color:#1976d2;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 0;font-size:.85rem;text-decoration:underline}.assessment-edit-trigger:hover{color:#1565c0}.assessment-edit-note{color:#666;margin-top:8px;font-size:.75rem;font-style:italic}.assessment-edit-error{color:#c62828;margin-top:8px;font-size:.85rem}.assessment-badge{border-radius:4px;padding:4px 8px;font-size:.9rem}.assessment-row{margin-bottom:12px}.assessment-retry-section{margin-bottom:16px}.assessment-retry-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600}.assessment-retry-button:hover{background-color:#1565c0}.assessment-retry-button:disabled{cursor:not-allowed;background-color:#90caf9}.assessment-retry-note{color:#666;margin-top:6px;margin-bottom:0;font-size:12px}.assessment-concepts-section{margin-bottom:16px}.assessment-concepts-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.assessment-concept-tag{background-color:#e3f2fd;border-radius:4px;padding:4px 8px;font-size:13px}.assessment-feedback-section{background-color:#f5f5f5;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.assessment-feedback-label{color:#2e7d32;margin-bottom:8px;display:block}.assessment-feedback-text{color:#333;margin:0;line-height:1.5}.assessment-techniques-section{margin-bottom:16px}.assessment-techniques-list{margin-top:8px}.assessment-technique-item{border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.assessment-technique-icon{flex-shrink:0;font-size:16px}.assessment-technique-name{font-weight:500}.assessment-technique-note{color:#666;margin-top:2px;font-size:12px}.assessment-ai-request-section{text-align:center;background-color:#f0f7ff;border:1px solid #bbdefb;border-radius:8px;margin:16px 0;padding:16px}.assessment-ai-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600}.assessment-ai-button:hover{background-color:#1565c0}.assessment-ai-button:disabled{cursor:not-allowed;background-color:#90caf9}.assessment-ai-note{color:#666;margin:8px 0 0;font-size:12px}.assessment-ai-attribution{border-top:1px solid #e0e0e0;flex-direction:column;align-items:center;gap:4px;margin-top:20px;padding-top:16px;display:flex}.assessment-ai-role{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.assessment-ai-model{color:#999;font-family:monospace;font-size:11px}.assessment-remark-button{color:#333;cursor:pointer;background-color:#f5f5f5;border:1px solid #ccc;border-radius:6px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .15s}.assessment-remark-button:hover{background-color:#e0e0e0}.assessment-remark-button:disabled{color:#999;cursor:not-allowed;background-color:#f0f0f0}.assessment-close-button{margin-top:16px}.assessment-history-selector{background-color:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:12px}.assessment-history-label{text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:8px;font-size:.75rem;font-weight:600}.assessment-history-buttons{flex-wrap:wrap;gap:8px;display:flex}.assessment-history-btn{color:#666;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:16px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.assessment-history-btn:hover{color:#2e7d32;background-color:#e8f5e9;border-color:#81c784}.assessment-history-btn.selected{color:#fff;background-color:#1976d2;border-color:#1976d2}.assessment-history-btn.selected:hover{color:#fff;background-color:#1565c0;border-color:#1565c0}.assessment-reassess-section{text-align:right;margin-bottom:16px}.assessment-reassess-btn{color:#1565c0;cursor:pointer;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.assessment-reassess-btn:hover{background-color:#bbdefb;border-color:#64b5f6}.assessment-reassess-btn:disabled{color:#9e9e9e;cursor:not-allowed;background-color:#f5f5f5;border-color:#e0e0e0}
.fractal-banner{background-color:#0a0a1a;width:100%;height:100vh;min-height:500px;position:relative;overflow:hidden}.fractal-banner canvas{width:100%;height:100%}.fractal-banner-content{text-align:center;z-index:1;width:100%;max-width:800px;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fractal-banner-title{letter-spacing:6px;color:#fff;text-transform:uppercase;text-shadow:0 2px 20px #000c;pointer-events:none;margin:0 0 20px;font-size:4rem;font-weight:200}.fractal-banner-subtitle{color:#ffffffe6;text-shadow:0 2px 10px #0009;letter-spacing:1px;margin:0 0 30px;font-size:1.4rem;font-weight:300}.fractal-banner-loading{color:var(--marketing-accent,#a37e26);justify-content:center;align-items:center;height:100%;font-size:1.2rem;display:flex}@media (max-width:768px){.fractal-banner{height:80vh;min-height:400px}.fractal-banner-title{letter-spacing:3px;font-size:2.5rem}.fractal-banner-subtitle{font-size:1.1rem}}
.marketing-header,.marketing-header *{letter-spacing:1px;font-size:13px}.marketing-header{color:var(--marketing-accent,#d4a574);z-index:1000;background-color:#0a0a1a;padding:10px 20px;position:fixed;top:0;left:0;right:0}.marketing-header-container{justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.marketing-header .logo-container{flex-shrink:0;padding-right:40px}.marketing-header .logo-image{width:50px;height:auto;display:block}.marketing-header .main-nav{display:block}.marketing-header .nav-list{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.marketing-header .nav-list li{position:relative}.marketing-header .nav-list li:not(:last-child):after{content:"/";color:var(--marketing-accent,#d4a574);margin-left:10px;position:absolute;top:0;right:-15px}.marketing-header .nav-list a{color:var(--marketing-accent,#d4a574);text-decoration:none;transition:color .3s}.marketing-header .nav-list a:hover,.marketing-header .nav-list li.active-link a{color:#fff}.marketing-header .mobile-menu-toggle,.marketing-header .mobile-cta{display:none}.marketing-header .app-view-button{background:var(--marketing-accent,#d4a574);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.marketing-header .app-view-button:hover{background:#b8956a;transform:translateY(-1px)}.marketing-header .logout-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#dc3545;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.marketing-header .logout-button:hover{background:#c82333;transform:translateY(-1px)}.marketing-header .login-button{background:var(--marketing-accent,#d4a574);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.marketing-header .login-button:hover{background:#b8956a;transform:translateY(-1px)}@media (max-width:768px){.marketing-header{padding:10px 15px}.marketing-header-container{justify-content:space-between}.marketing-header .logo-container{padding-right:0;position:absolute;left:50%;transform:translate(-50%)}.marketing-header .logo-image{width:40px;height:auto}.marketing-header .mobile-menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 0;display:flex}.marketing-header .hamburger-box{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.marketing-header .hamburger-inner{background-color:var(--marketing-accent,#d4a574);width:24px;height:2px;transition:all .3s;position:absolute}.marketing-header .hamburger-inner:before,.marketing-header .hamburger-inner:after{content:"";background-color:var(--marketing-accent,#d4a574);width:24px;height:2px;transition:all .3s;position:absolute;left:0}.marketing-header .hamburger-inner:before{top:-8px}.marketing-header .hamburger-inner:after{top:8px}.marketing-header .hamburger-box.open .hamburger-inner{background-color:#0000}.marketing-header .hamburger-box.open .hamburger-inner:before{top:0;transform:rotate(45deg)}.marketing-header .hamburger-box.open .hamburger-inner:after{top:0;transform:rotate(-45deg)}.marketing-header .mobile-cta{background-color:var(--marketing-accent,#d4a574);color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;z-index:1001;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:background-color .3s;display:flex}.marketing-header .mobile-cta:hover{background-color:#b8956a}.marketing-header .main-nav{z-index:999;background-color:#0a0a1afa;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:80px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.marketing-header .main-nav.open{transform:translate(0)}.marketing-header .nav-list{text-align:center;flex-direction:column;gap:20px;width:100%;padding-bottom:40px}.marketing-header .nav-list li:not(:last-child):after{display:none}.marketing-header .nav-list a{padding:5px 0;font-size:16px;font-weight:700;display:block}.marketing-header .app-view-button,.marketing-header .logout-button,.marketing-header .login-button{text-align:center;justify-content:center;width:80%;max-width:200px;margin-top:0;padding:12px 16px}}
.marketing-page{background-color:var(--marketing-bg,#0a0a1a);color:var(--marketing-text,#fff);min-height:100vh}.marketing-section{padding:var(--marketing-section-padding,80px)20px;max-width:1200px;margin:0 auto}.marketing-section-dark{background-color:#0d0d1a}.marketing-section-light{background-color:#1a1a2e}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:3px;color:#fff;margin:0 0 20px;font-size:2.5rem;font-weight:300}.section-header p{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.tribe-section{background:linear-gradient(#0a0a1a 0%,#1a1a2e 100%);padding:100px 20px}.tribe-content{max-width:800px;margin:0 auto}.tribe-opening{color:#ffffffe6;margin-bottom:30px;font-size:1.4rem;line-height:1.9}.tribe-detail{color:#ffffffbf;margin-bottom:25px;font-size:1.2rem;line-height:1.8}.tribe-conclusion{color:var(--marketing-accent,#d4a574);text-align:center;border-top:1px solid #ffffff1a;margin-top:50px;padding:30px 0;font-size:1.5rem}.identity-section{background-color:#0d0d1a;padding:100px 20px}.identity-content{max-width:800px;margin:0 auto}.identity-traits p{color:#ffffffd9;margin-bottom:30px;font-size:1.2rem;line-height:1.9}.identity-traits p:last-child{margin-bottom:0}.philosophy-section{background:linear-gradient(#0d0d1a 0%,#1a1a2e 100%);padding:120px 20px}.philosophy-content{text-align:center;max-width:700px;margin:0 auto}.philosophy-main{color:#ffffffd9;margin-bottom:40px;font-size:1.3rem;line-height:1.8}.philosophy-emphasis{color:var(--marketing-accent,#d4a574);letter-spacing:2px;border-top:1px solid #d4a5744d;border-bottom:1px solid #d4a5744d;margin-bottom:40px;padding:30px 0;font-size:2rem;font-weight:300}.philosophy-detail{color:#ffffffbf;margin-bottom:40px;font-size:1.15rem;line-height:1.8}.philosophy-call{color:#ffffffe6;font-size:1.4rem;font-style:italic}.against-section{background-color:#0d0d1a;padding:100px 20px}.against-content{max-width:800px;margin:0 auto}.against-content p{color:#fffc;margin-bottom:25px;font-size:1.2rem;line-height:1.8}.against-emphasis{text-align:center;border-top:1px solid #ffffff1a;padding-top:30px;color:var(--marketing-accent,#d4a574)!important;margin-top:40px!important;font-size:1.4rem!important}.truth-section{background:linear-gradient(#0d0d1a 0%,#0a0a1a 100%);padding:120px 20px}.truth-content{text-align:center;max-width:700px;margin:0 auto}.truth-statement{color:#fff;margin-bottom:30px;font-size:1.6rem;font-weight:300;line-height:1.7}.truth-proof{color:#fff9;margin-bottom:40px;font-size:1.15rem;font-style:italic}.truth-inquiry{color:#ffffffbf;font-size:1.1rem;line-height:1.8}.ripple-section{text-align:center;background-color:#0a0a1a;padding:120px 20px}.ripple-content{max-width:700px;margin:0 auto 50px}.ripple-intention{color:#ffffffe6;margin-bottom:30px;font-size:1.3rem}.ripple-image{color:#ffffffbf;margin-bottom:40px;font-size:1.2rem;line-height:1.8}.ripple-call{color:var(--marketing-accent,#d4a574);font-size:1.5rem;font-style:italic;font-weight:300;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.cta-button-primary{background:var(--marketing-accent,#d4a574);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:4px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s}.cta-button-primary:hover{background:#b8956a;transform:translateY(-2px)}.cta-button-secondary{color:var(--marketing-accent,#d4a574);border:1px solid var(--marketing-accent,#d4a574);cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;border-radius:4px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s}.cta-button-secondary:hover{background:#d4a5741a;transform:translateY(-2px)}.problem-section{text-align:center;background:linear-gradient(#0a0a1a 0%,#1a1a2e 100%);padding:100px 20px}.problem-section h2{color:var(--marketing-accent,#d4a574);letter-spacing:2px;margin:0 0 30px;font-size:2rem;font-weight:400}.problem-section p{color:#fffc;max-width:700px;margin:0 auto 20px;font-size:1.3rem;line-height:1.8}.guide-section{background-color:#0d0d1a;padding:100px 20px}.guide-content{text-align:center;max-width:800px;margin:0 auto}.guide-section .empathy{color:#fff;margin-bottom:30px;font-size:1.8rem;font-style:italic;font-weight:300}.guide-section .empathy-detail{color:#ffffffb3;margin-bottom:50px;font-size:1.2rem;line-height:1.8}.guide-section .authority{color:var(--marketing-accent,#d4a574);margin-bottom:20px;font-size:1.4rem}.guide-section .authority-detail{color:#fffc;font-size:1.1rem;line-height:1.8}.plan-section{background-color:#1a1a2e;padding:100px 20px}.plan-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1000px;margin:0 auto;display:grid}.plan-step{text-align:center;padding:30px}.plan-step-number{color:var(--marketing-accent,#d4a574);margin-bottom:20px;font-size:3rem;font-weight:200}.plan-step h3{color:#fff;margin:0 0 15px;font-size:1.3rem;font-weight:400}.plan-step p{color:#ffffffb3;font-size:1rem;line-height:1.6}.transform-section{background:linear-gradient(#1a1a2e 0%,#0d0d1a 100%);padding:100px 20px}.transform-content{grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin:0 auto;display:grid}.transform-before,.transform-after{border-radius:8px;padding:30px}.transform-before{background:#ffffff0d;border-left:3px solid #fff3}.transform-after{border-left:3px solid var(--marketing-accent,#d4a574);background:#d4a5741a}.transform-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff80;margin-bottom:15px;font-size:.9rem;font-weight:600}.transform-after .transform-label{color:var(--marketing-accent,#d4a574)}.transform-text{color:#fffc;font-size:1.1rem;line-height:1.7}@media (max-width:768px){.transform-content{grid-template-columns:1fr;gap:30px}}.cta-section{text-align:center;background-color:#0a0a1a;padding:100px 20px}.cta-section h2{color:#fff;max-width:600px;margin:0 auto 30px;font-size:2rem;font-weight:300;line-height:1.5}.pricing-section{background-color:#1a1a2e;padding:100px 20px}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:900px;margin:0 auto;display:grid}.marketing-footer{text-align:center;background-color:#050510;padding:40px 20px}.marketing-footer-content{max-width:600px;margin:0 auto}.marketing-footer p{color:#ffffff80;margin:0 0 10px;font-size:.9rem}.marketing-footer .footer-tagline{color:#ffffff4d;margin-bottom:20px;font-style:italic}.marketing-footer .footer-links{justify-content:center;align-items:center;gap:10px;display:flex}.marketing-footer .footer-links a{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .3s}.marketing-footer .footer-links a:hover{color:var(--marketing-accent,#d4a574)}.marketing-footer .footer-links .separator{color:#ffffff4d}@media (max-width:768px){.section-header h2{letter-spacing:2px;font-size:2rem}.tribe-opening{font-size:1.2rem}.tribe-detail{font-size:1.1rem}.tribe-conclusion{font-size:1.3rem}.identity-traits p{font-size:1.1rem}.philosophy-emphasis{font-size:1.6rem}.truth-statement{font-size:1.4rem}.ripple-call{font-size:1.3rem}}