body{background-color:var(--bs-success-text-emphasis);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#333;}p{margin:0;}.ml-1{margin-left:1rem !important;}.rounded-circle:hover{background-color:#f8f9fa;}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg) !important;border-color:#86b7fe !important;outline:0 !important;box-shadow:0 0 0 .25rem rgba(13,110,253,.25) !important;}.navbar{background:#ffffff;border-bottom:1px solid #e0e0e0;min-height:auto;}.main-logo{height:44px;width:auto;border-radius:0;}.grid-card{background:#ffffff;border-radius:8px;border:0;box-shadow:0 2px 4px rgba(0,0,0,0.05);height:450px !important;max-height:450px !important;display:flex !important;flex-direction:column !important;overflow:hidden;transition:transform 0.2s;}@media (max-width:768px){.grid-card{height:auto !important;max-height:none !important;min-height:400px !important;aspect-ratio:unset !important;margin-bottom:20px;}.grid-body{overflow:visible !important;height:auto !important;min-height:350px !important;padding-bottom:20px !important;display:block !important;}.flashcard-scene{height:350px !important;}.flashcard-face{position:relative !important;height:100% !important;display:flex;flex-direction:column;justify-content:space-between;padding-top:60px !important;}.chart-fill-container{height:350px !important;flex-grow:0 !important;width:100% !important;}#chart-overall,#chart-int-activity,#chart-int-progress,#chart-funnel{min-height:350px !important;width:100% !important;}.after-button{height:auto !important;padding:10px !important;font-size:0.9rem !important;}}.grid-header{padding:15px;background:rgba(255,255,255,0.5);border-bottom:1px solid rgba(0,0,0,0.05);font-weight:bold;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}.grid-body{flex:1 1 auto !important;padding:15px;position:relative;overflow:hidden !important;min-height:0 !important;}.grid-footer{padding:10px 15px;background:#fff;border-top:1px solid rgba(0,0,0,0.05);flex-shrink:0;padding-top:0;}.flashcard-scene{position:relative;width:100%;height:100%;cursor:pointer;}.flashcard-obj{position:relative;width:100%;height:100%;}.flashcard-face{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}.flashcard-front{display:flex;visibility:visible;z-index:2;}.flashcard-back{display:none;visibility:hidden;z-index:1;}.flashcard-obj.flipped .flashcard-front{display:none;visibility:hidden;}.flashcard-obj.flipped .flashcard-back{display:flex;visibility:visible;}#ai-topics-list{font-size:0.8rem;}#ai-current-topic{font-size:1rem;text-transform:capitalize;line-height:1.4rem;text-align:justify;white-space:break-spaces;}.no-scrollbar::-webkit-scrollbar{display:none;}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.time-chip{border-color:#dee2e6;color:#6c757d;font-weight:500;padding:0.25rem 0.75rem;background:#fff;}.time-chip.active,.time-chip:hover{background-color:#dc3545;color:white;border-color:#dc3545;box-shadow:0 2px 5px rgba(220,53,69,0.3);}.nav-tabs .nav-link{color:#979797;border:none;border-bottom:3px solid transparent;transition:all 0.3s;font-size:0.7em;font-family:monospace;letter-spacing:1px;}.nav-tabs .nav-link.active{color:#252525;background:transparent;border-bottom:3px solid #000;font-weight:bold;font-size:0.7em;font-family:monospace;letter-spacing:1px;}.nav-tabs .nav-link:hover{border-color:transparent;}.btn-vocab-action{height:50px;font-family:monospace;text-transform:uppercase;}.text-rtl{direction:rtl;}.cursor-pointer{cursor:pointer;}.topic-row:last-child{border-bottom:none !important;}.history-dots{display:flex;gap:6px;align-items:center;margin-top:0px;flex-wrap:wrap;place-self:flex-start;}.history-dot{cursor:pointer;width:16px;height:16px;border-radius:50%;display:inline-block;}.history-dot:hover{transform:none;}.dot-green{background-color:#28a745;}.dot-red{background-color:#dc3545;}.dot-gray{background-color:#dee2e6;}.vocab-hint{font-size:1.5rem;color:#adb5bd;letter-spacing:2px;margin-top:15px;font-weight:bold;}.hint-text{letter-spacing:2px;display:initial;vertical-align:sub;}#vocab-filter{width:fit-content;}.btn-circle-action{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.fa-graduation-cap-custom:before,.fa-mortar-board:before{color:#fff;}.fa-pencil-custom:before{color:var(--bs-warning-border-subtle) !important;}.btn-edit-current-card{width:25px;height:25px;padding:0;display:flex;align-items:center;justify-content:center;background:#000;background-color:#000 !important;border-color:#000 !important;color:#fff !important;transition:all 0.2s ease;}.btn-vocab-master-action{background-color:#000 !important;border-color:#000 !important;color:#fff !important;transition:all 0.2s ease;}.btn-vocab-master-action:hover{background-color:#198754 !important;border-color:#198754 !important;color:#fff !important;}.btn-vocab-master-action.is-active{background-color:#198754 !important;border-color:#198754 !important;}.btn-vocab-master-action.is-active i{color:#ffc107 !important;}.progress-dashboard{display:flex;width:100%;height:26px;background-color:#fff;border-radius:12px;overflow:hidden;font-size:0.75rem;font-weight:bold;color:#fff;}.prog-segment{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width 0.5s ease;border-right:1px dashed #999999;}.prog-segment:last-child{border-right:none;}.prog-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#343a40;z-index:1;}.prog-fill{position:absolute;top:0;left:0;height:100%;z-index:2;transition:width 0.5s ease;background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;}.fill-orange{background-color:#fd7e14;}.fill-blue{background-color:#0d6efd;}.fill-green{background-color:#198754;}.prog-text{position:relative;z-index:3;text-shadow:0 1px 2px rgba(0,0,0,0.8);white-space:nowrap;padding:0 5px;}.ai-log-item.log-selected{background-color:#e8f0fe !important;border-left:4px solid #0d6efd !important;padding-left:8px !important;transition:all 0.2s;}#view-score-chips .btn:hover{background-color:#dc3545 !important;border-color:#dc3545 !important;color:#fff !important;}div:where(.swal2-container) div:where(.swal2-popup).swal2-show{animation:simple-fade-in 0.2s ease-out !important;}div:where(.swal2-container) div:where(.swal2-popup).swal2-hide{animation:simple-fade-out 0.15s ease-in forwards !important;}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,0) !important;}@keyframes simple-fade-in{0%{opacity:0;transform:scale(0.96);}100%{opacity:1;transform:scale(1);}}@keyframes simple-fade-out{0%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(0.96);}}.swal2-popup{border:1px solid #bebebe;}.btn-toggle-chart.active-overall{background-color:#000 !important;border-color:#000 !important;color:white !important;}.btn-toggle-chart.active-reading{background-color:#C62828 !important;border-color:#C62828 !important;color:white !important;}.btn-toggle-chart.active-writing{background-color:#EF6C00 !important;border-color:#EF6C00 !important;color:white !important;}.btn-toggle-chart.active-listening{background-color:#1565C0 !important;border-color:#1565C0 !important;color:white !important;}.btn-toggle-chart.active-speaking{background-color:#2E7D32 !important;border-color:#2E7D32 !important;color:white !important;}.btn-toggle-chart{border:1px solid transparent;color:white !important;font-weight:500;transition:none !important;transform:none !important;box-shadow:none !important;cursor:pointer;}.btn-toggle-chart:hover,.btn-toggle-chart:focus,.btn-toggle-chart:active{opacity:1 !important;outline:none !important;box-shadow:none !important;}.btn-toggle-chart.btn-overall{background-color:#000;border-color:#000;cursor:default !important;pointer-events:none !important;}.btn-toggle-chart.btn-reading{background-color:#C62828;border-color:#C62828;}.btn-toggle-chart.btn-writing{background-color:#EF6C00;border-color:#EF6C00;}.btn-toggle-chart.btn-listening{background-color:#1565C0;border-color:#1565C0;}.btn-toggle-chart.btn-speaking{background-color:#2E7D32;border-color:#2E7D32;}.btn-toggle-chart.chart-hidden{background-color:#e9ecef !important;border-color:#dee2e6 !important;color:#adb5bd !important;cursor:pointer !important;}.btn-toggle-chart.chart-hidden:hover{background-color:#e2e6ea !important;}.btn-success,.btn-success:hover,.btn-success:active,.btn-success:disabled{--bs-btn-bg:#057e05 !important;--bs-btn-border-color:#057e05 !important;--bs-btn-hover-bg:#046404 !important;--bs-btn-hover-border-color:#046404 !important;--bs-btn-active-bg:#046404 !important;--bs-btn-active-border-color:#046404 !important;--bs-btn-disabled-bg:#057e05 !important;--bs-btn-disabled-border-color:#057e05 !important;}.btn-danger,.btn-danger:hover,.btn-danger:active,.btn-danger:disabled{--bs-btn-bg:#bb2d3b !important;--bs-btn-border-color:#bb2d3b !important;--bs-btn-hover-bg:#a6202d !important;--bs-btn-hover-border-color:#a6202d !important;--bs-btn-active-bg:#a6202d !important;--bs-btn-active-border-color:#a6202d !important;--bs-btn-disabled-bg:#bb2d3b !important;--bs-btn-disabled-border-color:#bb2d3b !important;}.tab-badge{display:none;font-weight:normal;font-family:monospace;}.nav-link.active .tab-badge{display:inline;}#writing-current-snippet,#reading-current-snippet{white-space:normal;line-height:1.4;font-size:1.1rem;font-weight:normal !important;text-align:justify;}#card-interpreting > .grid-body,#card-vocab > .grid-body{background-image:url('/IELST/assets/image/paper-bg.png') !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-color:#fdfdfd;box-shadow:inset 0 0 20px rgba(0,0,0,0.05);border:none !important;border-radius:0 !important;position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;}.notebook-card::before{display:none !important;}.label-rotated{position:absolute;font-size:0.75rem;font-weight:bold;color:#333;text-transform:uppercase;letter-spacing:1px;z-index:10;}.label-top{top:10px;left:50%;transform:translateX(-50%);width:100%;text-align:center;}.label-right{top:50%;right:-15px;transform:translateY(-50%) rotate(90deg);transform-origin:center;}.label-left{top:50%;left:-15px;transform:translateY(-50%) rotate(-90deg);transform-origin:center;}.btn-record-circle{width:55px;height:55px;border-radius:50%;background-color:#dc3545;color:white;border:4px solid #fff;box-shadow:0 0 0 2px #dc3545;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform 0.2s;}.btn-record-circle:active{transform:scale(0.95);}.btn-record-circle:hover{transform:scale(1.05);background-color:#c82333;}.soundwave-container{display:flex;align-items:center;gap:3px;height:20px;}.soundwave-bar{width:4px;background-color:#dc3545;animation:soundwave 1s infinite ease-in-out;}.soundwave-bar:nth-child(1){height:60%;animation-delay:0.0s;}.soundwave-bar:nth-child(2){height:100%;animation-delay:0.1s;}.soundwave-bar:nth-child(3){height:50%;animation-delay:0.2s;}.soundwave-bar:nth-child(4){height:80%;animation-delay:0.3s;}@keyframes soundwave{0%,100%{transform:scaleY(1);}50%{transform:scaleY(0.5);}}.auto-fit-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;text-align:center;padding:15px;line-height:1.5;word-wrap:break-word;}.int-list-item-text{font-weight:normal !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block;width:100%;min-width:0;font-size:0.8rem;color:#333;}.res-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:20px;text-align:center;}.res-score{font-size:2.5rem;font-weight:bold;color:#0d6efd;margin-bottom:15px;}.res-persian{font-size:0.8rem;direction:rtl;border-radius:8px;padding-bottom:0;padding-top:0;margin:0;}.res-box{text-align:left;margin-top:10px;border-radius:8px;font-size:0.8rem;border:none !important;}.after-button{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;letter-spacing:1px;border:none !important;display:flex;align-items:center;justify-content:center;font-size:1.1rem !important;transition:all 0.2s ease;height:60px;border-radius:0 !important;}.after-button i{font-size:1.6rem;}.btn-info{background-color:#0dcaf0;color:#fff !important;}.btn-warning{background-color:#ffc107;color:#000 !important;}#interpreting-footer{background-color:#1a1a1a !important;border-top:none !important;height:60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:30;border:0;}.footer-mode-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.rec-ui{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;}.rec-ui:active{transform:scale(0.95);}.rec-dot{width:22px;height:22px;background-color:#ff0000;border-radius:50%;box-shadow:0 0 8px rgba(255,0,0,0.6);}.rec-text{color:#fff;font-family:sans-serif;font-size:1.6rem;font-weight:500;letter-spacing:1px;}.stop-ui{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;}.stop-dots{display:flex;gap:4px;align-items:flex-end;height:20px;}.wave-dot{width:4px;background-color:#ff0000;border-radius:2px;animation:waveAnim 1s infinite ease-in-out;}.wave-dot:nth-child(1){height:6px;animation-delay:0s;}.wave-dot:nth-child(2){height:12px;animation-delay:0.1s;}.wave-dot:nth-child(3){height:18px;animation-delay:0.2s;}.wave-dot:nth-child(4){height:10px;animation-delay:0.3s;}@keyframes waveAnim{0%,100%{transform:scaleY(1);opacity:0.8;}50%{transform:scaleY(1.5);opacity:1;}}.stop-text{color:#fff;font-size:1.6rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;}#int-loading{background:transparent !important;z-index:50 !important;display:flex;flex-direction:column;align-items:center;justify-content:center;}#int-question-box{padding:1rem !important;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}#int-question-text{width:100%;color:#333;font-weight:bold;font-size:1.5rem;line-height:1.3;max-height:100%;justify-content:center;}.user-transcription-icon{color:#dc3545;margin-right:8px;font-size:1.2rem;vertical-align:middle;}.bot-suggestion-icon{color:#198754;margin-right:8px;font-size:1.2rem;vertical-align:middle;}.result-text-line{color:#333;}.read-more-link{color:#0d6efd;cursor:pointer;font-size:0.85em;text-decoration:none;margin-right:5px;font-weight:normal;}.read-more-link:hover{text-decoration:underline;}.actions-score-hint,.actions-wpm-hint{font-size:0.6em;opacity:0.8;margin-left:3px;top:-0.5em;font-style:italic;font-family:monospace;font-weight:normal;}.btn-period-toggle{border:1px solid #dee2e6;background-color:#f8f9fa;color:#6c757d;font-size:0.75rem;font-weight:500;padding:0.25rem 0.7rem;border-radius:20px;transition:all 0.2s;}.btn-period-toggle:hover{background-color:#e2e6ea;color:#495057;}.btn-period-toggle.active{background-color:#dc3545 !important;border-color:#dc3545 !important;color:#fff !important;box-shadow:0 2px 5px rgba(220,53,69,0.3);}.chart-fill-container{flex-grow:1;position:relative;width:100%;height:100%;min-height:0;}.disabled-rec{background-color:#000000 !important;border-color:#000000 !important;color:#959595 !important;}.disabled-rec > .rec-dot{background-color:#959595;box-shadow:rgb(120 120 120 / 60%) 0px 0px 8px;}.tab-pane{height:100% !important;}.overflow-auto{overflow-y:auto !important;scrollbar-width:thin;}#mixed-content-list-body,#reading-logs-list,#writing-logs-list{width:100%;display:block;}@media (max-width:768px){.after-button{font-size:0.9rem !important;flex-direction:column;gap:5px;}.after-button span{margin-left:0 !important;}#card-interpreting{aspect-ratio:unset !important;height:80vh !important;max-height:800px !important;}#card-interpreting .grid-body{padding-bottom:10px !important;}#interpreting-footer{height:auto !important;min-height:75px;}.after-button{height:100% !important;min-height:75px;flex-direction:column !important;justify-content:space-evenly;gap:4px !important;padding:14px 10px 0px 10px !important;font-size:0.85rem !important;white-space:nowrap;}.after-button span{margin-left:0 !important;margin-top:2px;font-weight:bold;font-size:1.1rem;}.after-button i{font-size:1.4rem !important;margin-bottom:0 !important;}}.vocab-select-card{border:1px solid #dee2e6;background-color:#fff;cursor:pointer;transition:all 0.2s ease-in-out;border-radius:12px;height:100%;position:relative;overflow:hidden;}.vocab-select-card.selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;}.vocab-card-example{font-size:0.8rem;color:#6c757d;font-style:italic;border-top:1px solid rgba(0,0,0,0.05);margin-top:auto;padding-top:8px;width:100%;}.modal-backdrop{backdrop-filter:none !important;background-color:rgba(0,0,0,0.5) !important;}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,0.1) !important;border:none;}textarea.form-control{resize:none !important;box-shadow:none !important;border:1px solid #ced4da !important;}textarea.form-control:focus{border-color:#86b7fe !important;box-shadow:0 0 0 2px rgba(13,110,253,0.1) !important;}.grid-card .grid-header .nav.nav-tabs{display:flex !important;flex-wrap:nowrap !important;width:100%;}.grid-card .grid-header .nav.nav-tabs > .nav-item{flex:1 1 0 !important;min-width:0 !important;}.grid-card .grid-header .nav.nav-tabs .nav-link{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;min-width:0 !important;}#vocab-list-body{background-color:transparent !important;}#btn-fab-add{position:fixed;right:0;top:60%;transform:translateY(-50%);width:45px;height:50px;z-index:1050;border-radius:12px 0 0 12px;display:flex;align-items:center;justify-content:center;padding-right:5px;border:none;background-color:#0d6efd;transition:all 0.2s ease;}#btn-fab-add:hover{width:55px;background-color:#0b5ed7;}@media (max-width:768px){#btn-fab-add{width:40px;height:45px;}}.vocab-row-clickable:hover{background-color:rgba(0,0,0,0.02);}.btn-copy-phrase:hover{opacity:1 !important;color:#0d6efd !important;}.grid-card .grid-header .nav.nav-tabs > .nav-item{flex:1 1 0 !important;min-width:0 !important;justify-items:center;align-content:center;}.nav-tabs .nav-link.active{border-bottom:0 !important;}@media (max-width:576px){.nav-link .tab-label{display:none;}.nav-link #badge-flashcard,.nav-link .badge{margin-left:0 !important;margin-top:2px;}.nav-link i{font-size:1.1rem;}}.nav-link:not(.active) .badge{opacity:0.5;transform:scale(0.9);transition:all 0.3s ease;}.nav-link.active .badge{opacity:1;transform:scale(1);}.interpreting-side-label{position:absolute;font-size:0.65rem;font-weight:bold;color:#999;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;z-index:5;pointer-events:auto;cursor:pointer;}.label-left-vertical{left:5px;top:60%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;}.label-right-vertical{right:5px;top:60%;transform:translateY(50%) rotate(90deg);transform-origin:right center;direction:ltr;}.res-box.correction-box{border-left:4px solid #0dcaf0 !important;background-color:#f0faff;}.vocab-select-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all 0.2s ease;}.vocab-select-card:hover{border-color:#0d6efd;box-shadow:0 4px 12px rgba(0,0,0,0.05);}.vocab-select-card.selected{background-color:#e7f1ff;border:2px solid #0d6efd;transform:translateY(-2px);}#btn-fab-bulk{position:fixed;left:0;top:60%;transform:translateY(-50%);width:45px;height:50px;z-index:1050;border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:center;padding-left:5px;border:none;background-color:#212529;color:#fff;transition:all 0.2s ease;}#btn-fab-bulk:hover{width:55px;background-color:#000;}@media (max-width:768px){#btn-fab-bulk{width:40px;height:45px;}}.vocab-select-card.selected{background-color:#e7f1ff !important;border:2px solid #0d6efd !important;transform:translateY(-2px);}.badge{border-radius:9px !important;}.topic-chip-btn{border:1px solid #dee2e6;background-color:#fff;color:#495057;padding:6px 12px;border-radius:20px;font-size:0.85rem;transition:all 0.2s;display:inline-flex;align-items:center;cursor:pointer;position:relative;padding-right:30px;}.topic-chip-btn .btn-del-topic-mini{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:#dc3545;display:flex;align-items:center;justify-content:center;font-size:0.8rem;opacity:0.5;transition:opacity 0.2s;}.topic-chip-btn .btn-del-topic-mini:hover{background-color:#ffeaea;opacity:1;}.topic-chip-btn.active{background-color:#0d6efd;color:white;border-color:#0d6efd;box-shadow:0 2px 5px rgba(13,110,253,0.3);}.topic-chip-btn.active .btn-del-topic-mini{color:#fff;opacity:0.7;}.topic-chip-btn.active .btn-del-topic-mini:hover{background-color:rgba(255,255,255,0.2);opacity:1;}.topic-chip-btn.btn-random-topic{background-color:#212529;color:#fff;border-color:#212529;padding-right:12px;}.topic-chip-btn.btn-random-topic.active{background-color:#ffc107;color:#000;border-color:#ffc107;font-weight:bold;}.trend-chip{border:1px dashed #6c757d;background-color:#f8f9fa;color:#333;padding:4px 10px;border-radius:6px;font-size:0.8rem;display:inline-flex;align-items:center;cursor:default;}.trend-chip button{border:none;background:#198754;color:white;width:20px;height:20px;border-radius:4px;margin-left:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.7rem;transition:transform 0.1s;}.trend-chip button:hover{transform:scale(1.1);background:#146c43;}#int-content-body{min-height:150px;}@media (min-width:769px){#card-interpreting,#card-stats{height:485px !important;max-height:485px !important;}}.pattern-hint-box{background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:8px;padding:10px 40px 10px 15px;position:relative;width:95%;margin:5px auto 10px auto;text-align:left;direction:ltr;}.pattern-hint-box .hint-bg-icon{position:absolute;right:35px;top:50%;transform:translateY(-50%);font-size:2rem;color:rgba(255,193,7,0.15);z-index:0;pointer-events:none;}.pattern-hint-box .hint-content{position:relative;z-index:1;font-size:0.85rem;color:#555;font-style:italic;font-family:monospace,sans-serif;}.pattern-hint-box .btn-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;font-size:0.7rem;}.topic-chip-btn small{font-family:monospace;font-weight:normal;}.topic-chip-btn.active small{color:#fff;opacity:0.8 !important;}.topic-chip-btn{border:none !important;background-image:none !important;opacity:1 !important;box-shadow:0 1px 3px rgba(0,0,0,0.1);font-weight:500;}.topic-chip-btn.active{background-color:#1a1a1a !important;color:#ffc107 !important;border:2px solid #ffc107 !important;transform:scale(1.05);}.topic-chip-btn small{font-family:monospace;background:rgba(0,0,0,0.15);padding:1px 5px;border-radius:4px;margin-left:5px;}.topic-chip-btn{transition:all 0.2s ease;}.topic-chip-btn:hover{filter:brightness(1.1);transform:translateY(-1px);}.topic-chip-btn{background-image:none !important;filter:none !important;-webkit-filter:none !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;transition:transform 0.2s !important;}.topic-chip-btn:hover{transform:scale(1.05) !important;filter:brightness(0.9) !important;}.topic-chip-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 8px !important;}.pat-title{margin-right:4px;}.pat-count,.pat-avg{display:inline-block;padding:2px 6px;font-size:0.7rem;border-radius:6px;font-family:monospace;}.pat-count{background:rgba(0,0,0,0.1);color:inherit;}.pat-avg{background:rgba(255,255,255,0.2);border:1px solid rgba(0,0,0,0.05);font-weight:bold;}.topic-chip-btn{display:inline-flex !important;align-items:center;gap:4px;padding:5px 10px !important;border-radius:20px;white-space:nowrap;padding-right:25px !important;}.pat-title{margin-right:4px;font-weight:500;}.pat-count,.pat-avg{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;font-size:0.65rem;border-radius:5px;font-family:monospace;padding:0 4px;}.pat-count{background:rgba(0,0,0,0.12);color:inherit;}.pat-avg{background:rgba(0,0,0,0.12);font-weight:bold;}.topic-chip-btn.active .pat-count{background:rgba(255,255,255,0.2);}.topic-chip-btn.active .pat-avg{background:#fff;color:#000;}.btn-random-topic{font-size:0.8rem !important;padding:10px !important;}#modal-int-patterns #pattern-view-list,#modal-int-patterns #pattern-view-edit{display:flex;flex-direction:column;max-height:80vh;}#modal-int-patterns .modal-body{overflow-y:auto !important;flex:1;}.select2-container--default .select2-selection--single{height:31px !important;padding:2px !important;border:1px solid #ced4da !important;}.int-log-item[style*="opacity:0.6"]{border-right:4px solid #dee2e6 !important;}.int-log-item[style*="opacity:0.6"]:hover{opacity:1 !important;}