.deepdive-container{max-width:700px;margin:0 auto;padding:20px}.instruction{font-size:1.2rem;font-weight:600;text-align:center;margin-bottom:30px;color:var(--text-primary, #1A1A1A)}.progress{text-align:center;font-size:.9rem;color:var(--text-secondary, #666);margin-bottom:20px}.matching-container{display:flex;gap:30px;justify-content:space-between}.questions-column,.answers-column{flex:1;display:flex;flex-direction:column;gap:15px}.question-item,.answer-item{padding:15px 20px;background:var(--card-bg, #F5F5F5);border:2px solid var(--card-border, #E0E0E0);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.question-item:hover,.answer-item:hover{border-color:var(--selected-border, #4A90E2);transform:translateY(-2px)}.question-item.selected,.answer-item.selected{background:var(--selected-bg, #E3F2FD);border-color:var(--selected-border, #4A90E2);border-width:3px}.question-item.matched,.answer-item.matched{background:var(--success-bg, #E8F5E9);border-color:var(--success-color, #4CAF50);opacity:.7;cursor:default;position:relative}.question-item.matched:after,.answer-item.matched:after{content:"✓";position:absolute;top:5px;right:10px;color:var(--success-color, #4CAF50);font-weight:700;font-size:1.2rem}.question-item.error,.answer-item.error{animation:shake .3s;border-color:var(--error-color, #D32F2F)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary, #ffffff);padding:40px 60px;border-radius:16px;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .2));font-size:2rem;font-weight:700;color:var(--text-success, #4caf50);z-index:1000;animation:celebrate .5s ease}@keyframes celebrate{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.ordering-container{max-width:500px;margin:0 auto}.ordering-list{display:flex;flex-direction:column;gap:12px}.ordering-item{padding:15px 20px;background:var(--card-bg, #F5F5F5);border:2px solid var(--card-border, #E0E0E0);border-radius:8px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;gap:15px}.ordering-item:before{content:"☰";color:#999;font-size:1.2rem}.ordering-item:hover{border-color:var(--selected-border, #4A90E2);transform:translateY(-2px)}.ordering-item.dragging{opacity:.5;cursor:grabbing}.ordering-item.drag-over{border-color:var(--selected-border, #4A90E2);border-style:dashed}.ordering-hint{text-align:center;font-size:.9rem;color:var(--text-secondary, #666);margin:20px 0}.submit-button{display:block;margin:30px auto 0;padding:12px 40px;font-size:1rem;font-weight:600;color:#fff;background:var(--primary-color, #4A90E2);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.submit-button:hover{background:var(--primary-hover, #357ABD);transform:translateY(-2px)}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.feedback-message{text-align:center;margin:20px auto 0;padding:15px;border-radius:8px;font-weight:600;max-width:500px;box-sizing:border-box}.feedback-message.success{background:var(--success-bg, #E8F5E9);color:var(--success-color, #4CAF50)}.feedback-message.error{background:var(--error-bg, #FFEBEE);color:var(--error-color, #D32F2F)}.grouping-container{max-width:700px;margin:0 auto}.items-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:30px;padding:20px;background:var(--pool-bg, #F9F9F9);border:2px dashed var(--card-border, #E0E0E0);border-radius:8px;min-height:80px}.group-buckets{display:flex;flex-direction:column;gap:20px}.group-bucket{border:2px solid var(--card-border, #E0E0E0);border-radius:8px;padding:15px;background:var(--card-bg, #F5F5F5)}.group-bucket.drag-over{border-color:var(--selected-border, #4A90E2);border-style:dashed;background:var(--selected-bg, #E3F2FD)}.bucket-header{font-weight:600;font-size:1.1rem;margin-bottom:12px;color:var(--text-primary, #1A1A1A)}.bucket-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;min-height:50px}.grouping-item{padding:10px 15px;background:var(--card-bg, #ffffff);border:2px solid var(--card-border, #E0E0E0);border-radius:6px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:center;font-size:.9rem;color:var(--text-primary, #333)}.grouping-item:hover{border-color:var(--selected-border, #4A90E2);transform:scale(1.05)}.grouping-item.dragging{opacity:.5;cursor:grabbing}.grouping-item.correct{background:var(--success-bg, #E8F5E9);border-color:var(--success-color, #4CAF50);cursor:default}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:500px;margin:0 auto}.partner-item{padding:20px;background:var(--card-bg, #F5F5F5);border:2px solid var(--card-border, #E0E0E0);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:center;font-weight:500;color:var(--text-primary, #333)}.partner-item:hover{border-color:var(--selected-border, #4A90E2);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.partner-item.selected{background:var(--selected-bg, #E3F2FD);border-color:var(--selected-border, #4A90E2);border-width:3px}.partner-item.paired{background:var(--success-bg, #E8F5E9);border-color:var(--success-color, #4CAF50);opacity:.7;cursor:default;position:relative}.partner-item.paired:after{content:"✓";position:absolute;top:5px;right:10px;color:var(--success-color, #4CAF50);font-weight:700;font-size:1.2rem}.partner-item.error{animation:shake .3s;border-color:var(--error-color, #D32F2F)}.outlier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:500px;margin:0 auto}.outlier-item{padding:25px 20px;background:var(--card-bg, #F5F5F5);border:2px solid var(--card-border, #E0E0E0);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:center;font-weight:500;font-size:1.1rem;color:var(--text-primary, #333)}.outlier-item:hover{border-color:var(--selected-border, #4A90E2);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.outlier-item.correct{background:var(--success-bg, #E8F5E9);border-color:var(--success-color, #4CAF50);border-width:3px;cursor:default;position:relative}.outlier-item.correct:after{content:"✓";position:absolute;top:8px;right:12px;color:var(--success-color, #4CAF50);font-weight:700;font-size:1.5rem}.outlier-item.error{animation:shake .3s;border-color:var(--error-color, #D32F2F);background:var(--error-bg, #FFEBEE)}.touch-dragging{background:var(--card-bg, #ffffff);border:2px solid var(--selected-border, #4A90E2);border-radius:8px;box-shadow:0 8px 20px #0000004d;opacity:.95;transform:scale(1.05);z-index:10000;pointer-events:none}.timeline-item.touch-dragging{display:flex;flex-direction:column;padding:15px 20px}@media(hover:none)and (pointer:coarse){.ordering-item,.grouping-item{cursor:default}.ordering-item:hover,.grouping-item:hover{transform:none;border-color:var(--card-border, #E0E0E0)}.ordering-item:active,.grouping-item:active{transform:scale(.98);border-color:var(--selected-border, #4A90E2)}.ordering-item.drag-over,.group-bucket.drag-over,.items-pool.drag-over{border-color:var(--selected-border, #4A90E2);border-style:dashed;background:var(--selected-bg, #E3F2FD)}}.button-row{display:flex;gap:12px;justify-content:center;margin:30px auto 0;max-width:400px}.button-row .submit-button{display:block;margin:0;flex:1}.button-row .skip-button{flex:1;padding:12px 40px;font-size:1rem;font-weight:600;color:var(--text-primary, #1A1A1A);background:var(--card-bg, #F5F5F5);border:2px solid var(--card-border, #E0E0E0);border-radius:8px;cursor:pointer;transition:all .2s ease}.button-row .skip-button:hover{background:var(--card-border, #E0E0E0);transform:translateY(-2px)}.button-row .skip-button:only-child{max-width:200px}:root{--ease-bounce-out: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce-in: cubic-bezier(.36, 0, .66, -.56);--ease-spring: cubic-bezier(.5, 1.75, .5, .85);--ease-squash: cubic-bezier(.25, .1, .25, 1);--duration-micro: .15s;--duration-short: .25s;--duration-medium: .4s;--duration-long: .6s}.word-button{transition:transform var(--duration-micro) var(--ease-spring),box-shadow var(--duration-micro) var(--ease-squash),border-color var(--duration-micro) ease,background-color var(--duration-micro) ease}.word-button:hover:not(.paired):not(.shake){transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #0000001f}.word-button:active:not(.paired){transform:scale(.97,.95);box-shadow:0 2px 4px #0000001a;transition-duration:50ms}@keyframes selection-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}70%{transform:scale(.98)}to{transform:scale(1)}}.word-button.selected{animation:selection-pop var(--duration-short) var(--ease-bounce-out)}@keyframes deselection-deflate{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.word-button.deselecting{animation:deselection-deflate var(--duration-micro) var(--ease-squash)}@keyframes match-jiggle-bouncy{0%{transform:scale(1) rotate(0)}15%{transform:scale(1.12) rotate(-8deg)}30%{transform:scale(1.12) rotate(8deg)}45%{transform:scale(1.08) rotate(-5deg)}60%{transform:scale(1.08) rotate(5deg)}75%{transform:scale(1.04) rotate(-2deg)}90%{transform:scale(1.02) rotate(1deg)}to{transform:scale(1) rotate(0)}}.word-button.match-animation{animation:match-jiggle-bouncy var(--duration-long) var(--ease-bounce-out)!important}@keyframes shake-bouncy{0%{transform:scaleX(1) translate(0)}10%{transform:scaleX(.95) translate(0)}20%{transform:scaleX(1.02) translate(-14px)}35%{transform:scaleX(1) translate(12px)}50%{transform:scaleX(1) translate(-8px)}65%{transform:scaleX(1) translate(5px)}80%{transform:scaleX(1) translate(-2px)}to{transform:scaleX(1) translate(0)}}.word-button.shake,.touch-active .word-button.shake,.touch-active .word-button.shake:hover,.touch-active .word-button.shake:active{animation:shake-bouncy .5s var(--ease-squash)!important;background-color:#ffebee!important;border-color:#f44336!important;border-width:3px!important;transition:none!important}@keyframes category-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.05);box-shadow:0 0 0 8px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.word-button.category-complete-pulse{animation:category-pulse var(--duration-medium) var(--ease-bounce-out)}@keyframes particle-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:1}to{transform:translate(var(--tx, 0),var(--ty, 0)) scale(var(--end-scale, 1));opacity:0}}.particle{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:10000;animation:particle-burst var(--particle-duration, .5s) var(--ease-bounce-out) forwards;animation-delay:var(--particle-delay, 0ms);box-shadow:0 0 4px currentColor}.particle.large{width:14px;height:14px}.particle.star{width:auto;height:auto;background:transparent!important;box-shadow:none}.particle.star:before{content:"★";font-size:var(--star-size, 16px);color:inherit;text-shadow:0 0 6px currentColor}@keyframes match-flash{0%{box-shadow:0 0 0 0 var(--flash-color, rgba(76, 175, 80, .8))}50%{box-shadow:0 0 20px 10px var(--flash-color, rgba(76, 175, 80, .4))}to{box-shadow:0 0 0 0 var(--flash-color, rgba(76, 175, 80, 0))}}.word-button.match-flash{animation:match-flash .4s ease-out}@keyframes confetti-fall-bouncy{0%{transform:translateY(-20px) translate(0) rotate(0) scale(0);opacity:0}10%{transform:translateY(0) translate(0) rotate(36deg) scale(1.2);opacity:1}20%{transform:translateY(10vh) translate(var(--drift, 10px)) rotate(144deg) scale(1);opacity:1}to{transform:translateY(110vh) translate(var(--drift-end, 30px)) rotate(720deg) scale(.8);opacity:0}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:10px;height:10px;background-color:#f44336;animation:confetti-fall-bouncy var(--confetti-duration, 3s) var(--ease-squash) forwards;animation-delay:var(--confetti-delay, 0ms);z-index:9999;pointer-events:none;--drift: 20px;--drift-end: 40px}.confetti.shape-rect{width:12px;height:8px;border-radius:2px}.confetti.shape-circle{width:10px;height:10px;border-radius:50%}.confetti.shape-triangle{width:0;height:0;background:transparent!important;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--confetti-color, #f44336)}.confetti.shape-squiggle{width:14px;height:6px;border-radius:3px;transform-origin:center}.confetti.color-0{background-color:#f44336;--confetti-color: #f44336}.confetti.color-1{background-color:#e91e63;--confetti-color: #e91e63}.confetti.color-2{background-color:#9c27b0;--confetti-color: #9c27b0}.confetti.color-3{background-color:#673ab7;--confetti-color: #673ab7}.confetti.color-4{background-color:#3f51b5;--confetti-color: #3f51b5}.confetti.color-5{background-color:#2196f3;--confetti-color: #2196f3}.confetti.color-6{background-color:#03a9f4;--confetti-color: #03a9f4}.confetti.color-7{background-color:#00bcd4;--confetti-color: #00bcd4}.confetti.color-8{background-color:#009688;--confetti-color: #009688}.confetti.color-9{background-color:#4caf50;--confetti-color: #4caf50}.checkmark-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.checkmark{width:80px;height:80px;border-radius:50%;background-color:#4caf50;display:flex;align-items:center;justify-content:center;animation:checkmark-pop-bouncy var(--duration-medium) var(--ease-bounce-out);box-shadow:0 4px 12px #4caf504d}.checkmark:after{content:"✓";color:#fff;font-size:48px;font-weight:700;animation:checkmark-draw-bouncy .3s var(--ease-spring) .15s both}@keyframes checkmark-pop-bouncy{0%{transform:scale(0);opacity:0}50%{transform:scale(1.25);opacity:1}70%{transform:scale(.9)}85%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes checkmark-draw-bouncy{0%{opacity:0;transform:scale(0) rotate(-45deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.celebration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:#4caf50;animation:celebration-bounce-bouncy var(--duration-long) var(--ease-bounce-out);z-index:1000;text-align:center;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@keyframes celebration-bounce-bouncy{0%{transform:translate(-50%,-50%) scale(0) rotate(-10deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.3) rotate(5deg);opacity:1}55%{transform:translate(-50%,-50%) scale(.85) rotate(-3deg)}70%{transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}85%{transform:translate(-50%,-50%) scale(.95) rotate(0)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes success-pulse{0%{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.success-pulse{animation:success-pulse .6s ease-out}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.sparkle{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9999}.sparkle:before,.sparkle:after{content:"✨";position:absolute;font-size:20px;animation:sparkle 1s ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{animation:fade-out .5s ease-out forwards}@keyframes grid-item-enter{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}80%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.word-button.cascade-enter{animation:grid-item-enter var(--duration-short) var(--ease-bounce-out) both;animation-delay:var(--cascade-delay, 0ms)}@keyframes header-drop{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:1}}.header-animate{animation:header-drop var(--duration-medium) var(--ease-bounce-out)}@keyframes instructions-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.instructions-animate{animation:instructions-fade var(--duration-short) ease-out;animation-delay:.2s;animation-fill-mode:both}@keyframes modal-bounce-in{0%{transform:translateY(100px) scale(.9);opacity:0}50%{transform:translateY(-20px) scale(1.02);opacity:1}70%{transform:translateY(8px) scale(.99)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modal-bounce-out{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-15px) scale(1.02);opacity:1}to{transform:translateY(80px) scale(.9);opacity:0}}.notification-content{animation:modal-bounce-in var(--duration-medium) var(--ease-bounce-out)}.notification-content.exiting{animation:modal-bounce-out var(--duration-short) var(--ease-bounce-in) forwards}@keyframes letter-pop{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.2) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.letter-pop{display:inline-block;animation:letter-pop var(--duration-short) var(--ease-bounce-out) both;animation-delay:var(--letter-delay, 0ms)}@keyframes screen-zoom-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}body.victory-pulse{animation:screen-zoom-pulse .3s var(--ease-squash)}@keyframes victory-pop-in{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#victory-screen.animate-in{animation:victory-pop-in var(--duration-short) var(--ease-out)}@keyframes category-slide-in{0%{transform:translate(-30px);opacity:0}60%{transform:translate(5px);opacity:1}to{transform:translate(0);opacity:1}}.victory-category.animate-in{animation:category-slide-in var(--duration-short) var(--ease-bounce-out) both;animation-delay:var(--category-delay, 0ms)}@keyframes grid-zoom-out{0%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:0}}@keyframes grid-zoom-in{0%{transform:scale(1.1);opacity:0}60%{transform:scale(.98);opacity:1}to{transform:scale(1);opacity:1}}.grid.exiting{animation:grid-zoom-out var(--duration-short) var(--ease-squash) forwards}.grid.entering{animation:grid-zoom-in var(--duration-short) var(--ease-bounce-out)}@keyframes deep-dive-header-enter{0%{transform:translateY(-40px);opacity:0}60%{transform:translateY(8px);opacity:1}to{transform:translateY(0);opacity:1}}.deep-dive-header.animate-in{animation:deep-dive-header-enter var(--duration-medium) var(--ease-bounce-out)}@keyframes theme-wipe{0%{clip-path:circle(0% at var(--wipe-x, 95%) var(--wipe-y, 5%))}to{clip-path:circle(150% at var(--wipe-x, 95%) var(--wipe-y, 5%))}}body.theme-transitioning:after{content:"";position:fixed;inset:0;background:var(--theme-wipe-color, #1a1a1a);z-index:10000;pointer-events:none;animation:theme-wipe .5s var(--ease-squash) forwards}@keyframes sparkle-float{0%{transform:translateY(0) scale(0);opacity:0}20%{transform:translateY(-20px) scale(1);opacity:1}80%{transform:translateY(-80px) scale(.8);opacity:.6}to{transform:translateY(-100px) scale(.5);opacity:0}}.floating-sparkle{position:fixed;font-size:20px;pointer-events:none;z-index:9998;animation:sparkle-float 2s var(--ease-squash) forwards;animation-delay:var(--sparkle-delay, 0ms)}.arc-flying{position:fixed!important;z-index:1000;pointer-events:none;transition:none}@keyframes arc-to-stack{0%{transform:scale(1);opacity:1}50%{transform:scale(.7) translateY(-60px);opacity:1}to{transform:scale(.5);opacity:.8}}@media(prefers-reduced-motion:reduce){.confetti,.checkmark,.checkmark:after,.celebration,.success-pulse,.sparkle,.sparkle:before,.sparkle:after,.word-button,.word-button.selected,.word-button.deselecting,.word-button.match-animation,.word-button.shake,.word-button.category-complete-pulse,.word-button.cascade-enter,.particle,.notification-content,.notification-content.exiting,.letter-pop,#victory-screen.animate-in,.victory-category.animate-in,.grid.exiting,.grid.entering,.deep-dive-header.animate-in,.floating-sparkle,.arc-flying,body.victory-pulse,body.theme-transitioning:after{animation:none!important;transition:none!important}.checkmark{transform:translate(-50%,-50%) scale(1);opacity:1}.checkmark:after{opacity:1;transform:scale(1)}.celebration{transform:translate(-50%,-50%) scale(1);opacity:1}.word-button.cascade-enter,.notification-content,.letter-pop,#victory-screen.animate-in,.victory-category.animate-in,.grid.entering,.deep-dive-header.animate-in{opacity:1;transform:none}.confetti,.particle,.floating-sparkle,.arc-flying{display:none!important}}.settings-drawer{position:fixed;top:0;right:-320px;width:300px;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;overflow-y:auto}.settings-drawer.open{right:0}.settings-drawer-content{padding:20px}.settings-drawer-content h3{margin-bottom:20px;font-size:1.3rem;border-bottom:1px solid #eee;padding-bottom:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.setting-row:last-child{border-bottom:none}.setting-row span{font-size:1rem}.setting-toggle{width:50px;height:28px;border-radius:14px;border:none;background-color:#ccc;cursor:pointer;position:relative;transition:background-color .2s ease}.setting-toggle:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .2s ease;box-shadow:0 1px 3px #0003}.setting-toggle.active{background-color:#4caf50}.setting-toggle.active:after{left:24px}.settings-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:999}.settings-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:2px solid #ddd;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:100;transition:transform .2s ease,border-color .2s ease}.settings-toggle:hover{border-color:#999;transform:scale(1.05)}.settings-toggle:focus{outline:2px solid #2196f3;outline-offset:2px}.bug-report-toggle{position:fixed;top:74px;right:20px;width:44px;height:44px;border-radius:50%;border:2px solid #ddd;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#f57c00;z-index:100;transition:transform .2s ease,border-color .2s ease}.bug-report-toggle:hover{border-color:#f57c00;transform:scale(1.05)}.bug-report-toggle:focus{outline:2px solid #f57c00;outline-offset:2px}#bug-report-modal .modal-content{max-width:550px}#bug-report-message{width:100%;min-height:100px;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:15px}#bug-report-message:focus{outline:2px solid #2196f3;outline-offset:1px;border-color:#2196f3}#bug-report-details{margin-bottom:20px;border:1px solid #eee;border-radius:8px;overflow:hidden}#bug-report-details summary{padding:12px 15px;background-color:#f5f5f5;cursor:pointer;font-weight:500}#bug-report-details summary:hover{background-color:#eee}#bug-report-technical{padding:15px;margin:0;font-size:.8rem;background-color:#fafafa;overflow-x:auto;max-height:200px;overflow-y:auto}#bug-report-feedback{color:#4caf50;font-weight:500;text-align:center;margin-top:15px}@media(max-width:768px){.settings-drawer{width:85%;max-width:300px;right:-85%}.settings-toggle{top:10px;right:10px;width:40px;height:40px;font-size:1.3rem}.bug-report-toggle{top:58px;right:10px;width:40px;height:40px;font-size:1.1rem}#bug-report-modal .modal-content{width:95%;padding:20px}}[data-theme=dark] .settings-drawer{background-color:var(--bg-secondary, #1e1e1e);box-shadow:-2px 0 10px #0006}[data-theme=dark] .settings-drawer-content h3,[data-theme=dark] .setting-row{border-bottom-color:var(--border-default, #444)}[data-theme=dark] .settings-toggle,[data-theme=dark] .bug-report-toggle{background-color:var(--button-bg, #2d2d2d);border-color:var(--border-default, #444)}[data-theme=dark] .settings-toggle:hover,[data-theme=dark] .bug-report-toggle:hover{border-color:var(--border-hover, #666)}[data-theme=dark] #bug-report-message{background-color:var(--bg-tertiary, #2d2d2d);border-color:var(--border-default, #444);color:var(--text-primary, #e0e0e0)}[data-theme=dark] #bug-report-details{border-color:var(--border-default, #444)}[data-theme=dark] #bug-report-details summary{background-color:var(--bg-tertiary, #2d2d2d)}[data-theme=dark] #bug-report-technical{background-color:var(--bg-primary, #121212);color:var(--text-secondary, #aaa)}