@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--background: #1a1a1a;--foreground: #e0e0e0;--cursor: #ffa460;--selection-background: #464d91;--selection-foreground: #ffffff;--color0: #2d2d2d;--color1: #e17373;--color2: #94b978;--color3: #ffb97b;--color4: #96bddb;--color5: #e1c0fa;--color6: #00988e;--color7: #dedede;--color8: #3d3d3d;--color9: #ffa0a0;--color10: #bddeab;--color11: #ffdba0;--color12: #b1d7f6;--color13: #fbdaff;--color14: #19b2a7;--color15: #ffffff;--surface: #252525;--surface-hover: #303030;--border: #404040;--border-light: #505050}*{border:none!important;outline:none!important}html,body{border:none!important;outline:none!important;box-shadow:none!important}body{background-color:var(--background);color:var(--foreground);font-family:Roboto,sans-serif;font-weight:400;margin:0;padding:0;line-height:1.5}::selection{background:var(--selection-background);color:var(--selection-foreground)}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:500;margin-top:0;margin-bottom:1rem;line-height:1.2}h1{font-size:2.5rem;font-weight:300}h2{font-size:2rem;font-weight:400}h3{font-size:1.5rem;font-weight:400}h4{font-size:1.25rem;font-weight:500}h5{font-size:1rem;font-weight:500}h6{font-size:.875rem;font-weight:500}a{color:var(--color4);text-decoration:none}a:hover{text-decoration:underline}code,pre{background:var(--surface);color:var(--foreground);padding:.25rem .5rem;border-radius:4px;font-family:Roboto Mono,monospace;border:1px solid var(--border)}button{background:var(--color4);color:var(--background);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}button:hover{background:var(--color12);transform:translateY(-1px);box-shadow:0 2px 4px #0003}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,textarea,select{background-color:var(--color0);color:var(--color15);border:1px solid var(--border);padding:.75rem;border-radius:6px;font-family:Roboto,sans-serif;font-size:16px;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color4);background-color:var(--color8);color:var(--color15)}select option{background-color:var(--color0);color:var(--color15)}input::placeholder,textarea::placeholder{color:var(--color7);opacity:.6}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color0) inset!important;-webkit-text-fill-color:var(--color15)!important}header{background:var(--color1);color:var(--color15);padding:1rem;text-align:center}footer{background:var(--color8);color:var(--background);padding:1rem;text-align:center}.app-container{min-height:100vh;background-color:var(--background);color:var(--foreground)}.tabs-container{width:100%}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:0}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;cursor:pointer;font-weight:500;color:var(--foreground);border-bottom:3px solid transparent;transition:all .2s ease;opacity:.7}.tab-button:hover{opacity:1;color:var(--color4);background:var(--surface)}.tab-button.active{opacity:1;font-weight:600;color:var(--color4);border-bottom-color:var(--color4)}.tab-content{padding:1rem 0}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel.inactive{display:none}.card{background:var(--surface);border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:1rem}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.content-card:hover{border-color:var(--border-light);background:var(--surface-hover);box-shadow:0 2px 8px #0003}.clickbox-input{border:none;outline:none;background:transparent;font:inherit;padding:0;margin:0;width:100%;color:var(--foreground)}.clickbox-text{cursor:text}.dropdown-container{position:relative}.dropdown-list{position:absolute;top:100%;left:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;margin:2px 0 0;padding:0;list-style:none;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.dropdown-option{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;color:var(--foreground);background:transparent}.dropdown-option:hover{background:var(--color4);border-radius:4px;color:var(--background)}.dropdown-option.disabled{color:var(--color8);cursor:default;opacity:.7}.dropdown-option.disabled:hover{background:transparent;color:var(--color8)}.search-container{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem;margin-bottom:1rem}.search-container:focus-within{border-color:var(--color4);background:var(--surface-hover)}.search-box{display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.search-box input{flex:1}.search-results{padding:1rem}.search-controls{display:flex;gap:.5rem}.search-input{flex:1}.search-select{padding:.5rem}.search-button{padding:.5rem 1rem}.load-all-button{padding:.5rem 1rem;background-color:var(--color4);color:var(--background);border:1px solid var(--color12)}.load-all-button:hover{background-color:var(--color12)}.debug-section{margin-top:1rem;margin-bottom:1rem}.wipe-database-button{background-color:var(--color1);color:var(--color15);padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.wipe-database-button:hover{background-color:var(--color9)}.login-button{background:var(--color4)!important;color:var(--background)!important}.login-button:hover{background:var(--color12)!important}.login-info{font-size:.9em;color:var(--color8);margin-top:5px}.reauth-button{margin-left:10px}.class-dropdown-select{padding:.5rem}.storage-monitor{background:#9191911a;border:1px solid var(--color8);padding:1rem;border-radius:4px}.storage-bar{background:var(--surface);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.storage-fill{background:var(--color4);height:8px;transition:width .3s ease}.lectures{display:flex;flex-direction:column}.lecture-display-container{position:relative}.lecture-name-section{margin:1rem 0 2rem}.lecture-name-large{font-size:2rem;font-weight:600;color:var(--color4);margin:0;line-height:1.3}.photo-name-section{margin:1rem 0 2rem}.photo-name-large{font-size:2rem;font-weight:600;color:var(--color6);margin:0;line-height:1.3}.qa-name-section{margin:1rem 0 2rem}.qa-name-large{font-size:2rem;font-weight:600;color:var(--color5);margin:0;line-height:1.3}.top-flashcards,.top-qa-pairs,.top-summary{margin-bottom:2rem}.lecture-actions-container{position:absolute;top:0;right:0;display:flex;align-items:center;gap:10px}.saving-indicator{color:var(--color3);font-style:italic}.action-button{background:none;border:none;cursor:pointer;font-size:20px;padding:5px;border-radius:4px;transition:all .2s ease}.save-button{color:var(--color2)}.save-button:hover{background-color:var(--surface);color:var(--color10)}.delete-button{color:var(--color1)}.delete-button:hover{background-color:var(--surface);color:var(--color9)}.action-button.disabled{opacity:.5;cursor:not-allowed}.summary-section{margin-bottom:2rem}.summary-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.edit-button{background:none;border:none;color:var(--color4);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:background .2s ease}.edit-button:hover{background-color:var(--surface)}.summary-content{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}.summary-textarea{width:100%;min-height:150px;padding:10px;font-size:16px;resize:vertical}.summary-edit-actions{margin-top:10px;display:flex;gap:10px}.button-save,.button-cancel{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.button-save{background-color:var(--color2);color:var(--background)}.button-save:hover{background-color:var(--color10)}.button-cancel{background-color:var(--color8);color:var(--foreground)}.button-cancel:hover{background-color:var(--border-light)}.keyboard-hint{font-size:12px;color:var(--color8);margin-left:10px}.summary-display-text{white-space:pre-wrap;color:var(--foreground)}.transcript-section{margin-bottom:2rem}.transcript-content{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border);white-space:pre-wrap}.transcript-content.monospace{font-family:Roboto Mono,monospace}.flashcards-section{margin-bottom:2rem}.flashcards-container{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}.flashcard-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.flashcard-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.flashcard-question{font-weight:700;margin-bottom:.5rem;color:var(--color4)}.lecture-card{background:#9191910d;border:1px solid var(--color8);padding:1rem;margin-bottom:1rem;border-radius:8px}.lecture-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lecture-content{padding:1rem;background:var(--surface);border-radius:6px;margin-top:.5rem;border:1px solid var(--border)}.flashcards-tab{padding:20px;max-width:800px;margin:0 auto}.flashcards-tab h2{color:var(--foreground);margin-bottom:1.5rem}.flashcards-tab h3{color:var(--foreground);margin-bottom:1rem}.export-section{margin-top:20px;margin-bottom:20px}.export-label,.select-label{display:block;margin-bottom:10px;font-weight:700;color:var(--foreground)}.export-type-options{display:flex;gap:20px}.radio-label,.checkbox-label{display:flex;align-items:center;color:var(--foreground);margin-bottom:8px}.radio-input,.checkbox-input{margin-right:8px}.class-select-section{margin-top:20px}.class-select{width:100%;padding:10px;font-size:16px}.keyword-filter-section{margin-top:20px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.filter-item{margin-bottom:15px}.keyword-input{width:100%;padding:8px;font-size:14px}.flashcard{background:var(--surface);border:1px solid var(--border);padding:2rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.flashcard:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.flashcard-export{background:var(--color10);color:var(--background)}.button-section{margin-top:20px}.compile-button{padding:10px 20px;font-size:16px;background-color:var(--color2);color:var(--background);border:none;border-radius:4px;cursor:pointer;margin-right:10px;font-weight:500}.compile-button:hover{background-color:var(--color10)}.compile-button:disabled{background-color:var(--color8);cursor:not-allowed;opacity:.6}.export-results{margin-top:20px;padding:20px;background-color:var(--surface);border:1px solid var(--border);border-radius:8px}.export-results h3{margin-bottom:1rem}.preview-section{margin:20px 0;padding:15px;background-color:var(--background);border-radius:8px;border:1px solid var(--border)}.preview-section h4{margin-bottom:10px;color:var(--foreground)}.preview-content{padding:10px;background-color:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:auto;max-height:400px;font-size:14px;font-family:Roboto Mono,monospace;white-space:pre-wrap;word-wrap:break-word;color:var(--foreground)}.download-button{padding:12px 24px;font-size:16px;background-color:var(--color2);color:var(--background);border:none;border-radius:4px;cursor:pointer;font-weight:700}.download-button:hover{background-color:var(--color10)}.import-instructions{margin-top:20px;padding:15px;background-color:var(--surface);border:1px solid var(--color4);border-radius:8px}.import-instructions h4{color:var(--foreground);margin-bottom:.5rem}.import-instructions ol{color:var(--foreground);padding-left:1.5rem}.qa-paired-content-container{position:relative}.qa-actions-container{position:absolute;top:0;right:0;display:flex;align-items:center;gap:10px}.qa-type-indicator{display:inline-flex;align-items:center;gap:8px;margin-bottom:1rem}.qa-type-label{background-color:var(--color5);color:var(--background);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.nested-bullets-section{margin-bottom:2rem}.nested-bullets-content{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border);white-space:pre-wrap;font-family:Roboto Mono,monospace;color:var(--foreground)}.qa-pairs-section{margin-bottom:2rem}.qa-pairs-list{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}.qa-pair-item{margin-bottom:1rem;border:1px solid var(--border);border-radius:4px;overflow:hidden}.qa-pair-header{padding:10px;background:var(--surface-hover);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s ease}.qa-pair-header:hover{background:var(--color8)}.qa-pair-number{font-weight:700;color:var(--color4)}.qa-collapse-hint{font-size:12px;color:var(--color8)}.qa-pair-expanded{padding:15px;background:var(--background);border-top:1px solid var(--border)}.qa-pair-question-section{margin-bottom:10px}.qa-label-question,.qa-label-answer{font-weight:700;color:var(--color4);margin-bottom:5px}.photo-note-container{position:relative}.photo-actions-container{position:absolute;top:0;right:0;display:flex;align-items:center;gap:10px}.photo-type-indicator{display:inline-flex;align-items:center;gap:8px;margin-bottom:1rem}.photo-type-label{background-color:var(--color6);color:var(--background);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.upload-area{border:2px dashed var(--border);padding:2rem;text-align:center;border-radius:8px;transition:all .2s ease;background:var(--surface)}.upload-area:hover{border-color:var(--color4);background:var(--surface-hover)}.camera-container{position:relative;background:var(--background);border:1px solid var(--color8);border-radius:8px;overflow:hidden}.camera-error{color:var(--color1);padding:1rem;text-align:center}.camera-error-container{color:var(--color1);margin-bottom:10px}.retry-camera-button{margin-top:10px}.camera-video{max-width:300px;max-height:300px;display:block;border:2px solid var(--border);border-radius:8px}.hidden-canvas{display:none}.capture-button{margin-top:10px}.preview-image{max-width:300px;max-height:300px;border:2px solid var(--border);border-radius:8px}.extracted-text-section{margin-top:20px;padding:15px;background-color:var(--surface);border:1px solid var(--border);border-radius:8px}.extracted-text-content{white-space:pre-wrap;background:var(--background);padding:10px;border-radius:4px;border:1px solid var(--border);color:var(--foreground)}.qa-pairs-preview{margin-top:20px;padding:15px;background-color:var(--surface);border:1px solid var(--color2);border-radius:8px}.qa-pair-preview-item{margin-bottom:15px;padding:10px;background-color:var(--background);border:1px solid var(--border);border-radius:5px}.qa-pair-preview-item:last-child{margin-bottom:0}.qa-preview-question{font-weight:700;color:var(--color4)}.qa-preview-answer{margin-top:5px;color:var(--foreground)}.debug-mode-section{margin-top:20px;padding:10px;background-color:var(--surface);border:1px solid var(--border);border-radius:5px}.debug-checkbox-label{display:flex;align-items:center;margin-bottom:10px;color:var(--foreground)}.debug-checkbox{margin-right:5px}.webm-file-input{margin-bottom:5px}.debug-info-text{font-size:12px;color:var(--color8);margin:5px 0}.recording-indicator{color:var(--color1);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.recording-button{background:var(--color1);color:var(--color15)}.recording-button:hover{background:var(--color9)}.loading{color:var(--color3)}.error{color:var(--color1)}.error-message{background:#e173731a;border:1px solid var(--color1);color:var(--color1);padding:1rem;border-radius:4px}.success{color:var(--color2)}.success-message{background:#94b9781a;border:1px solid var(--color2);color:var(--color2);padding:1rem;border-radius:4px}.warning{color:var(--color3)}.warning-message{background:#ffb97b1a;border:1px solid var(--color3);color:var(--color3);padding:1rem;border-radius:4px}.mb-1{margin-bottom:1rem}.mt-1{margin-top:1rem}.p-1{padding:1rem}.flex{display:flex}.flex-column{flex-direction:column}.gap-1{gap:1rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.MuiPaper-root{background-color:var(--surface)!important;color:var(--foreground)!important}.MuiButton-root{background-color:var(--color4)!important;color:var(--background)!important}.MuiButton-root:hover{background-color:var(--color12)!important}.hidden{display:none!important}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--foreground);background-color:var(--background)}.loading-text{padding:20px;text-align:center;background-color:var(--background);color:var(--foreground);min-height:100vh;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.responsive-image{width:100%;height:auto;border-radius:8px}.image-with-border{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.text-center{text-align:center}.text-italic{font-style:italic}.text-muted{color:#666}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.m-0{margin:0}.container-padding{padding:20px}.form-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;margin-left:1rem}.success-message{background:#94b9781a;border:1px solid var(--color2);color:var(--color2);padding:1rem;border-radius:8px;margin-bottom:1rem}.z-top{z-index:9999}.payment-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.payment-overlay-content{text-align:center;color:var(--foreground);padding:40px;max-width:500px}.payment-overlay-title{margin:0 0 20px;font-size:28px;font-weight:600}.payment-overlay-button{background-color:#635bff;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:20px}.payment-overlay-button:hover{background-color:#5a52e8}.payment-container{padding:20px;text-align:center}.payment-button{background-color:#635bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;margin-top:20px}.payment-button:hover{background-color:#5a52e8}.google-drive-option{margin-top:20px;padding:15px;background:var(--surface);border-radius:8px;border:1px solid var(--color4)}.google-drive-checkbox{display:flex;align-items:center;cursor:pointer}.google-drive-checkbox input{margin-right:10px;transform:scale(1.2)}.google-drive-checkbox span{font-weight:700;color:var(--color4)}.google-drive-description{margin:8px 0 0 32px;font-size:14px;color:var(--color7)}.google-drive-success{margin-top:20px;padding:15px;background:#94b9781a;border:1px solid var(--color2);border-radius:4px;color:var(--color2)}.google-drive-success h3{margin-top:0}.google-drive-actions{margin-top:15px}.google-drive-button{display:inline-block;padding:10px 20px;background:var(--color2);color:var(--background);text-decoration:none;border-radius:4px;margin-right:10px}.google-drive-button:hover{background:var(--color10);text-decoration:none}.google-drive-button.secondary{background:var(--color4)}.google-drive-button.secondary:hover{background:var(--color12)}.photo-note-image{max-width:100%;max-height:500px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.photo-image-error{padding:20px;text-align:center;color:var(--color7)}.legal-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#96bddb,#b1d7f6);font-family:Arial,sans-serif}.login-card{background-color:var(--surface);padding:3rem;border-radius:15px;box-shadow:0 10px 30px #0000004d;text-align:center;max-width:400px;width:90%;border:1px solid var(--border)}.login-title{font-size:2.5rem;color:var(--foreground);margin-bottom:.5rem;font-weight:700}.login-description{font-size:1.1rem;color:var(--color7);margin-bottom:2rem;line-height:1.5}.google-signin-button{background-color:#4285f4;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:background-color .3s;font-weight:500}.google-signin-button:hover{background-color:#3367d6}.login-footer{margin-top:2rem;font-size:.9rem;color:var(--color7)}.camera-preview{max-width:300px;max-height:300px;border:2px solid var(--border);border-radius:8px}.transcript-textarea{width:100%;min-height:400px;background-color:#2d2d2d;color:#fff;border:1px solid #444;padding:12px;font-family:monospace;font-size:14px;border-radius:4px;resize:vertical}.lecture-photo{max-width:100%;max-height:500px;border-radius:6px;box-shadow:0 1px 3px #0000001a;background-color:var(--surface)}._lectureName_1t5bh_4{font-size:2rem;margin:0;color:var(--foreground)}._photoImage_1t5bh_11{max-width:100%;height:auto}._flashcardsSection_1t5bh_17,._topFlashcards_1t5bh_21{margin-bottom:2rem}._flashcardsContainer_1t5bh_25{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}._flashcardItem_1t5bh_32{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}._flashcardItem_1t5bh_32:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}._flashcardQuestion_1t5bh_44{font-weight:700;margin-bottom:.5rem;color:var(--color4)}._summarySection_1t5bh_51,._topSummary_1t5bh_55{margin-bottom:2rem}._summaryHeader_1t5bh_59{display:flex;align-items:center;gap:10px;margin-bottom:10px}._editButton_1t5bh_66{background:none;border:none;color:var(--color4);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:background .2s ease}._editButton_1t5bh_66:hover{background-color:var(--surface)}._summaryContent_1t5bh_81{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}._summaryTextarea_1t5bh_88{width:100%;min-height:150px;padding:10px;font-size:16px;resize:vertical;background-color:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:4px}._summaryEditActions_1t5bh_100{margin-top:10px;display:flex;gap:10px;align-items:center}._buttonSave_1t5bh_107,._buttonCancel_1t5bh_108{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}._buttonSave_1t5bh_107{background-color:var(--color2);color:var(--background)}._buttonSave_1t5bh_107:hover{background-color:var(--color10)}._buttonCancel_1t5bh_108{background-color:var(--color8);color:var(--foreground)}._buttonCancel_1t5bh_108:hover{background-color:var(--border-light)}._keyboardHint_1t5bh_134{font-size:12px;color:var(--color8);margin-left:10px}._transcriptTextarea_1t5bh_141{width:100%;min-height:300px;padding:10px;font-size:16px;resize:vertical;background-color:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:4px;font-family:monospace}