:root{--bg-primary: #f4f7f6;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #333333;--text-secondary: #2c3e50;--text-tertiary: #16a085;--border-primary: #e0e0e0;--border-secondary: #e9ecef;--accent-primary: #3498db;--accent-hover: #2980b9;--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .15);--section-tabs-border-radius: 12px;--section-tabs-button-padding: 1rem 2rem;--section-tabs-button-border: 2px solid #e2e8f0;--section-tabs-button-bg: white;--section-tabs-button-active-bg: #4299e1;--section-tabs-button-hover-bg: #f7fafc;--section-tabs-alt-button-padding: .75rem 1.5rem;--section-tabs-alt-button-border: 2px solid #3498db;--section-tabs-alt-button-color: #3498db;--section-tabs-alt-button-active-bg: #3498db;--section-tabs-alt-button-hover-bg: #e8f4f8;--section-tabs-underline-padding: 10px 20px;--section-tabs-underline-border-bottom: 2px solid #ddd;--section-tabs-underline-active-border: 3px solid #007bff;--section-tabs-underline-active-color: #a2ccf9}[data-theme=dark]{--bg-primary: #7b8497;--bg-secondary: #7b89a3;--bg-tertiary: #718096;--text-primary: #271e1e;--text-secondary: #2c3e50;--text-tertiary: #16a085;--border-primary: #e0e0e0;--border-secondary: #e9ecef;--accent-primary: #3498db;--accent-hover: #2980b9;--shadow-primary: rgba(0, 0, 0, .3);--shadow-secondary: rgba(0, 0, 0, .4)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.embedded-image{float:left;margin:0 20px 10px 0;max-width:250px;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.reading-content:after{content:"";display:table;clear:both}:is() .sofa-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1.5rem 0}:is() .options-toggle{margin:1.5rem 0;text-align:center}:is() .toggle-button{background-color:var(--accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 4px var(--shadow-primary)}:is() .toggle-button:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-secondary)}:is() .toggle-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-primary)}@media (max-width: 768px){:is() .toggle-button{padding:10px 20px;font-size:14px;width:100%;max-width:280px}}:is() .image-container{width:100%;margin:0;padding:0}.open-nav-btn{font-size:30px;cursor:pointer;position:fixed;top:20px;left:20px;z-index:900;color:var(--text-secondary);background-color:var(--bg-secondary);padding:10px 15px;border-radius:4px;box-shadow:0 2px 5px var(--shadow-primary);transition:background-color .3s ease;border:none}.open-nav-btn:hover{background-color:var(--bg-tertiary)}.sidenav.open~.open-nav-btn{display:none}.closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;color:var(--text-nav);text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.closebtn:hover{color:var(--text-nav-submenu)}.home-btn{font-size:24px;cursor:pointer;position:fixed;top:20px;left:20px;z-index:900;color:var(--text-secondary);background-color:var(--bg-secondary);padding:10px 15px;border-radius:4px;box-shadow:0 2px 5px var(--shadow-primary);transition:background-color .3s ease,transform .2s ease;border:none}.home-btn:hover{background-color:var(--bg-tertiary);transform:scale(1.1)}.home-btn:active{transform:scale(.95)}.theme-toggle-btn{font-size:24px;cursor:pointer;position:fixed;top:20px;right:20px;z-index:900;color:var(--text-secondary);background-color:var(--bg-secondary);padding:10px 15px;border-radius:4px;box-shadow:0 2px 5px var(--shadow-primary);transition:background-color .3s ease,transform .2s ease;border:none}.theme-toggle-btn:hover{background-color:var(--bg-tertiary);transform:scale(1.1)}.theme-toggle-btn:active{transform:scale(.95)}#main{transition:margin-left .5s;padding:20px;margin-left:0}#main.nav-open{margin-left:280px}.content-wrapper{max-width:1200px;margin:0 auto}main{background-color:var(--bg-secondary);padding:30px;border-radius:8px;box-shadow:0 2px 10px var(--shadow-primary);transition:background-color .3s ease,box-shadow .3s ease}.welcome-section{margin-bottom:2rem;padding:1.5rem;background-color:var(--bg-tertiary);border-radius:6px;border-left:4px solid var(--accent-primary)}.welcome-section h2{color:var(--text-secondary);margin-top:0}.welcome-section h3{color:var(--text-tertiary);margin-top:0}.category{background-color:var(--bg-secondary);padding:1.5rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid var(--border-secondary)}h1,h2,h3{color:var(--text-secondary);margin-bottom:15px}h1{text-align:center;border-bottom:2px solid var(--border-primary);padding-bottom:10px}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover);text-decoration:underline}ul{list-style-type:disc;margin-left:20px;margin-bottom:15px}li{margin-bottom:8px}hr{border:0;height:1px;background:var(--border-primary);margin:20px 0}strong{color:var(--text-secondary)}.scenario-options{background-color:var(--bg-tertiary);padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid var(--border-secondary)}.scenario-options h3{margin-top:0;color:var(--text-tertiary)}.scenario-options ul{list-style-type:circle}.role-play{background-color:var(--bg-tertiary);padding:15px;border-radius:5px;margin-bottom:20px;border-left:4px solid var(--accent-primary)}.dictionary-tooltip{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:12px;box-shadow:0 4px 12px var(--shadow-secondary);max-width:300px;font-size:14px;line-height:1.4;z-index:10000;position:fixed}.tooltip-content{color:var(--text-primary)}.tooltip-content strong{color:var(--text-secondary);font-size:16px;display:block;margin-bottom:4px}.tooltip-content em{color:var(--text-primary);font-style:italic;font-size:12px}.loading{color:var(--text-primary);font-style:italic}.dictionary-tooltip{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}::selection{background-color:#4f8cff4d}::-moz-selection{background-color:#4f8cff4d}.field-feedback{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;line-height:1.4;animation:fadeIn .3s ease-in-out}.field-feedback.positive{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.field-feedback.constructive{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.interactive-section .dropdown-group{margin-bottom:20px}.interactive-section label{display:block;margin-bottom:15px}.interactive-section select{width:100%;padding:8px 12px;border:1px solid var(--border-primary);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;margin-top:4px}.interactive-section select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3498db33}.notes-toggle-btn.svelte-1d982vc{position:fixed;top:20px;right:20px;z-index:1001;font-size:24px;background-color:#2c3e50;color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 2px 10px #0003;transition:all .3s ease}.notes-toggle-btn.svelte-1d982vc:hover{background-color:#34495e;transform:scale(1.05)}.notes-panel.svelte-1d982vc{position:fixed;top:80px;right:20px;z-index:1000;width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0}.notes-header.svelte-1d982vc{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#2c3e50;color:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.notes-header.svelte-1d982vc h3:where(.svelte-1d982vc){margin:0;font-size:1.1rem;color:#fff}.notes-close-btn.svelte-1d982vc{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notes-close-btn.svelte-1d982vc:hover{background-color:#ffffff1a}.notes-textarea.svelte-1d982vc{width:100%;height:200px;border:none;padding:15px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.4;box-sizing:border-box;border-bottom:1px solid #e0e0e0}.notes-textarea.svelte-1d982vc:focus{outline:none;border-color:#3498db}.notes-actions.svelte-1d982vc{display:flex;gap:10px;padding:15px;justify-content:flex-end}.notes-save-btn.svelte-1d982vc,.notes-clear-btn.svelte-1d982vc{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.notes-save-btn.svelte-1d982vc{background-color:#27ae60;color:#fff}.notes-save-btn.svelte-1d982vc:hover{background-color:#229954}.notes-clear-btn.svelte-1d982vc{background-color:#e74c3c;color:#fff}.notes-clear-btn.svelte-1d982vc:hover{background-color:#c0392b}@media (max-width: 768px){.notes-panel.svelte-1d982vc{width:calc(100% - 40px);right:20px;left:20px}.notes-toggle-btn.svelte-1d982vc{right:15px;top:15px;width:45px;height:45px;font-size:20px}}.dictionary-tooltip.svelte-1rmdmi5{background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026;max-width:300px;font-size:14px;line-height:1.4}.tooltip-content.svelte-1rmdmi5{color:#333}.loading.svelte-1rmdmi5{color:#666;font-style:italic}.dictionary-tooltip.svelte-1rmdmi5{animation:svelte-1rmdmi5-fadeIn .2s ease-in-out}@keyframes svelte-1rmdmi5-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}