:root{--cream: #F7F3EB;--warm-white: #FFFEF9;--parchment: #EDE6D6;--ink: #2C2416;--ink-light: #5C4F3A;--pencil: #8B7355;--chalkboard: #2A3F3B;--chalk: #E8E4D9;--highlight: #C7522A;--highlight-soft: #E8B4A0;--success: #2563EB;--warning: #EA580C;--sidebar-width: 280px;--sidebar-bg: #2C2416;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{font-size:15px}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);line-height:1.7}#root{height:100%}.App{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--chalk);display:flex;flex-direction:column;padding:var(--space-md);position:fixed;left:0;top:0;bottom:0;overflow-y:auto;overflow-x:visible;transition:width .25s ease,min-width .25s ease}.sidebar.collapsed{width:48px;min-width:48px;padding:var(--space-md) var(--space-xs);overflow:hidden}.sidebar.collapsed .sidebar-content{opacity:0;visibility:hidden;pointer-events:none}.sidebar-content{display:flex;flex-direction:column;flex:1;transition:opacity .2s ease,visibility .2s ease}.proficiency-section{margin-top:var(--space-md);flex:1}.section-title{font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#e8e4d980;margin:0 0 var(--space-sm) 0;padding:0 var(--space-xs)}.sidebar-header{display:flex;align-items:center;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid rgba(232,228,217,.15)}.sidebar-toggle{position:absolute;top:calc(var(--space-md) + 4px);right:var(--space-sm);width:28px;height:28px;background:rgba(232,228,217,.1);border:none;border-radius:4px;color:#e8e4d980;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10}.sidebar-toggle:hover{background:rgba(232,228,217,.15);color:var(--chalk)}.sidebar.collapsed .sidebar-toggle{right:50%;transform:translate(50%)}.App.sidebar-collapsed .main-content{margin-left:48px}.logo-container{display:flex;align-items:center;gap:var(--space-sm)}.logo-image{width:36px;height:36px;object-fit:contain}.logo{font-family:var(--font-display);font-size:1.1rem;font-weight:400;font-style:italic;color:var(--chalk);margin:0;line-height:1.3}.logo .highlight{font-style:normal;font-weight:600;color:var(--highlight)}.collapsible-section{border-bottom:1px solid rgba(232,228,217,.1);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm)}.collapsible-section:last-of-type{border-bottom:none;margin-bottom:0}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) 0;background:none;border:none;cursor:pointer;text-align:left;transition:opacity .15s ease}.collapsible-header:hover{opacity:.85}.collapsible-header:hover .collapsible-indicator{color:#e8e4d9b3}.collapsible-title{font-family:var(--font-display);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#e8e4d980}.collapsible-indicator{display:flex;align-items:center;justify-content:center;color:#e8e4d959;transition:color .15s ease}.collapsible-chevron{transition:transform .25s cubic-bezier(.4,0,.2,1)}.collapsible-section.collapsed .collapsible-chevron{transform:rotate(-90deg)}.collapsible-summary{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--chalk);padding:var(--space-xs) 0;opacity:0;animation:summaryFadeIn .2s ease .1s forwards}@keyframes summaryFadeIn{to{opacity:1}}.collapsible-content{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.collapsible-section.collapsed .collapsible-content{grid-template-rows:0fr}.collapsible-inner{overflow:hidden}.sample-list{display:flex;flex-direction:column;gap:2px;padding-top:var(--space-xs)}.sample-item{display:block;width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid transparent;border-radius:4px;color:var(--chalk);font-family:var(--font-display);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.sample-item:hover:not(:disabled){background:rgba(232,228,217,.08)}.sample-item:active:not(:disabled){background:rgba(232,228,217,.12)}.sample-item:disabled{opacity:.4;cursor:not-allowed}.view-toggle{display:flex;gap:2px;padding-top:var(--space-xs);background:rgba(232,228,217,.08);border-radius:6px;padding:3px}.view-toggle-btn{flex:1;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:4px;color:#e8e4d999;font-family:var(--font-display);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover:not(:disabled){color:var(--chalk)}.view-toggle-btn.active{background:var(--highlight);color:#fff}.view-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.threshold-options{display:flex;flex-direction:column;gap:2px}.threshold-option{position:relative}.threshold-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.threshold-option label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:var(--space-xs) var(--space-sm);border:1px solid transparent;border-radius:5px;cursor:pointer;position:relative;transition:all .2s ease;background:transparent}.threshold-option label:hover{background:rgba(232,228,217,.08)}.threshold-option input[type=radio]:checked+label{background:var(--highlight);border-color:var(--highlight)}.threshold-option input[type=radio]:disabled+label{opacity:.4;cursor:not-allowed}.threshold-name{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--chalk);letter-spacing:-.01em}.threshold-words{font-size:.75rem;color:#e8e4d980;font-family:var(--font-display)}.threshold-option input[type=radio]:checked+label .threshold-words{color:#ffffffd9}.threshold-hint{position:absolute;top:50%;transform:translateY(-50%);right:var(--space-sm);font-size:.9rem;color:#e8e4d959;cursor:help}.threshold-option label:hover .threshold-hint{color:#e8e4d9b3}.threshold-option input[type=radio]:checked+label .threshold-hint{color:#fff9}.threshold-hint .tooltip{position:fixed;left:calc(var(--sidebar-width) + var(--space-sm));width:280px;padding:var(--space-sm) var(--space-md);background:var(--ink);color:var(--chalk);font-size:.85rem;line-height:1.5;border-radius:6px;box-shadow:0 4px 12px #0000004d;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:10000;pointer-events:none}.threshold-hint .tooltip:before{content:"";position:absolute;right:100%;top:var(--space-md);border:6px solid transparent;border-right-color:var(--ink)}.threshold-hint:hover .tooltip{opacity:1;visibility:visible}.corpus-toggle{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(232,228,217,.15)}.corpus-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#e8e4d999;margin-bottom:var(--space-sm)}.corpus-options{display:flex;gap:var(--space-xs)}.corpus-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:rgba(232,228,217,.05);border:1px solid rgba(232,228,217,.1);border-radius:4px;cursor:pointer;transition:all .15s ease}.corpus-option input[type=radio]{display:none}.corpus-option span:first-of-type{font-size:.85rem;color:#e8e4d9b3}.corpus-option .corpus-hint{font-size:.65rem;color:#e8e4d966;margin-top:2px}.corpus-option:hover{background:rgba(232,228,217,.1);border-color:#e8e4d933}.corpus-option.active{background:rgba(199,82,42,.2);border-color:var(--highlight)}.corpus-option.active span:first-of-type{color:var(--chalk)}.corpus-option.active .corpus-hint{color:#e8e4d999}.sidebar-buttons{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid rgba(232,228,217,.15)}.sidebar-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid rgba(232,228,217,.2);border-radius:6px;color:#e8e4d9b3;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:center}.sidebar-btn:hover{color:var(--chalk);border-color:#e8e4d966}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.view-container{flex:1;display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);background:var(--cream);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:soft-light;background-size:200px}.editor-view{display:flex;flex-direction:column;flex:1;gap:var(--space-sm)}.editor-split{display:flex;gap:var(--space-md);flex:1;min-height:300px}.input-container{flex:1;display:flex;flex-direction:column;position:relative}.input-container textarea{flex:1;padding:var(--space-md);border:1px solid var(--parchment);border-radius:6px;background:var(--warm-white);font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--ink);resize:none;transition:border-color .2s ease,box-shadow .2s ease}.input-container textarea::placeholder{color:var(--pencil);font-style:italic}.input-container textarea:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight-soft)}.input-container textarea:disabled{opacity:.6;cursor:not-allowed}.sample-suggestions{position:absolute;bottom:var(--space-lg);left:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:none}.sample-label{font-family:var(--font-body);font-size:.8rem;font-style:italic;color:var(--pencil);opacity:.7}.sample-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}.sample-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--warm-white);border:1px solid var(--parchment);border-radius:20px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sample-chip:hover{border-color:var(--highlight-soft);background:linear-gradient(135deg,var(--warm-white) 0%,#FDF8F3 100%);transform:translateY(-1px);box-shadow:0 2px 8px #c7522a1f}.sample-chip:active{transform:translateY(0)}.chip-category{font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--highlight);padding:2px 6px;background:rgba(199,82,42,.1);border-radius:10px}.chip-title{font-family:var(--font-body);font-size:.85rem;color:var(--ink-light)}.sample-chip:hover .chip-title{color:var(--ink)}@media (max-width: 600px){.sample-chips{gap:6px}.sample-chip{padding:5px 10px;gap:5px}.chip-category{font-size:.55rem;padding:2px 5px}.chip-title{font-size:.8rem}}.live-preview{flex:1;padding:var(--space-md);border:1px solid var(--chalkboard);border-radius:6px;background:var(--chalkboard);font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--chalk);overflow-y:auto}.preview-text{white-space:pre-wrap}.preview-placeholder{color:var(--pencil);font-style:italic}.reader-view{display:flex;flex-direction:column;flex:1;gap:var(--space-md)}.stats-bar{background:var(--warm-white);border:1px solid var(--parchment);border-radius:8px;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.stats-left{display:flex;align-items:center;gap:var(--space-md);flex:1}.stats-row{display:flex;gap:var(--space-md)}.stats-actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.view-toggle-icons{display:flex;gap:2px;background:var(--parchment);border-radius:6px;padding:3px}.view-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--sepia);cursor:pointer;transition:all .15s ease}.view-icon-btn:hover:not(:disabled){color:var(--espresso)}.view-icon-btn.active{background:white;color:var(--highlight);box-shadow:0 1px 3px #0000001a}.view-icon-btn:disabled{opacity:.4;cursor:not-allowed}.export-actions{display:flex;gap:6px}.action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,rgba(193,108,72,.1) 0%,rgba(193,108,72,.05) 100%);border:1px solid rgba(193,108,72,.3);border-radius:6px;color:var(--espresso);font-family:var(--font-display);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.action-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(193,108,72,.2) 0%,rgba(193,108,72,.1) 100%);border-color:#c16c4880;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn svg{flex-shrink:0}.stat{display:flex;align-items:baseline;gap:var(--space-xs)}.stat-value{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink)}.stat-label{font-size:.7rem;color:var(--pencil);text-transform:uppercase;letter-spacing:.03em}.comprehension-section{display:flex;align-items:center;gap:var(--space-sm);flex:1}.stat-comprehension.pass .stat-value{color:var(--success)}.stat-comprehension.fail .stat-value{color:var(--warning)}.comprehension-bar{position:relative;flex:1;min-width:100px;height:15px;background:var(--parchment);border-radius:8px;overflow:hidden;display:flex}.comprehension-known{background:var(--success);transition:width .3s ease}.comprehension-unknown{background:var(--warning);transition:width .3s ease}.comprehension-threshold{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);transform:translate(-50%);z-index:1}.reader-view .output-text{flex:1;min-height:300px;padding:var(--space-md);border:1px solid var(--chalkboard);border-radius:6px;background:var(--chalkboard);font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--chalk);overflow-y:auto}.reader-view .output-text:empty:before{content:"Their view will appear here...";color:#e8e4d966;font-style:italic}.unfamiliar{transition:all .3s ease;cursor:default;border-radius:2px;padding:0 2px;margin:0 -2px}.unfamiliar-blur{color:transparent;text-shadow:0 0 12px var(--chalk)}.unfamiliar-blur:hover{text-shadow:none;color:var(--highlight-soft);background:rgba(199,82,42,.2)}.unfamiliar-underline{text-decoration:underline wavy var(--highlight);text-decoration-skip-ink:none;text-underline-offset:2px}.unfamiliar-underline:hover{background:rgba(199,82,42,.15)}.unfamiliar-highlight{background:rgba(199,82,42,.25);border-bottom:2px solid var(--highlight)}.unfamiliar-highlight:hover{background:rgba(199,82,42,.4)}.about-view{max-width:700px;margin:0 auto}.about-view h2{font-family:var(--font-display);font-size:2rem;font-weight:400;font-style:italic;color:var(--ink);margin:0 0 var(--space-xl) 0}.about-section{margin-bottom:var(--space-xl)}.about-section h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--ink);margin:0 0 var(--space-sm) 0}.about-section p{margin:0 0 var(--space-md) 0;color:var(--ink-light)}.about-section strong{color:var(--ink);font-weight:600}.about-section ul{margin:0;padding-left:var(--space-lg);color:var(--ink-light)}.about-section li{margin-bottom:var(--space-sm)}.about-section li strong{color:var(--highlight)}.about-section a{color:var(--highlight);text-decoration:none;border-bottom:1px solid var(--highlight-soft);transition:border-color .2s ease}.about-section a:hover{border-bottom-color:var(--highlight)}.faq-item{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--paper-dark)}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-item h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink);margin:0 0 var(--space-xs) 0}.faq-item p{margin:0;font-size:.9rem;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(44,36,22,.7);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--warm-white);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 60px #2c24164d;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--parchment)}.modal-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--ink);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--pencil);cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.modal-close:hover{color:var(--ink)}.modal-content{padding:var(--space-lg)}.setting-group{margin-bottom:var(--space-md)}.setting-group:last-child{margin-bottom:0}.setting-label{display:block;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:var(--space-xs)}.setting-description{font-size:.85rem;color:var(--ink-light);margin:0 0 var(--space-md) 0;line-height:1.5}.modal .corpus-options{display:flex;gap:var(--space-sm)}.modal .corpus-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--cream);border:2px solid var(--parchment);border-radius:8px;cursor:pointer;transition:all .15s ease}.modal .corpus-option input[type=radio]{display:none}.modal .corpus-option span:first-of-type{font-size:.95rem;font-weight:500;color:var(--ink-light)}.modal .corpus-option .corpus-hint{font-size:.75rem;color:var(--pencil);margin-top:4px}.modal .corpus-option:hover{background:var(--parchment);border-color:var(--pencil)}.modal .corpus-option.active{background:rgba(199,82,42,.1);border-color:var(--highlight)}.modal .corpus-option.active span:first-of-type{color:var(--highlight)}.modal .corpus-option.active .corpus-hint{color:var(--ink-light)}.display-mode-preview{background:var(--chalkboard);color:var(--chalk);padding:var(--space-md);border-radius:6px;font-family:var(--font-body);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md)}.display-mode-options{display:flex;gap:var(--space-sm)}.display-mode-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--cream);border:2px solid var(--parchment);border-radius:8px;cursor:pointer;transition:all .15s ease}.display-mode-option input[type=radio]{display:none}.display-mode-option span:first-of-type{font-size:.95rem;font-weight:500;color:var(--ink-light)}.display-mode-option .display-mode-hint{font-size:.7rem;color:var(--pencil);margin-top:4px;text-align:center}.display-mode-option:hover{background:var(--parchment);border-color:var(--pencil)}.display-mode-option.active{background:rgba(199,82,42,.1);border-color:var(--highlight)}.display-mode-option.active span:first-of-type{color:var(--highlight)}.display-mode-option.active .display-mode-hint{color:var(--ink-light)}.modal.modal-large{max-width:700px;max-height:85vh;display:flex;flex-direction:column}.modal-scrollable{overflow-y:auto;flex:1}.modal .about-section{margin-bottom:var(--space-lg)}.modal .about-section:last-child{margin-bottom:0}.modal .about-section h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink);margin:0 0 var(--space-sm) 0}.modal .about-section p{margin:0 0 var(--space-md) 0;color:var(--ink-light);font-size:.9rem;line-height:1.6}.modal .about-section strong{color:var(--ink);font-weight:600}.modal .about-section ul{margin:0;padding-left:var(--space-lg);color:var(--ink-light);font-size:.9rem}.modal .about-section li{margin-bottom:var(--space-xs)}.modal .about-section li strong{color:var(--highlight)}.modal .about-section a{color:var(--highlight);text-decoration:none;border-bottom:1px solid var(--highlight-soft);transition:border-color .2s ease}.modal .about-section a:hover{border-bottom-color:var(--highlight)}.modal .faq-item{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--parchment)}.modal .faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal .faq-item h4{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--ink);margin:0 0 var(--space-xs) 0}.modal .faq-item p{margin:0;font-size:.85rem;line-height:1.6}@media (max-width: 900px){:root{--sidebar-width: 240px}.view-container{padding:var(--space-lg)}}@media (max-width: 700px){.App{flex-direction:column}.sidebar{position:relative;width:100%;min-width:100%;padding:var(--space-md)}.main-content{margin-left:0}.threshold-options{flex-direction:row;flex-wrap:wrap}.threshold-option{flex:1;min-width:120px}.editor-split{flex-direction:column}.input-container,.live-preview{min-height:200px}.stats-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.stats-left{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.stats-actions{justify-content:space-between}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-container>*{animation:fadeIn .3s ease backwards}