.doc-editor-wrapper{display:flex;flex-direction:column;height:calc(100vh - 120px);animation:vocab-fade-in .35s ease}.doc-editor-wrapper.doc-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--bg);height:100vh;padding:0}.doc-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;flex-wrap:wrap}.doc-fullscreen .doc-editor-header{border-radius:0}.doc-editor-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.doc-editor-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.doc-title-input{flex:1;min-width:0;border:none;background:transparent;font-size:1.1rem;font-weight:600;color:var(--text);outline:none;padding:.3rem .5rem;border-radius:var(--radius);font-family:var(--font)}.doc-title-input:focus{background:var(--bg);box-shadow:0 0 0 2px var(--primary-light)}.doc-autosave-indicator{font-size:.78rem;color:#9ca3b8;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;padding:.15rem 0}.doc-autosave-saving{animation:autosave-pulse 1.2s ease infinite}.doc-autosave-saved{animation:autosave-fadeout 3s ease forwards}.doc-autosave-error{color:var(--error);animation:none}@keyframes autosave-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes autosave-fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}.doc-toolbar{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;overflow-x:auto}.doc-toolbar-group{display:flex;align-items:center;gap:.15rem}.doc-toolbar-sep{width:1px;height:22px;background:var(--border);margin:0 .35rem;flex-shrink:0}.doc-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .45rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font);min-height:28px}.doc-toolbar-btn:hover{background:var(--bg);color:var(--text)}.doc-toolbar-btn.active{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary)}.doc-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.doc-toolbar-popover{position:absolute;top:100%;left:0;z-index:20;display:flex;gap:.35rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:280px;margin-top:.25rem}.doc-editor-main{display:flex;flex:1;min-height:0;overflow:hidden;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);position:relative}.doc-fullscreen .doc-editor-main{border-radius:0;border:none;border-top:1px solid var(--border)}.doc-editor-area{flex:1;overflow-y:auto;background:var(--surface);position:relative}.doc-editor-content{min-height:400px;padding:1.5rem 2rem;outline:none;font-size:.95rem;line-height:1.75;color:var(--text)}.doc-editor-content h1{font-size:1.8rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text);line-height:1.3}.doc-editor-content h2{font-size:1.4rem;font-weight:600;margin:1.3rem 0 .6rem;color:var(--text);line-height:1.35}.doc-editor-content h3{font-size:1.15rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text);line-height:1.4}.doc-editor-content h4{font-size:1rem;font-weight:600;margin:.8rem 0 .4rem;color:var(--text-secondary)}.doc-editor-content p{margin:0 0 .6rem}.doc-editor-content ul,.doc-editor-content ol{padding-left:1.5rem;margin:.4rem 0 .8rem}.doc-editor-content li{margin:.2rem 0}.doc-editor-content blockquote{border-left:4px solid var(--primary);margin:.8rem 0;padding:.5rem 1rem;background:var(--primary-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);font-style:italic}.doc-editor-content pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;overflow-x:auto;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.88rem;margin:.8rem 0}.doc-editor-content code{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.1rem .35rem;font-size:.88em;font-family:Fira Code,Cascadia Code,Consolas,monospace}.doc-editor-content pre code{background:none;border:none;padding:0}.doc-editor-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:.5rem 0}.doc-editor-content hr{border:none;border-top:2px solid var(--border);margin:1.5rem 0}.doc-editor-content mark{background:#fef08a;padding:.05rem .2rem;border-radius:2px}.doc-editor-content table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.9rem}.doc-editor-content th,.doc-editor-content td{border:1px solid var(--border);padding:.45rem .65rem;text-align:left;vertical-align:top;min-width:80px}.doc-editor-content th{background:var(--bg);font-weight:600;color:var(--text-secondary)}.doc-editor-content .selectedCell{background:var(--primary-light)}.doc-editor-content .ProseMirror-selectednode{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius)}.doc-editor-content p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.doc-callout{margin:.8rem 0;border-radius:var(--radius-lg);overflow:hidden}.doc-callout-info{background:var(--primary-light);border:1px solid rgba(59,130,246,.3)}.doc-callout-tip{background:var(--success-light);border:1px solid rgba(16,185,129,.3)}.doc-callout-warning{background:var(--warning-light);border:1px solid rgba(245,158,11,.3)}.doc-callout-note{background:var(--bg);border:1px solid var(--border)}.doc-callout-header{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-callout-icon{font-size:1rem}.doc-callout-label{color:var(--text-secondary)}.doc-callout-type-select{margin-left:auto;font-size:.72rem;padding:.1rem .3rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-family:var(--font)}.doc-callout-body{padding:.25rem .75rem .5rem}.doc-embed-card{margin:.8rem 0;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);cursor:default;transition:border-color .2s,box-shadow .2s}.doc-embed-card:hover,.doc-embed-card.selected{box-shadow:var(--shadow)}.doc-embed-card-title,.doc-embed-card-title-input{font-weight:600;font-size:.95rem;margin-bottom:.3rem;color:var(--text)}.doc-embed-card-title-input{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .5rem;font-family:var(--font);outline:none}.doc-embed-card-title-input:focus{border-color:var(--primary)}.doc-embed-card-body,.doc-embed-card-body-input{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.doc-embed-card-body-input{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .5rem;font-family:var(--font);outline:none;resize:vertical}.doc-embed-card-body-input:focus{border-color:var(--primary)}.doc-toc{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg);overflow:hidden;position:relative}.doc-toc.doc-toc--collapsed{width:36px;cursor:pointer;transition:width var(--transition-duration) ease-out .1s}.doc-toc.doc-toc--collapsed:hover{background:var(--surface-hover)}.doc-toc-collapse-icon{position:absolute;top:0;left:0;width:36px;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:.75rem;z-index:2;opacity:0;pointer-events:none}.doc-toc--collapsed .doc-toc-collapse-icon{opacity:1;pointer-events:auto;transition:opacity .12s ease .2s}.doc-toc-content{width:220px;height:100%;overflow-y:auto;padding:.75rem 0;opacity:1;transition:opacity .12s ease .17s}.doc-toc--collapsed .doc-toc-content{opacity:0;pointer-events:none;transition:opacity .1s ease}.doc-toc-header{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.doc-toc-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.doc-toc-toggle{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.8rem;padding:.1rem .25rem;border-radius:var(--radius);transition:color .2s;font-family:var(--font)}.doc-toc-toggle:hover{color:var(--text);background:var(--surface)}.doc-toc-empty{padding:.75rem;font-size:.78rem;color:var(--text-muted);font-style:italic}.doc-toc-list{list-style:none;padding:0;margin:0}.doc-toc-item{padding:.25rem .75rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;border-radius:0;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-toc-item:hover{background:var(--primary-light);color:var(--primary-dark)}.doc-toc-level-1{padding-left:.75rem;font-weight:600}.doc-toc-level-2{padding-left:1.25rem}.doc-toc-level-3{padding-left:1.75rem;font-size:.78rem}.doc-toc-level-4{padding-left:2.25rem;font-size:.75rem;color:var(--text-muted)}.doc-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0 1.5rem;flex-wrap:wrap}.doc-preview-meta{flex:1;min-width:0}.doc-preview-title{font-size:1.5rem;font-weight:700;margin:0 0 .3rem;color:var(--text)}.doc-preview-content{cursor:default}@media (max-width: 768px){.doc-editor-wrapper{height:auto;min-height:calc(100vh - 120px)}.doc-toc{display:none}.doc-editor-content{padding:1rem}.doc-toolbar{padding:.3rem .5rem}.doc-editor-header{flex-direction:column;align-items:stretch}.doc-editor-header-right{justify-content:flex-end}.doc-autosave-indicator{order:10;flex-basis:100%;padding-left:.5rem}}.doc-annotation-highlight{cursor:pointer;transition:filter .15s;border-radius:2px;padding:0 1px}.doc-annotation-highlight:hover{filter:brightness(.92)}.doc-annotation-input-bar{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:.5rem .75rem;flex-shrink:0;animation:doc-slide-down .25s cubic-bezier(.2,.8,.2,1)}@keyframes doc-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.doc-annotation-input-content{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.doc-annotation-input-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);padding-top:.35rem;white-space:nowrap}.doc-annotation-input-field{flex:1;min-width:200px;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.85rem;color:var(--text);background:var(--bg);resize:none;outline:none;transition:border-color .2s,box-shadow .2s}.doc-annotation-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}.doc-annotation-input-btns{display:flex;gap:.35rem;align-items:flex-start;padding-top:.15rem}.doc-ann-panel{display:flex;align-items:stretch;flex-shrink:0;width:300px;overflow:hidden;z-index:15}.doc-ann-panel.collapsed{width:36px}.doc-ann-panel.expanded{box-shadow:-4px 0 20px #0000000f}.doc-ann-toggle{width:36px;min-width:36px;border:none;border-left:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;align-items:center;padding-top:.75rem;cursor:pointer;flex-shrink:0;transition:background .2s;gap:.35rem;position:relative}.doc-ann-toggle:hover{background:var(--surface-hover)}.doc-ann-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:700}.doc-ann-sidebar{width:264px;min-width:264px;border-left:1px solid var(--border);background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;opacity:1}.doc-ann-panel.collapsed .doc-ann-sidebar{opacity:0;pointer-events:none}.doc-ann-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.doc-ann-sidebar-title{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.doc-ann-count{font-weight:400;color:var(--text-muted);margin-left:.25rem}.doc-ann-sidebar-body{flex:1;overflow-y:auto;padding:.35rem 0}.doc-ann-empty{padding:1rem .75rem;font-size:.8rem;color:var(--text-muted);font-style:italic;line-height:1.5}.doc-ann-item{display:flex;gap:.5rem;padding:.55rem .75rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.doc-ann-item:hover{background:var(--surface-hover)}.doc-ann-item.active{background:var(--primary-light)}.doc-ann-item.orphaned{opacity:.65}.doc-ann-item-color{width:4px;min-width:4px;border-radius:2px;flex-shrink:0;align-self:stretch}.doc-ann-item-body{flex:1;min-width:0}.doc-ann-item-quote{font-size:.75rem;color:var(--text-muted);font-style:italic;line-height:1.4;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.doc-ann-item-orphaned-badge{font-size:.7rem;color:var(--warning);font-weight:600;margin-bottom:.2rem}.doc-ann-item-content{font-size:.82rem;color:var(--text);line-height:1.5;margin-bottom:.3rem}.doc-ann-item-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.7rem}.doc-ann-author{color:var(--text-secondary);font-weight:500}.doc-ann-time{color:var(--text-muted)}.doc-ann-type-badge{display:inline-block;padding:.05rem .3rem;border-radius:3px;background:var(--primary-light);color:var(--primary-dark);font-size:.65rem;font-weight:600;text-transform:uppercase}.doc-ann-item-actions{display:flex;gap:.2rem;margin-left:auto}.doc-ann-action-btn{background:none;border:none;cursor:pointer;font-size:.72rem;padding:.1rem .25rem;border-radius:var(--radius);transition:background .15s;font-family:var(--font)}.doc-ann-action-btn:hover{background:var(--surface)}.doc-ann-action-btn.danger:hover{background:var(--error-light)}.doc-ann-edit-area{margin:.3rem 0}.doc-ann-edit-input{width:100%;padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.82rem;color:var(--text);background:var(--surface);resize:vertical;outline:none;margin-bottom:.35rem}.doc-ann-edit-input:focus{border-color:var(--primary)}.doc-ann-edit-btns{display:flex;gap:.3rem}.doc-vocab-hover{position:fixed;z-index:100;min-width:320px;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;overflow:hidden;animation:doc-vocab-hover-in .18s ease}@keyframes doc-vocab-hover-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.doc-vocab-hover--flipped{transform-origin:bottom left;animation:doc-vocab-hover-in-up .18s ease}@keyframes doc-vocab-hover-in-up{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.doc-vocab-hover-loading{padding:.75rem 1rem;font-size:.82rem;color:var(--text-muted);font-style:italic}.doc-vocab-hover-header{padding:.75rem 1rem .25rem;border-bottom:1px solid var(--border);background:var(--bg)}.doc-vocab-hover-body{max-height:320px;overflow-y:auto;padding:.5rem 1rem}.doc-vocab-hover-footer{padding:.5rem 1rem .75rem;border-top:1px solid var(--border);background:var(--bg)}.doc-vocab-hover-insert-btn{display:inline-block;padding:.25rem .55rem;border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary-light);color:var(--primary-dark);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font)}.doc-vocab-hover-insert-btn:hover{background:var(--primary);color:#fff}.doc-vocab-hover-close{position:absolute;top:.35rem;right:.35rem;background:none;border:none;cursor:pointer;font-size:.8rem;color:var(--text-muted);padding:.15rem .3rem;border-radius:var(--radius);transition:all .15s;font-family:var(--font)}.doc-vocab-hover-close:hover{background:var(--bg);color:var(--text)}.doc-vocab-block{margin:.8rem 0;border:1px solid var(--border);border-left:4px solid #8b5cf6;border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:border-color .2s,box-shadow .2s}.doc-vocab-block:hover,.doc-vocab-block.selected{box-shadow:var(--shadow);border-color:#8b5cf6}.doc-vocab-block.modified{border-left-color:#f59e0b}.doc-vocab-block-header{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg);border-bottom:1px solid var(--border);font-size:.72rem}.doc-vocab-block-badge{font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.03em}.doc-vocab-block-pos{color:var(--text-muted);font-style:italic}.doc-vocab-block-modified{color:#f59e0b;font-weight:600;margin-left:auto}.doc-vocab-block-actions{margin-left:auto;display:flex;gap:.15rem}.doc-vocab-btn{background:none;border:1px solid transparent;cursor:pointer;font-size:.72rem;padding:.15rem .3rem;border-radius:var(--radius);transition:all .15s;font-family:var(--font)}.doc-vocab-btn:hover{background:var(--surface);border-color:var(--border)}.doc-vocab-btn-danger:hover{background:var(--error-light);border-color:var(--error)}.doc-vocab-block-word{font-size:1.1rem;font-weight:700;color:var(--text);padding:.5rem .75rem .2rem}.doc-vocab-block-definition{font-size:.88rem;color:var(--text-secondary);line-height:1.6;padding:.2rem .75rem .4rem}.doc-vocab-block-example{font-size:.82rem;color:var(--text-muted);padding:.1rem .75rem .4rem;line-height:1.5}.doc-vocab-example-label,.doc-vocab-notes-label{font-weight:600;color:var(--text-secondary);font-size:.75rem}.doc-vocab-block-notes{font-size:.82rem;color:var(--text-secondary);padding:.4rem .75rem .5rem;line-height:1.5;border-top:1px dashed var(--border);margin-top:.2rem}.doc-vocab-block-loading{padding:1rem .75rem;font-size:.82rem;color:var(--text-muted);font-style:italic}.doc-vocab-block-edit{padding:.5rem .75rem .75rem}.doc-vocab-edit-label{display:block;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem;margin-top:.4rem}.doc-vocab-edit-label:first-child{margin-top:0}.doc-vocab-edit-textarea{width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.85rem;color:var(--text);background:var(--bg);resize:vertical;outline:none;transition:border-color .2s}.doc-vocab-edit-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.doc-vocab-edit-btns{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.doc-vocab-sync-error{padding:.3rem .75rem .5rem;font-size:.75rem;color:var(--error);font-weight:500}@media (max-width: 768px){.doc-ann-panel{display:none}.doc-vocab-hover{left:8px!important;right:8px;max-width:calc(100vw - 16px)}}@media (max-width: 1024px){.doc-ann-panel{width:260px}.doc-ann-sidebar{width:224px;min-width:224px}}.doc-color-highlight{cursor:default;transition:filter .15s}.doc-color-highlight:hover{filter:brightness(.92)}.doc-color-hl-popover{flex-direction:column;min-width:180px;padding:.35rem;gap:0}.doc-color-hl-swatch{display:flex;align-items:center;gap:.55rem;width:100%;padding:.4rem .55rem;border:none;border-radius:var(--radius);background:transparent;cursor:pointer;font-size:.82rem;font-family:var(--font);color:var(--text);transition:background .15s;text-align:left}.doc-color-hl-swatch:hover{background:var(--bg)}.doc-color-hl-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.doc-color-hl-label{font-weight:500}.doc-color-hl-divider{height:1px;background:var(--border);margin:.25rem 0}.doc-color-hl-remove{color:var(--text-muted)}.doc-color-hl-remove:hover{background:var(--error-light);color:var(--error)}.doc-color-hl-remove-icon{width:14px;text-align:center;font-size:.85rem;flex-shrink:0}.doc-editor-wrapper>.doc-editor-main{border-bottom:none;border-radius:0}.doc-editor-footer{display:flex;align-items:center;justify-content:flex-end;padding:.3rem .75rem;background:var(--bg);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0}.doc-fullscreen .doc-editor-footer{border:none;border-top:1px solid var(--border);border-radius:0}.doc-wordcount{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.doc-wordcount-sep{color:var(--border);font-weight:300}.doc-countdown{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius);font-family:var(--font);font-size:.85rem;font-weight:600;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.doc-countdown-icon{font-size:.9rem}.doc-countdown-display{font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:3.4em;text-align:center}.doc-countdown-controls{display:flex;align-items:center;gap:.15rem;margin-left:.15rem}.doc-countdown-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius);background:transparent;cursor:pointer;font-size:.72rem;color:inherit;transition:background .15s;font-family:var(--font);padding:0}.doc-countdown-btn:hover{background:#00000014}.doc-countdown-btn:disabled{opacity:.35;cursor:not-allowed}.doc-timer-green{color:var(--success);background:var(--success-light);border-color:#10b98140}.doc-timer-yellow{color:var(--tag-warning-text);background:var(--warning-light);border-color:#f59e0b40}.doc-timer-red{color:var(--tag-error-text);background:var(--error-light);border-color:#ef444440}@keyframes doc-countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.doc-countdown-pulse{animation:doc-countdown-pulse .8s ease-in-out infinite}.doc-countdown-pulse .doc-countdown-display{animation:doc-countdown-flash .8s ease-in-out infinite}@keyframes doc-countdown-flash{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.doc-editor-footer{padding:.25rem .5rem}.doc-countdown{font-size:.78rem;padding:.2rem .45rem}.doc-color-hl-popover{min-width:160px}}.doc-access-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .45rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}.badge-owner{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.badge-editor{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.badge-viewer{background:#f3f4f6;color:#4b5563;border:1px solid #9ca3af}.doc-version-bar{display:flex;align-items:center;justify-content:space-between;padding:.3rem .75rem;background:var(--bg);border-bottom:1px solid var(--border);font-size:.72rem;color:var(--text-muted);gap:.5rem;flex-shrink:0;transition:background .3s}.doc-version-bar.stale{background:#fef2f2;border-bottom-color:#fca5a5}.doc-version-bar-left,.doc-version-bar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.doc-vb-version{font-weight:700;font-family:monospace}.doc-vb-access.owner{color:#92400e;font-weight:600}.doc-vb-access.edit{color:#1e40af;font-weight:600}.doc-vb-access.view{color:#4b5563;font-weight:600}.doc-vb-editor strong{color:var(--text-secondary)}.doc-vb-stale{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .4rem;border-radius:var(--radius);background:#fef2f2;color:#dc2626;font-weight:600;border:1px solid #fca5a5}.doc-vb-dismiss{background:none;border:none;cursor:pointer;color:#dc2626;font-size:.6rem;padding:0 .15rem}.doc-readonly-banner{padding:.5rem .75rem;background:#f3f4f6;color:#4b5563;font-size:.82rem;font-weight:500;text-align:center;border-bottom:1px solid var(--border)}.doc-share-modal{max-width:520px;width:95vw}.doc-share-title{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.doc-share-form{margin-bottom:.75rem}.doc-share-input-row{display:flex;align-items:center;gap:.35rem}.doc-share-input-wrap{position:relative;flex:1;min-width:0}.doc-share-email{width:100%;font-size:.88rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.doc-share-email:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f626}.doc-share-role-icon{width:42px;min-width:42px;height:36px;padding:0;text-align:center;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg, #fff);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:border-color .15s}.doc-share-role-icon:focus{border-color:var(--primary)}.doc-share-add-btn{width:36px;min-width:36px;height:36px;padding:0;font-size:1.15rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.doc-share-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001a;z-index:50;max-height:220px;overflow-y:auto}.doc-share-autocomplete-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.86rem;transition:background .1s}.doc-share-autocomplete-item:hover{background:#f0f5ff}.doc-share-ac-info{display:flex;flex-direction:column;min-width:0}.doc-share-ac-name{font-weight:600;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-share-ac-email{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-share-not-member{margin-top:.4rem;padding:.35rem .55rem;font-size:.78rem;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:var(--radius);font-style:italic}.doc-share-warn{margin-top:.35rem;padding:.35rem .55rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius);color:#dc2626;font-size:.78rem;font-weight:500}.doc-share-list{margin-bottom:.5rem}.doc-share-list-heading{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:.03em}.doc-share-muted{font-size:.82rem;color:var(--text-muted);font-style:italic;padding:.5rem 0}.doc-share-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .2rem;border-bottom:1px solid var(--border);gap:.45rem}.doc-share-item:last-child{border-bottom:none}.doc-share-item-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.doc-share-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-light, #dbeafe);color:var(--primary-dark, #1e40af);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.doc-share-avatar-sm{width:26px;height:26px;font-size:.7rem}.doc-share-item-info{display:flex;flex-direction:column;min-width:0}.doc-share-item-name{font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-share-item-email{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-share-item-right{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.doc-share-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font-size:.82rem;color:#9ca3af;border-radius:var(--radius);transition:background .15s,color .15s}.doc-share-remove-btn:hover{background:#fef2f2;color:#dc2626}.doc-share-remove-btn:disabled{opacity:.4;cursor:not-allowed}.doc-share-role-tag{font-size:.82rem;font-weight:600;padding:.15rem .35rem;border-radius:var(--radius)}.doc-share-role-tag.edit{background:#dbeafe;color:#1e40af}.doc-share-role-tag.view{background:#f3f4f6;color:#4b5563}.auth-invite-banner{padding:.65rem .85rem;margin-bottom:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.85rem;font-weight:500;text-align:center;line-height:1.4}@media (max-width: 640px){.doc-share-input-row{flex-wrap:nowrap}.doc-share-title{max-width:200px;font-size:.92rem}.doc-version-bar{flex-direction:column;align-items:flex-start;gap:.25rem}.doc-list-controls{flex-direction:column}.doc-list-search{max-width:100%}.doc-conflict-actions{flex-direction:column}.doc-conflict-actions .btn,.doc-conflict-actions .btn-outline-danger{width:100%;text-align:center}}.writing-token-modal{max-width:440px}.wt-essay-info{font-size:.92rem;color:var(--text-secondary);margin-bottom:1rem;text-align:center}.wt-cost-card{background:var(--primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:1rem;text-align:center;margin-bottom:1rem}.wt-cost-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.wt-cost-value{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.wt-cost-model{font-size:.78rem;color:var(--text-muted);margin-top:.35rem}.wt-breakdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;margin-bottom:1rem}.wt-breakdown-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.wt-breakdown-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.15rem 0;color:var(--text-secondary)}.wt-balance{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius);background:var(--success-light);border:1px solid rgba(16,185,129,.2);font-size:.88rem;color:var(--text-secondary);flex-wrap:wrap}.wt-balance-low{background:var(--error-light);border-color:#ef444433}.wt-balance-warn{flex-basis:100%;font-size:.8rem;color:var(--error);margin-top:.25rem;font-weight:500}.wg-skel-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:.5rem;background:var(--bg)}.wg-skel-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.92rem;font-weight:600;color:var(--text-secondary)}.wg-skel-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:wg-spin 1s linear infinite}@keyframes wg-spin{to{transform:rotate(360deg)}}.wg-skel-progress{height:3px;background:var(--border);overflow:hidden}.wg-skel-progress-bar{height:100%;width:40%;background:var(--primary);border-radius:2px;animation:wg-progress 2s ease-in-out infinite}@keyframes wg-progress{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(-100%)}}.wg-skel-columns{display:flex;min-height:400px}.wg-skel-col{flex:1;border-right:1px solid var(--border);display:flex;flex-direction:column}.wg-skel-col:last-child{border-right:none}.wg-skel-col-header{padding:.5rem .75rem;font-size:.82rem;font-weight:600;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border)}.wg-skel-body{padding:1rem;flex:1}.wg-skel-line{height:12px;border-radius:6px;background:var(--border);margin-bottom:.6rem;animation:wg-pulse 1.5s ease-in-out infinite}.wg-skel-line-full{width:100%}.wg-skel-line-long{width:85%}.wg-skel-line-med{width:65%}.wg-skel-line-short{width:40%}.wg-skel-gap{height:.8rem}@keyframes wg-pulse{0%,to{opacity:.4}50%{opacity:.15}}.wg-skel-line:nth-child(2n){animation-delay:.3s}.wg-skel-line:nth-child(3n){animation-delay:.6s}.sbs-wrapper{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:.5rem;background:var(--bg);min-height:500px}#main-content:has(.sbs-wrapper:not(.sbs-fullscreen)){max-width:none;width:100%}.sbs-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;border-radius:0;margin:0;min-height:100vh}.sbs-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;gap:.35rem}.sbs-header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sbs-header-title{font-size:.95rem;font-weight:700;color:var(--text)}.sbs-header-right{display:flex;align-items:center;gap:.35rem}.sbs-ai-disclaimer{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:99px;font-size:.7rem;font-weight:500;white-space:nowrap;color:var(--tag-warning-text, #92400e);background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);flex-shrink:0}.sbs-body{display:flex;flex:1;min-height:0;overflow:hidden}.sbs-columns{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sbs-columns::-webkit-scrollbar{height:8px}.sbs-columns::-webkit-scrollbar-track{background:transparent}.sbs-columns::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sbs-columns::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sbs-column{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.sbs-column:last-child{border-right:none}.sbs-column-group{flex:1;flex-shrink:0;min-width:460px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.sbs-column-group:last-child{border-right:none}.sbs-fullscreen .sbs-column-group{min-width:0;flex-shrink:1}.sbs-col-header{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.82rem;font-weight:700;border-bottom:1px solid var(--border);flex-shrink:0}.sbs-col-icon{font-size:1rem}.sbs-col-original{color:var(--text-secondary);background:var(--bg)}.sbs-col-correction{color:#dc2626;background:#ef44440d}.sbs-col-polished{color:#7c3aed;background:#8b5cf60d}.sbs-word-badge{font-size:.7rem;font-weight:500;color:var(--text-muted);margin-left:auto}.sbs-notes-toggle-header-btn{margin-left:.35rem;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.12rem .4rem;font-size:.7rem;cursor:pointer;font-family:var(--font);color:var(--text-muted);transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.sbs-notes-toggle-header-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.sbs-column-body{flex:1;display:flex;position:relative;min-height:0;overflow:hidden}.sbs-notes-panel{display:flex;flex-direction:column;width:200px;min-width:200px;border-left:1px solid var(--border);border-right:none;background:var(--bg);overflow:hidden;transition:width .2s ease,min-width .2s ease,opacity .2s ease,border-left-width .2s ease}.sbs-notes-panel.collapsed{width:0;min-width:0;opacity:0;border-left-width:0;pointer-events:none}.sbs-notes-panel.expanded{opacity:1}.sbs-notes-list{flex:1;overflow-y:auto;padding:.15rem 0}.sbs-note-item{padding:.45rem .55rem;border-bottom:1px solid var(--border);border-left:3px solid #fbbf24;cursor:pointer;transition:background .15s}.sbs-note-item:hover{background:var(--surface-hover)}.sbs-note-item.active{background:var(--primary-light)}.sbs-note-error{border-left-color:#ef4444}.sbs-note-improvement{border-left-color:#10b981}.sbs-note-keypoint{border-left-color:#8b5cf6}.sbs-note-general{border-left-color:#fbbf24}.sbs-note-item-content{font-size:.76rem;color:var(--text);line-height:1.5}.sbs-note-first-line{font-weight:600;margin-bottom:.1rem}.sbs-note-detail{color:var(--text-secondary);font-size:.72rem}.sbs-col-editor{flex:1;overflow-y:auto;background:var(--surface);min-width:0}.sbs-col-editor .doc-editor-content{min-height:auto;padding:.75rem 1rem;font-size:.88rem;line-height:1.7;cursor:text}.sbs-connector-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}.sbs-connector-line{transition:opacity .2s,stroke-width .2s}.sbs-connector-line.active{filter:drop-shadow(0 0 2px currentColor)}.doc-editor-content .callout-block,.doc-preview-content .callout-block{margin:.65rem 0;padding:.65rem .9rem;border-radius:6px;border-left:4px solid var(--border);font-size:.86rem}.callout-block.callout-info{background:#3b82f612;border-left-color:#3b82f6}.callout-block.callout-warning{background:#f59e0b12;border-left-color:#f59e0b}.callout-block.callout-tip{background:#10b98112;border-left-color:#10b981}.callout-block.callout-error{background:#ef444412;border-left-color:#ef4444}.callout-block p{margin:.15rem 0;line-height:1.65}.callout-block p:first-child{margin-top:0}.callout-block p:last-child{margin-bottom:0}.wl-library{margin-top:.25rem}.wl-filters{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;flex-wrap:wrap}.wl-search{flex:1;min-width:180px}.wl-filter-select{width:auto;min-width:130px;max-width:200px}.wl-count{font-size:.78rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.wl-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0}.wl-pagination-info{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.wl-delete-btn{background:none;border:none;cursor:pointer;font-size:.82rem;padding:.15rem .3rem;border-radius:var(--radius);transition:background .15s;opacity:.5}.wl-delete-btn:hover{background:var(--error-light);opacity:1}.ed-readonly-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:.5rem;overflow:hidden}.ed-readonly-wrap .doc-editor-content{min-height:300px}.writing-locked .sbs-wrapper .doc-editor-content{pointer-events:auto;opacity:1;-webkit-user-select:text;-moz-user-select:text;user-select:text}.doc-editor-content [data-annotation-id],.doc-editor-content [data-annotation-id] *,.doc-preview-content [data-annotation-id],.doc-preview-content [data-annotation-id] *{cursor:pointer!important;transition:filter .15s ease,outline .15s ease;border-radius:2px}.doc-editor-content [data-annotation-id]:hover,.doc-preview-content [data-annotation-id]:hover{filter:brightness(.88);outline:1.5px solid rgba(0,0,0,.12)}@keyframes sbs-note-pulse-anim{0%{box-shadow:0 0 #3b82f68c}50%{box-shadow:0 0 0 8px #3b82f61f}to{box-shadow:0 0 #3b82f600}}.sbs-note-pulse{animation:sbs-note-pulse-anim .7s ease-out 2}@media (max-width: 1024px){.sbs-notes-panel{width:170px;min-width:170px}}@media (max-width: 768px){.sbs-columns{flex-direction:column;overflow-x:visible}.sbs-column{border-right:none;border-bottom:1px solid var(--border)}.sbs-column:last-child{border-bottom:none}.sbs-column-group{border-right:none;border-bottom:1px solid var(--border);min-width:0;flex-shrink:1}.sbs-column-group:last-child{border-bottom:none}.sbs-col-editor{max-height:50vh}.sbs-notes-panel,.sbs-connector-svg{display:none}.wg-skel-columns{flex-direction:column}.wg-skel-col{border-right:none;border-bottom:1px solid var(--border);min-height:200px}.wg-skel-col:last-child{border-bottom:none}.wl-filters{flex-direction:column;align-items:stretch}.wl-filter-select{max-width:none}.sbs-ai-disclaimer{white-space:normal;font-size:.66rem}}.writing-slide-up{animation:writing-slide-up .35s ease}.writing-header-actions{display:flex;align-items:center;gap:.5rem}.writing-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:1.1rem;transition:all var(--transition)}.writing-settings-btn:hover{background:var(--bg);border-color:var(--primary)}.writing-filters{display:flex;gap:.75rem;margin-bottom:1.2rem;flex-wrap:wrap}.writing-search-input{flex:1;min-width:200px;max-width:400px}.writing-status-filter{width:auto;min-width:160px}.writing-practice-list{display:flex;flex-direction:column;gap:.5rem}.writing-practice-card{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 2.5rem .75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition);position:relative}.writing-practice-card:hover{box-shadow:var(--shadow);border-color:var(--primary)}.writing-practice-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.writing-practice-card-title{font-weight:600;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.writing-practice-card-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.78rem}.writing-practice-card-words{color:var(--text-muted)}.writing-practice-card-date{color:var(--text-muted);margin-left:auto}.writing-practice-card-delete{position:absolute;top:.55rem;right:.55rem;background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem .35rem;border-radius:var(--radius);opacity:0;transition:opacity .15s,background .15s}.writing-practice-card:hover .writing-practice-card-delete{opacity:1}.writing-practice-card-delete:hover{background:var(--error-light)}.writing-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0}.writing-status-draft{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.writing-status-submitted{background:var(--warning-light);color:var(--tag-warning-text)}.writing-status-grading{background:var(--primary-light);color:var(--primary-dark);animation:autosave-pulse 1.5s ease infinite}.writing-status-graded{background:var(--success-light);color:var(--tag-success-text)}.writing-settings-modal{max-width:640px}.writing-settings-loading{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}.writing-settings-body{max-height:58vh;overflow-y:auto;padding:0 .15rem}.writing-settings-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.writing-settings-section:last-child{border-bottom:none;margin-bottom:.5rem;padding-bottom:0}.writing-settings-section-title{font-size:.92rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.writing-settings-checkbox-card{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-lg);cursor:pointer;transition:background .15s,border-color .15s;border:1.5px solid var(--border)}.writing-settings-checkbox-card strong{font-size:.88rem;display:block}.writing-checkbox-desc{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.writing-settings-sub{margin-top:.75rem;padding-left:.65rem;border-left:3px solid var(--primary-light);animation:writing-slide-up .2s ease}.writing-settings-row{display:flex;gap:.75rem}.writing-settings-collapsible-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .25rem;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:.88rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius);transition:background .15s}.writing-settings-collapsible-toggle:hover{background:var(--bg)}.writing-settings-hint{font-size:.73rem;color:var(--text-muted);font-style:italic;margin:.15rem 0 .35rem .25rem;line-height:1.4}.writing-auto-title-preview{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;font-style:italic}.writing-standard-tag{display:inline-block;margin-left:.35rem;padding:.05rem .35rem;border-radius:4px;font-size:.7rem;font-weight:600;background:var(--primary-light);color:var(--primary-dark);vertical-align:middle}.writing-exam-note{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:.5rem;padding:.35rem .5rem;background:var(--warning-light);border-radius:var(--radius)}.writing-recommended-badge{display:inline-block;margin-left:.35rem;padding:.05rem .4rem;border-radius:4px;font-size:.68rem;font-weight:600;background:var(--success-light);color:var(--tag-success-text);text-transform:uppercase;letter-spacing:.02em;vertical-align:middle}.writing-settings-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}.writing-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:.5rem;vertical-align:middle}.writing-tooltip-trigger{font-size:.72rem;color:var(--tag-success-text);background:var(--success-light);border:1px solid var(--success-light);border-radius:999px;padding:.12rem .5rem;cursor:help;line-height:1.2}.writing-tooltip-content{position:absolute;left:0;top:calc(100% + .4rem);z-index:30;width:320px;max-width:80vw;background:var(--success-light);color:var(--tag-success-text);border:1px solid var(--success-light);font-size:.75rem;line-height:1.45;border-radius:8px;padding:.55rem .65rem;box-shadow:0 8px 24px #0000001f;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.writing-tooltip:hover .writing-tooltip-content,.writing-tooltip:focus-within .writing-tooltip-content{opacity:1;visibility:visible;transform:translateY(0)}.writing-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap}.writing-editor-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap}.writing-editor-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.writing-editor-title{font-size:1rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.writing-abort-btn{color:var(--text-muted);border:1px solid var(--border);background:transparent;transition:all var(--transition)}.writing-abort-btn:hover{color:var(--error, #ef4444);background:var(--error-light, rgba(239, 68, 68, .08));border-color:var(--error, #ef4444)}.writing-editable-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .55rem;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0;background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary-dark, #1e40af);border:1px solid rgba(59,130,246,.25)}.writing-prompt-callout{margin-bottom:.5rem;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);background:var(--primary-light);overflow:hidden}.writing-prompt-callout-header{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.82rem;font-weight:600;color:var(--primary-dark);border-bottom:1px solid rgba(59,130,246,.15);flex-wrap:wrap}.writing-prompt-callout-body{padding:.65rem .85rem;font-size:.9rem;color:var(--text);line-height:1.7;white-space:pre-wrap}.writing-info-bar{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;margin-bottom:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap}.writing-time-up-banner{padding:.6rem 1rem;background:var(--error-light);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);margin-bottom:.5rem;font-size:.88rem;font-weight:500;color:var(--tag-error-text);text-align:center;animation:doc-countdown-pulse .8s ease-in-out infinite}.writing-submitted-banner{padding:.6rem 1rem;background:var(--success-light);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);margin-bottom:.5rem;font-size:.85rem;color:var(--tag-success-text)}.writing-submitted-hint{font-weight:400;font-style:italic;color:var(--text-muted)}.writing-locked .doc-editor-content{pointer-events:none;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none}.writing-locked .doc-toolbar{pointer-events:none;opacity:.5}.writing-locked .doc-title-input{pointer-events:none}.writing-library-placeholder{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.writing-library-placeholder-icon{font-size:3rem;margin-bottom:.75rem}.writing-library-placeholder-text{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.writing-library-placeholder-sub{font-size:.88rem;color:var(--text-muted)}.writing-notes-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.writing-notes-empty-icon{font-size:3rem;margin-bottom:.75rem}.writing-notes-empty-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.writing-notes-empty-sub{font-size:.88rem;color:var(--text-muted)}@media (max-width: 768px){.writing-editor-header{flex-direction:column;align-items:stretch}.writing-editor-header-right{justify-content:flex-end}.writing-editor-title{max-width:100%}.writing-settings-row{flex-direction:column}.writing-settings-modal{max-width:100%}.writing-prompt-callout-body{font-size:.85rem}.writing-search-input{min-width:0;max-width:none}.writing-tooltip-content{width:260px;max-width:85vw;left:auto;right:0}}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-player{display:flex;align-items:center;gap:.5rem;padding:.3rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:99px;font-family:var(--font);box-sizing:border-box;transition:box-shadow var(--transition),border-color var(--transition)}.ap-player:hover{box-shadow:0 1px 6px #0000000f}.ap-player--compact{padding:.25rem .5rem;gap:.4rem}.ap-play-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0;padding:0;font-family:var(--font);line-height:1}.ap-player--compact .ap-play-btn{width:26px;height:26px}.ap-play-btn:hover:not(:disabled){background:#3b82f638;transform:scale(1.06)}.ap-play-btn:active:not(:disabled){transform:scale(.95)}.ap-play-btn:disabled{opacity:.55;cursor:not-allowed}.ap-play-btn svg{position:relative}.ap-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:ap-spin .8s linear infinite}.ap-player--compact .ap-spinner{width:14px;height:14px;border-width:1.5px}.ap-time{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:2.4em;text-align:center;flex-shrink:0;letter-spacing:.01em}.ap-player--compact .ap-time{font-size:.7rem;min-width:2em}.ap-track{flex:1;cursor:pointer;position:relative;display:flex;align-items:center;min-width:40px;padding:6px 0}.ap-track:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius)}.ap-track-bg{width:100%;height:4px;background:var(--border);border-radius:99px;overflow:hidden;position:relative}.ap-track-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .1s linear}.ap-track-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 1px #3b82f62e;transform:translate(-50%,-50%);transition:transform .15s ease,box-shadow .15s ease;pointer-events:none;z-index:1}.ap-track:hover .ap-track-thumb{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 3px #3b82f624}.ap-player--compact .ap-track{padding:5px 0}.ap-player--compact .ap-track-bg{height:3px}.ap-player--compact .ap-track-thumb{width:10px;height:10px}.ap-speed-btn{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .45rem;border:1px solid var(--border);border-radius:99px;background:transparent;font-size:.72rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;line-height:1.3;min-width:2.2em;text-align:center}.ap-speed-btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.ap-player--compact .ap-speed-btn{font-size:.68rem;padding:.08rem .35rem}.ap-player--error{justify-content:center;gap:.4rem;border-color:#ef444433;background:color-mix(in srgb,var(--error-light, #fef2f2) 60%,var(--surface))}.ap-error-text{font-size:.78rem;color:var(--error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.ap-retry-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0;padding:0;font-family:var(--font)}.ap-retry-btn:hover:not(:disabled){background:var(--error-light);color:var(--error);border-color:#ef44444d}.ap-retry-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.ap-player{padding:.25rem .5rem;gap:.35rem}.ap-time{font-size:.7rem}.ap-speed-btn{font-size:.68rem;padding:.08rem .3rem}.ap-play-btn{width:28px;height:28px}.ap-player--compact .ap-play-btn{width:24px;height:24px}.ap-track-thumb{width:10px;height:10px}.ap-error-text{max-width:140px;font-size:.72rem}}@keyframes dt-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dt-slide-up{animation:dt-slide-up .3s ease}@keyframes dt-spin{to{transform:rotate(360deg)}}@keyframes dt-correct-flash{0%{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes dt-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes dt-card-enter{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dt-word-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dt-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.dt-header-title{font-size:1.3rem;font-weight:700;color:var(--text);margin:0}.dt-header-actions{display:flex;align-items:center;gap:.5rem}.dt-session-placeholder{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.dt-source-modal{max-width:600px;width:100%}.dt-source-body{max-height:70vh;overflow-y:auto;padding:1rem}.dt-source-options{display:flex;flex-direction:column;gap:.6rem}.dt-source-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);background:var(--surface)}.dt-source-option:hover{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow)}.dt-source-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dt-source-option-icon{font-size:1.6rem;flex-shrink:0;width:40px;text-align:center}.dt-source-option-info{flex:1;min-width:0}.dt-source-option-label{font-size:.92rem;font-weight:600;color:var(--text)}.dt-source-option-desc{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.dt-sub-view{display:flex;flex-direction:column;gap:.5rem}.dt-back-btn{align-self:flex-start;margin-bottom:.25rem}.dt-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.dt-section-desc{font-size:.82rem;color:var(--text-muted);margin:0 0 .5rem}.dt-upload-area{margin-bottom:.5rem}.dt-file-input{display:block;width:100%;padding:.6rem .75rem;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg);cursor:pointer;font-family:var(--font);font-size:.85rem;color:var(--text);transition:border-color var(--transition)}.dt-file-input:hover{border-color:var(--primary)}.dt-upload-hint{font-size:.73rem;color:var(--text-muted);font-style:italic;margin-top:.3rem}.dt-upload-preview{margin-top:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.dt-upload-file-info{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.dt-upload-file-name{font-size:.88rem;font-weight:600;color:var(--text);word-break:break-all}.dt-upload-file-meta{font-size:.78rem;color:var(--text-muted)}.dt-audio-player{width:100%;height:40px;margin:.5rem 0;border-radius:var(--radius)}.dt-upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.dt-processing{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center}.dt-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:dt-spin .8s linear infinite}.dt-spinner--sm{width:18px;height:18px;border-width:2px}.dt-processing-text{font-size:.92rem;font-weight:600;color:var(--text)}.dt-processing-sub{font-size:.78rem;color:var(--text-muted)}.dt-error{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;text-align:center;background:var(--error-light);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.dt-error-icon{font-size:1.5rem}.dt-error-message{font-size:.85rem;color:var(--error);line-height:1.5;max-width:400px}.dt-token-estimation{display:flex;flex-direction:column;gap:.75rem;animation:dt-slide-up .25s ease}.dt-te-details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem}.dt-te-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.85rem;color:var(--text-secondary)}.dt-te-detail-label{color:var(--text-muted)}.dt-te-detail-value{color:var(--text)}.dt-cost-card{background:var(--primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:.85rem 1rem;text-align:center}.dt-cost-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.dt-cost-value{font-size:1.35rem;font-weight:700;color:var(--primary-dark)}.dt-cost-balance{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:var(--radius);background:var(--success-light);border:1px solid rgba(16,185,129,.2);font-size:.85rem;color:var(--text-secondary);flex-wrap:wrap}.dt-cost-balance--low{background:var(--error-light);border-color:#ef444433}.dt-cost-balance-warn{flex-basis:100%;font-size:.78rem;color:var(--error);margin-top:.2rem;font-weight:500}.dt-te-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.dt-tts-input-area{position:relative}.dt-tts-textarea{min-height:180px;resize:vertical;font-size:.88rem;line-height:1.6}.dt-char-counter{font-size:.73rem;color:var(--text-muted);text-align:right;margin-top:.25rem;font-variant-numeric:tabular-nums}.dt-char-counter--warn{color:var(--warning);font-weight:500}.dt-char-counter--error{color:var(--error);font-weight:600}.dt-tts-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.dt-library-section{margin-bottom:1.25rem}.dt-library-section:last-child{margin-bottom:0}.dt-library-section-title{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.dt-library-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .35rem;border-radius:99px;font-size:.68rem;font-weight:700;background:var(--primary-light);color:var(--primary-dark)}.dt-library-grid{display:flex;flex-direction:column;gap:.4rem}.dt-library-card{display:flex;flex-direction:column;gap:.3rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.dt-library-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.dt-library-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dt-library-card--loading{pointer-events:none;opacity:.7}.dt-library-card--session{border-left:3px solid var(--primary)}.dt-library-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dt-library-card-title{font-size:.88rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.dt-library-card-meta{display:flex;align-items:center;gap:.6rem;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.dt-library-card-date{margin-left:auto}.dt-library-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffffd9;font-size:.82rem;font-weight:600;color:var(--primary);z-index:2}.dt-source-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:4px;font-size:.68rem;font-weight:600;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;flex-shrink:0}.dt-progress-row{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.dt-progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.dt-progress-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.dt-progress-label{font-size:.7rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dt-status-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .45rem;border-radius:99px;font-size:.68rem;font-weight:600;white-space:nowrap;flex-shrink:0}.dt-status-ready{background:var(--primary-light);color:var(--primary-dark)}.dt-status-in-progress{background:var(--warning-light);color:var(--tag-warning-text)}.dt-status-completed{background:var(--success-light);color:var(--tag-success-text)}.dt-status-failed{background:var(--error-light);color:var(--error)}.dt-status-processing{background:var(--primary-light);color:var(--primary-dark);animation:dt-pulse 1.5s ease infinite}.dt-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.82rem}.dt-pagination-info{color:var(--text-muted);font-size:.78rem}.dt-empty-state{padding:1.5rem 1rem;text-align:center;font-size:.85rem;color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius)}.dt-practice-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.dt-practice-topbar{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:46px;gap:.75rem}.dt-practice-topbar-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dt-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:.85rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius);transition:color .15s,background .15s;white-space:nowrap}.dt-close-btn:hover{color:var(--text);background:var(--bg)}.dt-practice-topbar-center{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}.dt-practice-topbar-counter{font-size:.88rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:.3rem}.dt-topbar-complete-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--success-light);color:var(--tag-success-text);font-size:.65rem;font-weight:700}.dt-topbar-progress{width:200px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.dt-topbar-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .4s ease}.dt-practice-topbar-right{font-size:.82rem;font-weight:600;color:var(--text-muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;text-align:right}.dt-practice-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;overflow-y:auto;min-height:0;position:relative}.dt-practice-bottombar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:54px;gap:.75rem}.dt-practice-bottombar-center{flex:1;max-width:420px;min-width:0}.dt-card-nav-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .85rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:var(--font);white-space:nowrap;min-width:80px;min-height:38px;flex-shrink:0}.dt-card-nav-btn:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:var(--text-muted)}.dt-card-nav-btn:disabled{opacity:.3;cursor:not-allowed}.dt-card-container{perspective:1000px;width:100%;max-width:600px;transition:transform .3s ease}.dt-card-animate{animation:dt-card-enter .25s ease}.dt-card{display:grid;transform-style:preserve-3d;transition:transform .4s ease;min-height:200px;max-height:430px}.dt-card--flipped{transform:rotateY(180deg)}.dt-card>*{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dt-card__front,.dt-card__back{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;padding:1.25rem 1.5rem;display:flex;flex-direction:column;min-height:200px;max-height:430px;overflow:hidden;cursor:pointer}.dt-card__back{transform:rotateY(180deg)}.dt-card__face-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.dt-card__face-indicator{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-light);padding:.15rem .45rem;border-radius:99px}.dt-card__face-indicator--back{color:var(--tag-success-text);background:var(--success-light)}.dt-card__status-pill{font-size:.72rem;font-weight:700;padding:.1rem .4rem;border-radius:99px}.dt-card__status-pill--correct{background:var(--success-light);color:var(--tag-success-text)}.dt-card__status-pill--incorrect{background:var(--error-light);color:var(--error)}.dt-card__flip-btn{margin-left:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--text-muted);cursor:pointer;font-size:.92rem;transition:background .15s,color .15s,border-color .15s,transform .2s;flex-shrink:0;padding:0}.dt-card__flip-btn:hover{background:var(--primary-light);color:var(--primary-dark);border-color:#3b82f64d;transform:rotate(180deg)}.dt-card__body{flex:1;min-height:0;overflow-y:auto}.dt-card__answer-text{font-size:1.05rem;line-height:1.8;color:var(--text);margin:0;white-space:pre-wrap;word-break:break-word}.dt-card__flip-hint{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dt-card-input{display:flex;flex-direction:column;gap:.65rem;cursor:default}.dt-card-input__label{font-size:.82rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dt-card-input__actions{display:flex;align-items:center;gap:.5rem}.dt-card-input__checking{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-muted)}.dt-card-input__result{font-size:.85rem;font-weight:600;padding:.3rem .65rem;border-radius:var(--radius);display:inline-flex;align-items:center;gap:.3rem}.dt-card-input__result--correct{color:var(--tag-success-text);background:var(--success-light)}.dt-card-input__result--incorrect{color:var(--error);background:var(--error-light)}.dt-card-input__diff{padding:.55rem .75rem;border-left:3px solid var(--error);background:var(--bg);border-radius:0 var(--radius) var(--radius) 0;cursor:default}.dt-card-input__diff .dt-diff-wrong{background:#ef444426;padding:.05rem .15rem;border-radius:2px}.dt-card-input__similarity{font-size:.72rem;color:var(--text-muted);font-weight:600;margin-top:.3rem;font-variant-numeric:tabular-nums}.dt-word-flow{line-height:2.4;padding:.25rem 0;font-size:.95rem;color:var(--text);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.dt-word-flow--has-results{line-height:3}.dt-word-token{white-space:nowrap;display:inline}.dt-word-punct{color:var(--text-secondary);font-family:var(--font);font-size:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.dt-word-slot{display:inline-block;position:relative;vertical-align:baseline;min-width:1.2em}.dt-word-measure{display:inline-block;visibility:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font);font-size:inherit;font-weight:400;padding:0 .1rem;line-height:1.4}.dt-word-input{position:absolute;left:0;top:0;width:100%;height:100%;border:none;border-bottom:2px solid var(--border);background:transparent;outline:none;font-family:var(--font);font-size:inherit;font-weight:400;padding:0 .1rem;color:var(--text);box-sizing:border-box;line-height:1.4;transition:border-color .2s,background .2s,color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.dt-word-input::-moz-placeholder{color:var(--border)}.dt-word-input::placeholder{color:var(--border)}.dt-word-input:focus{border-bottom-color:var(--primary)}.dt-word-slot--active .dt-word-input:not(:focus){border-bottom-color:#3b82f666}.dt-word-slot--correct .dt-word-measure{font-weight:600}.dt-word-slot--correct .dt-word-input{border-bottom-color:var(--success, #10b981);color:var(--tag-success-text, #059669);background:#10b9810f;font-weight:600;animation:dt-word-pop .25s ease}.dt-word-slot--incorrect{cursor:pointer}.dt-word-slot--incorrect .dt-word-input{border-bottom-color:var(--error, #ef4444);color:var(--error, #dc2626);background:#ef44440f;text-decoration:line-through;text-decoration-color:#dc262659;cursor:pointer}.dt-word-slot--incorrect:hover{transform:translateY(-1px)}.dt-word-slot--incorrect:hover .dt-word-input{background:#ef44441f;border-bottom-style:dashed}.dt-word-correct-hint{position:absolute;left:0;top:calc(100% + 1px);font-size:.68rem;color:var(--success, #10b981);font-weight:600;white-space:nowrap;line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.85}.dt-word-retry-hint{font-size:.78rem;color:var(--text-muted);padding:.15rem 0;text-align:center}.dt-completion-overlay{display:flex;align-items:center;justify-content:center;width:100%;max-width:440px}.dt-completion-overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;padding:2rem 2.5rem;text-align:center;width:100%}.dt-completion-overlay-icon{font-size:3rem;margin-bottom:.75rem;line-height:1}.dt-completion-overlay-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.dt-completion-overlay-stats{font-size:.88rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.6}.dt-completion-overlay-actions{display:flex;flex-direction:column;gap:.5rem}.dt-completion-overlay-actions .btn{width:100%;justify-content:center}.dt-player{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.65rem .85rem}.dt-player-segments{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.dt-player-segments::-webkit-scrollbar{height:4px}.dt-player-segments::-webkit-scrollbar-track{background:var(--bg);border-radius:2px}.dt-player-segments::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dt-player-segment{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:2px solid var(--border);font-size:.72rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .2s ease;background:var(--surface);font-family:var(--font);padding:0;line-height:1}.dt-player-segment:hover{border-color:var(--primary);background:var(--bg)}.dt-player-segment--active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark);transform:scale(1.12);z-index:1}.dt-player-segment--correct{border-color:var(--success);background:var(--success-light);color:var(--tag-success-text)}.dt-player-segment--correct.dt-player-segment--active{border-color:var(--success);transform:scale(1.12)}.dt-player-segment--incorrect{border-color:var(--error);background:var(--error-light);color:var(--error)}.dt-player-segment--incorrect.dt-player-segment--active{border-color:var(--error);transform:scale(1.12)}.dt-player-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.45rem;border-top:1px solid var(--border);flex-wrap:wrap}.dt-player-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:.88rem;transition:all var(--transition);font-family:var(--font);padding:0;color:var(--text)}.dt-player-btn:hover:not(:disabled){background:var(--bg);border-color:var(--primary)}.dt-player-btn:disabled{opacity:.4;cursor:not-allowed}.dt-player-btn--play{width:40px;height:40px;font-size:1rem;border-radius:50%;background:var(--primary-light);border-color:#3b82f633;color:var(--primary-dark)}.dt-player-btn--play:hover:not(:disabled){background:#3b82f633}.dt-player-btn--speed{width:auto;padding:0 .5rem;font-size:.75rem;font-weight:700;color:var(--text-muted)}.dt-player-seg-label{margin-left:auto;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dt-player-error{font-size:.78rem;color:var(--error);flex:1}.dt-input-area{display:flex;flex-direction:column;gap:.35rem;max-height:55vh;overflow-y:auto;padding:.25rem;scroll-behavior:smooth}.dt-input-row{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .2s,box-shadow .2s;overflow:hidden}.dt-input-row--active{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61f}.dt-input-row--correct{border-color:var(--success);animation:dt-correct-flash .6s ease}.dt-input-row--incorrect{border-color:var(--error)}.dt-input-row-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem}.dt-input-seg-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);font-size:.72rem;font-weight:700;color:var(--text-muted);flex-shrink:0;border:1px solid var(--border)}.dt-input-row--active .dt-input-seg-num{background:var(--primary-light);color:var(--primary-dark);border-color:#3b82f633}.dt-input-field-wrap{flex:1;min-width:0}.dt-input-field{width:100%;padding:.4rem .55rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.88rem;color:var(--text);background:var(--bg);transition:border-color .15s,background .15s;outline:none}.dt-input-field:focus{border-color:var(--primary);background:var(--surface)}.dt-input-field:-moz-read-only{background:var(--bg);cursor:default}.dt-input-field:read-only{background:var(--bg);cursor:default}.dt-input-field:disabled{opacity:.6}.dt-input-field::-moz-placeholder{color:var(--border);font-size:.82rem;letter-spacing:.5px}.dt-input-field::placeholder{color:var(--border);font-size:.82rem;letter-spacing:.5px}.dt-input-status{flex-shrink:0;width:28px;display:flex;align-items:center;justify-content:center}.dt-input-icon{font-size:.88rem;line-height:1}.dt-input-icon--correct{color:var(--success)}.dt-input-icon--incorrect{color:var(--error)}.dt-input-icon--pending{color:var(--border);font-size:.75rem}.dt-input-diff-area{padding:.45rem .65rem .55rem 3.4rem;border-top:1px solid var(--border);background:var(--bg);display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.dt-input-similarity{font-size:.7rem;color:var(--text-muted);font-weight:600;white-space:nowrap;margin-left:auto;padding-left:.5rem}.dt-diff{display:inline;font-size:.82rem;line-height:1.6;word-break:break-word}.dt-diff-correct{color:var(--text)}.dt-diff-missing{display:inline}.dt-diff-strikethrough{text-decoration:line-through;color:var(--text-muted);opacity:.7}.dt-diff-missing .dt-diff-strikethrough{color:var(--text-muted)}.dt-diff-label{font-size:.65rem;font-weight:600;color:var(--text-muted);margin-left:.15rem;vertical-align:super;font-style:italic}.dt-diff-wrong{display:inline}.dt-diff-wrong .dt-diff-strikethrough{color:var(--error);opacity:.6}.dt-diff-actual{color:var(--error);font-weight:600;margin-left:.15rem}.dt-diff-extra{display:inline}.dt-diff-extra-text{color:#e67e22;font-weight:600}.dt-diff-extra .dt-diff-label{color:#e67e22}.dt-session-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.dt-filters{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:nowrap}.dt-search-input{flex:1 1 auto;min-width:120px;font-size:.82rem}.dt-status-filter{flex:0 0 auto;width:140px;font-size:.82rem}.dt-count{font-size:.78rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.dt-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;border-radius:var(--radius);transition:background var(--transition);font-size:.82rem;padding:0}.dt-delete-btn:hover{background:var(--error-light)}.dt-session-title-cell{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dt-progress-cell{display:flex;flex-direction:column;gap:.2rem}.dt-progress-cell-label{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.dt-mini-progress{width:100%;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.dt-mini-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.dt-accuracy-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:4px;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.dt-accuracy-badge--high{background:var(--success-light);color:var(--tag-success-text)}.dt-accuracy-badge--mid{background:var(--warning-light);color:var(--tag-warning-text)}.dt-accuracy-badge--low{background:var(--error-light);color:var(--error)}.dt-detail{display:flex;flex-direction:column;gap:.75rem}.dt-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.dt-detail-header-left{display:flex;align-items:flex-start;gap:.6rem;flex:1;min-width:0}.dt-detail-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dt-detail-title-area{min-width:0;flex:1}.dt-detail-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color var(--transition)}.dt-detail-title:hover{color:var(--primary)}.dt-detail-title-edit{font-size:.72rem;opacity:0;transition:opacity .2s}.dt-detail-title:hover .dt-detail-title-edit{opacity:1}.dt-detail-title-input{width:100%;max-width:400px;padding:.3rem .55rem;border:1.5px solid var(--primary);border-radius:var(--radius);font-family:var(--font);font-size:1.1rem;font-weight:700;color:var(--text);background:var(--surface);outline:none;box-shadow:0 0 0 2px #3b82f61f}.dt-detail-badges{display:flex;align-items:center;gap:.35rem;margin-top:.25rem;flex-wrap:wrap}.dt-stats-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1rem}.dt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.65rem}.dt-stats-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;padding:.4rem .25rem;border-radius:var(--radius);background:var(--bg)}.dt-stats-item-icon{font-size:1.1rem}.dt-stats-item-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.dt-stats-item-value{font-size:1.05rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.dt-stats-value--high{color:var(--tag-success-text)}.dt-stats-value--mid{color:var(--tag-warning-text)}.dt-stats-value--low{color:var(--error)}.dt-results-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dt-results-title{font-size:.9rem;font-weight:700;color:var(--text);margin:0;padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--bg)}.dt-results-list{display:flex;flex-direction:column}.dt-result-row{border-bottom:1px solid var(--border);transition:background .15s}.dt-result-row:last-child{border-bottom:none}.dt-result-row--correct{border-left:3px solid var(--success)}.dt-result-row--partial{border-left:3px solid var(--warning, #f59e0b)}.dt-result-row--incorrect{border-left:3px solid var(--error)}.dt-result-row-main{display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem}.dt-result-row-main--clickable{cursor:pointer}.dt-result-row-main--clickable:hover{background:var(--bg)}.dt-result-num{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);font-size:.7rem;font-weight:700;color:var(--text-muted);flex-shrink:0;border:1px solid var(--border)}.dt-result-row--correct .dt-result-num{background:var(--success-light);color:var(--tag-success-text);border-color:#10b98133}.dt-result-row--incorrect .dt-result-num{background:var(--error-light);color:var(--error);border-color:#ef444433}.dt-result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.dt-result-expected{font-size:.85rem;color:var(--text);line-height:1.45}.dt-result-user-input{font-size:.8rem;color:var(--text-secondary);font-style:italic}.dt-result-no-attempt{font-size:.78rem;color:var(--text-muted);font-style:italic}.dt-result-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.dt-result-icon{font-size:.85rem;line-height:1}.dt-result-expand{font-size:.65rem;color:var(--text-muted);width:16px;text-align:center}.dt-result-diff-inline{padding:.35rem .85rem .45rem 3.6rem;border-top:1px solid var(--border);background:var(--bg)}.dt-similarity-bar-wrap{display:flex;align-items:center;gap:.3rem;min-width:70px}.dt-similarity-bar{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden;min-width:40px}.dt-similarity-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.dt-similarity-bar-fill--correct{background:var(--success)}.dt-similarity-bar-fill--partial{background:var(--warning, #f59e0b)}.dt-similarity-bar-fill--incorrect{background:var(--error)}.dt-similarity-label{font-size:.68rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dt-attempts-list{border-top:1px solid var(--border);background:var(--bg);padding:.45rem .85rem .55rem}.dt-attempts-header{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.dt-attempt-row{padding:.35rem .5rem;border-radius:var(--radius);margin-bottom:.25rem;background:var(--surface);border:1px solid var(--border)}.dt-attempt-row:last-child{margin-bottom:0}.dt-attempt-row--correct{border-color:#10b98140;background:var(--success-light)}.dt-attempt-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.dt-attempt-num{font-size:.7rem;font-weight:700;color:var(--text-muted)}.dt-attempt-score{font-size:.7rem;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dt-attempt-score--correct{color:var(--tag-success-text)}.dt-attempt-icon{font-size:.72rem;margin-left:auto}.dt-attempt-input{font-size:.8rem;color:var(--text);line-height:1.4}.dt-attempt-diff{margin-top:.25rem;padding-top:.25rem;border-top:1px dashed var(--border)}.dt-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border);flex-wrap:wrap}@media (max-width: 768px){.dt-source-modal{max-width:100%}.dt-header{flex-direction:column;align-items:stretch}.dt-header-actions{justify-content:flex-end}.dt-source-option{padding:.7rem .85rem}.dt-source-option-icon{font-size:1.3rem;width:32px}.dt-upload-actions{flex-direction:column}.dt-upload-actions .btn{width:100%;justify-content:center}.dt-te-actions{flex-direction:column}.dt-te-actions .btn{width:100%;justify-content:center}.dt-library-card-meta{flex-direction:column;align-items:flex-start;gap:.2rem}.dt-library-card-date{margin-left:0}.dt-practice-topbar{padding:.4rem .65rem;gap:.5rem}.dt-practice-topbar-right{display:none}.dt-topbar-progress{width:40vw}.dt-practice-main{padding:1rem .75rem}.dt-practice-bottombar{padding:.4rem .65rem;gap:.5rem}.dt-card__front,.dt-card__back{padding:1rem}.dt-card-nav-btn{padding:.4rem .6rem;font-size:.82rem;min-width:65px}.dt-word-flow{font-size:.9rem;line-height:2.3}.dt-word-flow--has-results{line-height:2.8}.dt-word-correct-hint{font-size:.62rem}.dt-completion-overlay-card{padding:1.5rem 1.25rem}.dt-player-segment{width:30px;height:30px;font-size:.65rem}.dt-input-row-header{gap:.35rem;padding:.35rem .5rem}.dt-input-seg-num{width:24px;height:24px;font-size:.65rem}.dt-input-field{font-size:.82rem;padding:.35rem .45rem}.dt-input-diff-area{padding-left:2.5rem}.dt-input-area{max-height:45vh}.dt-player-controls{justify-content:center}.dt-player-seg-label{margin-left:0;width:100%;text-align:center}.dt-filters{flex-wrap:nowrap}.dt-search-input{min-width:100px}.dt-status-filter{width:130px}.dt-detail-header{flex-direction:column}.dt-detail-header-right{justify-content:flex-end;width:100%}.dt-detail-title-input{max-width:none}.dt-stats-grid{grid-template-columns:repeat(3,1fr)}.dt-result-row-main{flex-wrap:wrap;gap:.4rem;padding:.45rem .65rem}.dt-result-right{width:100%;justify-content:flex-end}.dt-result-diff-inline{padding-left:.85rem}.dt-similarity-bar-wrap{min-width:60px}.dt-attempts-list{padding:.35rem .5rem .45rem}.dt-detail-actions{flex-direction:column}.dt-detail-actions .btn{width:100%;justify-content:center}.dt-session-title-cell{max-width:140px}}@media (max-width: 480px){.dt-stats-grid{grid-template-columns:repeat(2,1fr)}.dt-stats-item{padding:.3rem .15rem}.dt-stats-item-value{font-size:.92rem}.dt-filters{flex-direction:column;align-items:stretch;flex-wrap:wrap}.dt-search-input{min-width:0;width:100%}.dt-status-filter{width:100%}.dt-count{margin-left:0;text-align:right}.dt-card-nav-btn{min-width:55px;padding:.35rem .4rem;font-size:.78rem}.dt-card__flip-btn{width:26px;height:26px}.dt-practice-bottombar{gap:.35rem}.dt-word-flow{font-size:.85rem;line-height:2.2}.dt-word-flow--has-results{line-height:2.6}.dt-word-slot{min-width:1em}}@keyframes speaking-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.speaking-slide-up{animation:speaking-slide-up .35s ease}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes sp-recording-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.sp-header-actions{display:flex;align-items:center;gap:.5rem}.sp-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:1.1rem;transition:all var(--transition)}.sp-settings-btn:hover{background:var(--bg);border-color:var(--primary)}.sp-filters{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;flex-wrap:wrap}.sp-search-input{flex:1;min-width:180px}.sp-status-filter{width:auto;min-width:130px;max-width:200px}.sp-count{font-size:.78rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.sp-session-list{display:flex;flex-direction:column;gap:.5rem}.sp-session-card{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 2.5rem .75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition);position:relative}.sp-session-card:hover{box-shadow:var(--shadow);border-color:var(--primary)}.sp-session-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sp-session-card-title{font-weight:600;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sp-session-card-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.78rem}.sp-session-card-rounds,.sp-session-card-duration{color:var(--text-muted)}.sp-session-card-date{color:var(--text-muted);margin-left:auto}.sp-session-card-persona{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.sp-session-card-mode{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;background:var(--bg);color:var(--text-muted)}.sp-session-card-delete{position:absolute;top:.55rem;right:.55rem;background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem .35rem;border-radius:var(--radius);opacity:0;transition:opacity .15s,background .15s}.sp-session-card:hover .sp-session-card-delete{opacity:1}.sp-session-card-delete:hover{background:var(--error-light)}.sp-delete-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem .35rem;border-radius:var(--radius);opacity:.3;transition:opacity .15s,background .15s}.sp-delete-btn:hover{opacity:1;background:var(--error-light)}.sp-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0}.sp-status-active{background:var(--primary-light);color:var(--primary-dark);animation:sp-pulse 1.5s ease infinite}.sp-status-completed{background:var(--success-light);color:var(--tag-success-text)}.sp-status-evaluating{background:var(--warning-light);color:var(--tag-warning-text);animation:sp-pulse 1.5s ease infinite}.sp-status-evaluated{background:var(--success-light);color:var(--tag-success-text)}.sp-status-interrupted{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.sp-settings-modal{max-width:640px}.sp-settings-loading{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}.sp-settings-body{max-height:58vh;overflow-y:auto;padding:0 .15rem}.sp-settings-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.sp-settings-section:last-child{border-bottom:none;margin-bottom:.5rem;padding-bottom:0}.sp-settings-section-title{font-size:.92rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.sp-settings-checkbox-card{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-lg);cursor:pointer;transition:background .15s,border-color .15s;border:1.5px solid var(--border)}.sp-settings-checkbox-card strong{font-size:.88rem;display:block}.sp-checkbox-desc{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.sp-settings-sub{margin-top:.75rem;padding-left:.65rem;border-left:3px solid var(--primary-light);animation:speaking-slide-up .2s ease}.sp-settings-row{display:flex;gap:.75rem}.sp-settings-hint{font-size:.73rem;color:var(--text-muted);font-style:italic;margin:.15rem 0 .35rem .25rem;line-height:1.4}.sp-settings-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}.sp-standard-tag{display:inline-block;margin-left:.35rem;padding:.05rem .35rem;border-radius:4px;font-size:.7rem;font-weight:600;background:var(--primary-light);color:var(--primary-dark);vertical-align:middle}.sp-persona-card{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.sp-persona-card:hover{border-color:var(--primary);background:var(--surface-hover)}.sp-persona-card--selected{border-color:var(--primary);background:var(--primary-light)}.sp-persona-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--bg);flex-shrink:0}.sp-persona-info{flex:1;min-width:0}.sp-persona-name{font-size:.88rem;font-weight:600;color:var(--text)}.sp-persona-voice{font-size:.75rem;color:var(--text-muted)}.sp-mode-toggle{display:flex;gap:.5rem;margin-bottom:.5rem}.sp-mode-option{flex:1;display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--surface)}.sp-mode-option:hover{border-color:var(--primary)}.sp-mode-option--active{border-color:var(--primary);background:var(--primary-light)}.sp-mode-option-icon{font-size:1.3rem;flex-shrink:0}.sp-mode-option-label{font-size:.85rem;font-weight:600;color:var(--text)}.sp-mode-option-desc{font-size:.73rem;color:var(--text-muted)}.sp-placeholder{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.sp-placeholder-icon{font-size:3rem;margin-bottom:.75rem}.sp-placeholder-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.sp-placeholder-sub{font-size:.88rem;color:var(--text-muted)}.sp-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem}.sp-pagination-info{color:var(--text-muted);font-size:.8rem}.sp-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;margin-bottom:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap}.sp-detail-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap}.sp-detail-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.sp-detail-title{font-size:1rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.sp-detail-transcript{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden}.sp-detail-transcript-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.88rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.sp-detail-transcript-meta{font-size:.75rem;font-weight:400;color:var(--text-muted);margin-left:auto}.sp-detail-transcript-body{padding:1rem;font-size:.92rem;line-height:1.7;white-space:pre-wrap;color:var(--text)}.sp-detail-chat{max-height:50vh;overflow-y:auto;padding:.75rem}.sp-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.sp-detail-resume-banner{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--warning-light);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);margin-bottom:.75rem;font-size:.88rem;color:var(--tag-warning-text);flex-wrap:wrap}.sp-detail-evaluating-banner{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;background:var(--primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);margin-bottom:.75rem;font-size:.88rem;color:var(--primary-dark)}.sp-detail-eval-placeholder{text-align:center;padding:2rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.75rem}.sp-detail-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.88rem}.sp-transcript-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden}.sp-te-warning{padding:.55rem .85rem;background:var(--warning-light);border-bottom:1px solid rgba(245,158,11,.2);font-size:.82rem;color:var(--tag-warning-text);line-height:1.5}.sp-te-editor-wrap{min-height:200px;max-height:50vh;overflow-y:auto}.sp-te-editor-wrap .tiptap-lite{border:none;border-radius:0}.sp-te-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;border-top:1px solid var(--border);background:var(--bg);gap:.5rem;flex-wrap:wrap}.sp-te-actions{display:flex;gap:.5rem}.sp-te-counter{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.sp-te-counter--warn{color:var(--warning)}.sp-te-counter--error{color:var(--error);font-weight:600}.sp-token-modal{max-width:460px}.sp-te-info{font-size:.88rem;color:var(--text-secondary);margin-bottom:1rem;text-align:center}.sp-cost-card{background:var(--primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:1rem;text-align:center;margin-bottom:1rem}.sp-cost-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.sp-cost-value{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.sp-cost-detail{font-size:.78rem;color:var(--text-muted);margin-top:.25rem}.sp-cost-breakdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;margin-bottom:1rem}.sp-cost-breakdown-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.sp-cost-breakdown-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.15rem 0;color:var(--text-secondary)}.sp-cost-balance{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius);background:var(--success-light);border:1px solid rgba(16,185,129,.2);font-size:.88rem;color:var(--text-secondary);flex-wrap:wrap}.sp-cost-balance--low{background:var(--error-light);border-color:#ef444433}.sp-cost-balance-warn{flex-basis:100%;font-size:.8rem;color:var(--error);margin-top:.25rem;font-weight:500}.sp-cost-edit-hint{font-size:.82rem;color:var(--text-muted);margin-top:.75rem;padding:.45rem .65rem;background:var(--bg);border-radius:var(--radius)}.sp-cost-edit-link{background:none;border:none;color:var(--primary);cursor:pointer;font-family:var(--font);font-size:.82rem;text-decoration:underline;padding:0}.sp-cost-edit-link:hover{color:var(--primary-dark)}.sp-eval-skel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:.75rem 0;background:var(--bg)}.sp-eval-skel-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.92rem;font-weight:600;color:var(--text-secondary)}.sp-eval-skel-progress{height:3px;background:var(--border);overflow:hidden}.sp-eval-skel-progress-bar{height:100%;width:40%;background:var(--primary);animation:sp-skel-progress 2s ease-in-out infinite}@keyframes sp-skel-progress{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(-100%)}}.sp-eval-skel-panels{display:flex;min-height:300px}.sp-eval-skel-panel{flex:1;border-right:1px solid var(--border)}.sp-eval-skel-panel:last-child{border-right:none}.sp-eval-skel-panel-header{padding:.5rem .75rem;font-size:.82rem;font-weight:600;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border)}.sp-eval-skel-panel-body{padding:1rem}.sp-eval-skel-line{height:12px;border-radius:6px;background:var(--border);margin-bottom:.6rem;animation:sp-skel-pulse 1.5s ease-in-out infinite}.sp-eval-skel-line--full{width:100%}.sp-eval-skel-line--long{width:85%}.sp-eval-skel-line--med{width:65%}.sp-eval-skel-line--short{width:40%}.sp-eval-skel-gap{height:.8rem}@keyframes sp-skel-pulse{0%,to{opacity:.4}50%{opacity:.15}}.sp-eval-skel-line:nth-child(2n){animation-delay:.3s}.sp-eval-skel-line:nth-child(3n){animation-delay:.6s}.sp-eval{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:.75rem 0}.sp-eval-header{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap}.sp-eval-header-title{font-size:.95rem;font-weight:700;color:var(--text)}.sp-eval-ai-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .45rem;border-radius:4px;font-size:.7rem;font-weight:600;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.sp-eval-disclaimer{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .45rem;border-radius:99px;font-size:.68rem;font-weight:500;color:var(--tag-warning-text);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);margin-left:auto;white-space:nowrap}.sp-eval-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface)}.sp-eval-tab{padding:.55rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);font-family:var(--font)}.sp-eval-tab:hover{color:var(--text)}.sp-eval-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.sp-eval-content{padding:1rem}.sp-eval-panel{animation:speaking-slide-up .25s ease}.sp-eval-level-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;margin-bottom:1rem;background:var(--primary-light);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg)}.sp-eval-level-card--compact{flex-direction:row;align-items:center;font-size:.88rem;color:var(--text-secondary);padding:.6rem .85rem;gap:.25rem}.sp-eval-level-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.sp-eval-level-item{text-align:center}.sp-eval-level-item--highlight .sp-eval-level-value{color:var(--primary);font-size:1.4rem}.sp-eval-level-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.sp-eval-level-value{font-size:1.1rem;font-weight:700;color:var(--text)}.sp-eval-level-range{font-size:.88rem;color:var(--text-secondary)}.sp-eval-level-arrow{font-size:1.2rem;color:var(--text-muted)}.sp-eval-rationale{font-size:.82rem;color:var(--text-secondary);line-height:1.5;padding-top:.35rem;border-top:1px solid rgba(59,130,246,.1)}.sp-eval-summary{font-size:.88rem;line-height:1.6;color:var(--text);padding:.75rem .85rem;margin-bottom:1rem;background:var(--bg);border-radius:var(--radius);border-left:3px solid var(--primary)}.sp-eval-section-title{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.sp-scores-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;margin-bottom:1rem}.sp-score-card{padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.sp-score-card-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem}.sp-score-card-icon{font-size:.9rem}.sp-score-card-label{font-size:.8rem;font-weight:600;color:var(--text);flex:1}.sp-score-card-num{font-size:.88rem;font-weight:700}.sp-score--low{color:var(--error)}.sp-score--medium{color:var(--warning)}.sp-score--good{color:var(--success)}.sp-score--excellent{color:var(--primary)}.sp-score-bar{height:4px;background:var(--border);border-radius:2px;margin-bottom:.3rem;overflow:hidden}.sp-score-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.sp-score-bar-fill.sp-score--low{background:var(--error)}.sp-score-bar-fill.sp-score--medium{background:var(--warning)}.sp-score-bar-fill.sp-score--good{background:var(--success)}.sp-score-bar-fill.sp-score--excellent{background:var(--primary)}.sp-score-card-comment{font-size:.75rem;color:var(--text-secondary);line-height:1.45}.sp-eval-feedback{margin-bottom:.75rem;padding:.65rem .85rem;border-radius:var(--radius)}.sp-eval-feedback--success{background:var(--success-light);border:1px solid rgba(16,185,129,.15)}.sp-eval-feedback--warning{background:var(--warning-light);border:1px solid rgba(245,158,11,.15)}.sp-eval-feedback--info{background:var(--primary-light);border:1px solid rgba(59,130,246,.15)}.sp-eval-feedback-list{list-style:none;padding:0;margin:0}.sp-eval-feedback-list li{font-size:.82rem;line-height:1.55;color:var(--text);padding:.15rem 0}.sp-eval-feedback-list li:before{content:"•";margin-right:.4rem;color:var(--text-muted)}.sp-eval-annotations{margin-top:.75rem}.sp-ann-card{display:flex;gap:.5rem;padding:.5rem .65rem;border-left:3px solid var(--border);margin-bottom:.4rem;background:var(--bg);border-radius:0 var(--radius) var(--radius) 0}.sp-ann-card--polished{border-left-color:var(--secondary)}.sp-ann-num{font-size:.72rem;font-weight:700;color:var(--text-muted);min-width:18px;padding-top:.1rem}.sp-ann-body{flex:1;min-width:0}.sp-ann-row{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;margin-bottom:.15rem}.sp-ann-original{font-size:.82rem;color:var(--error);text-decoration:line-through;font-style:italic}.sp-ann-arrow{font-size:.75rem;color:var(--text-muted)}.sp-ann-corrected{font-size:.82rem;color:var(--success);font-weight:600}.sp-ann-explanation{font-size:.78rem;color:var(--text-secondary);line-height:1.45}.sp-ann-category{display:inline-block;margin-top:.2rem;padding:.05rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;border:1px solid var(--border);color:var(--text-muted)}.sp-eval-speech-card{margin-bottom:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sp-eval-speech-card--polished{border-color:#8b5cf633}.sp-eval-speech-header{padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:var(--text);background:var(--bg);border-bottom:1px solid var(--border)}.sp-eval-speech-body{padding:.85rem 1rem;font-size:.88rem;line-height:1.7;white-space:pre-wrap;color:var(--text)}.sp-eval-oral-expr{margin-top:.75rem;padding:.75rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.sp-oe-group{margin-top:.5rem}.sp-oe-group-title{font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:.25rem}.sp-oe-item{font-size:.82rem;color:var(--text);line-height:1.5;padding:.15rem 0 .15rem .5rem;border-left:2px solid var(--primary-light);margin-bottom:.2rem}.sp-eval-error{padding:.55rem .85rem;margin-top:.5rem;background:var(--error-light);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);font-size:.82rem;color:var(--error)}.sp-eval-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.88rem}.sp-coming-soon{text-align:center;padding:4rem 2rem;max-width:480px;margin:0 auto}.sp-coming-soon__icon{font-size:3.5rem;margin-bottom:1rem;line-height:1}.sp-coming-soon__title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.sp-coming-soon__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.sp-coming-soon__badge{display:inline-block;padding:.25rem .75rem;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--primary-light);color:var(--primary-dark);letter-spacing:.02em}.sp-recovery-banner{background:var(--warning-light);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);padding:.75rem 1rem;margin-bottom:1rem}.sp-recovery-banner__header{font-size:.88rem;font-weight:600;color:var(--tag-warning-text);margin-bottom:.5rem}.sp-recovery-banner__item{display:flex;align-items:center;gap:.75rem;padding:.45rem 0;border-top:1px solid rgba(245,158,11,.15)}.sp-recovery-banner__item:first-of-type{border-top:none}.sp-recovery-banner__info{flex:1;min-width:0}.sp-recovery-banner__title{font-size:.85rem;font-weight:600;color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-recovery-banner__meta{font-size:.72rem;color:var(--text-muted)}.sp-score-card{transition:box-shadow var(--transition),transform var(--transition)}.sp-score-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.sp-eval-tab{min-height:44px}@media (max-width: 768px){.sp-settings-row{flex-direction:column}.sp-settings-modal{max-width:100%}.sp-search-input{min-width:0;max-width:none}.sp-mode-toggle{flex-direction:column}.sp-session-card{padding-right:1rem}.sp-session-card-delete,.sp-delete-btn{opacity:1}.sp-detail-header{flex-direction:column;align-items:stretch}.sp-detail-header-right{justify-content:flex-end}.sp-detail-title{max-width:100%}.sp-eval-skel-panels{flex-direction:column}.sp-eval-skel-panel{border-right:none;border-bottom:1px solid var(--border);min-height:150px}.sp-eval-skel-panel:last-child{border-bottom:none}.sp-scores-cards{grid-template-columns:1fr}.sp-eval-level-row{flex-direction:column;gap:.5rem}.sp-eval-tabs{overflow-x:auto}.sp-eval-disclaimer{white-space:normal;font-size:.64rem}.sp-filters{flex-direction:column;align-items:stretch}.sp-status-filter{max-width:none}.sp-recovery-banner__item{flex-direction:column;align-items:stretch;gap:.35rem}.sp-detail-actions{flex-direction:column}.sp-detail-actions .btn{width:100%;justify-content:center}}.sp-detail-optimize-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap}.sp-detail-optimize-hint{font-size:.75rem;color:var(--text-muted)}.sp-optimize-review{border:1.5px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:.75rem;background:#8b5cf608}.sp-optimize-review-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.88rem;font-weight:600;color:#7c3aed;border-bottom:1px solid rgba(139,92,246,.15);background:#8b5cf60f;flex-wrap:wrap}.sp-optimize-review-hint{font-size:.72rem;font-weight:400;color:var(--text-muted);margin-left:auto}.sp-optimize-review-body{padding:1rem;font-size:.9rem;line-height:1.7;white-space:pre-wrap;color:var(--text)}.sp-optimize-review-actions{display:flex;gap:.5rem;padding:.5rem .85rem;border-top:1px solid rgba(139,92,246,.15);justify-content:flex-end}.sp-annotated-panel{animation:speaking-slide-up .25s ease}.sp-annotated-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;font-size:.85rem;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:.75rem}.sp-ann-toggle-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.15rem .5rem;font-size:.72rem;font-weight:600;cursor:pointer;font-family:var(--font);color:var(--text-muted);transition:all .15s}.sp-ann-toggle-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.sp-annotated-body{display:flex;position:relative;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;min-height:120px}.sp-annotated-text{flex:1;padding:1rem;font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;color:var(--text);overflow-y:auto;max-height:50vh;background:var(--surface)}.sp-hl{background:color-mix(in srgb,var(--hl-color, #f59e0b) 70%,transparent);border-bottom:2px solid var(--hl-color, #f59e0b);color:#fff;cursor:pointer;border-radius:2px;transition:background .15s,filter .15s;padding:0 1px}.sp-hl:hover{background:color-mix(in srgb,var(--hl-color, #f59e0b) 80%,transparent)}.sp-hl--active{background:color-mix(in srgb,var(--hl-color, #f59e0b) 85%,transparent);color:#fff;outline:1.5px solid var(--hl-color, #f59e0b);outline-offset:1px}.sp-ann-sidebar{width:240px;min-width:240px;border-left:1px solid var(--border);background:var(--bg);overflow-y:auto;max-height:50vh;padding:.25rem 0}.sp-ann-card-v2{display:flex;gap:.4rem;padding:.5rem .6rem;border-bottom:1px solid var(--border);border-left:3px solid #f59e0b;cursor:pointer;transition:background .15s;font-size:.76rem}.sp-ann-card-v2:hover{background:var(--surface-hover)}.sp-ann-card-v2--active{background:var(--primary-light)}.sp-ann-card-v2-num{font-size:.68rem;font-weight:700;color:var(--text-muted);min-width:16px;padding-top:.05rem}.sp-ann-card-v2-body{flex:1;min-width:0}.sp-ann-card-v2-orig{color:var(--error);font-style:italic;text-decoration:line-through;margin-bottom:.1rem;line-height:1.4}.sp-ann-card-v2-fix{color:var(--success);font-weight:600;margin-bottom:.1rem;line-height:1.4}.sp-ann-card-v2-expl{color:var(--text-secondary);line-height:1.4}.sp-ann-card-v2-cat{display:inline-block;margin-top:.2rem;padding:.02rem .3rem;border-radius:3px;font-size:.62rem;font-weight:600;border:1px solid}.sp-connector-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}@media (max-width: 768px){.sp-ann-sidebar,.sp-connector-svg{display:none}.sp-annotated-text{max-height:none}}.spc-chat{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0;max-height:60vh;overflow-y:auto}.spc-bubble{display:flex;flex-direction:column;max-width:80%;animation:spc-bubble-in .25s ease}@keyframes spc-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spc-bubble--user{align-self:flex-end}.spc-bubble--user .spc-bubble__row{flex-direction:row-reverse}.spc-bubble--user .spc-bubble__content{background:var(--primary);color:#fff;border-radius:var(--radius-lg) 4px var(--radius-lg) var(--radius-lg)}.spc-bubble--user .spc-bubble__text-toggle{color:#ffffffbf}.spc-bubble--user .spc-bubble__text-toggle:hover{color:#fff}.spc-bubble--user .spc-bubble__text{color:#ffffffeb}.spc-bubble--ai{align-self:flex-start}.spc-bubble--ai .spc-bubble__content{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg)}.spc-bubble--latest .spc-bubble__content{box-shadow:0 0 0 2px #3b82f633}.spc-bubble__row{display:flex;align-items:flex-start;gap:.5rem}.spc-bubble__avatar{width:32px;height:32px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.spc-bubble--user .spc-bubble__avatar{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;font-size:.75rem}.spc-bubble__persona-label{font-size:.7rem;font-weight:600;color:var(--text-muted);margin-bottom:.2rem;margin-left:40px}.spc-bubble__content{padding:.55rem .75rem;min-width:120px;max-width:100%}.spc-bubble__audio{display:flex;align-items:center;gap:.35rem}.spc-bubble__audio-duration{font-size:.7rem;opacity:.7;white-space:nowrap;flex-shrink:0}.spc-bubble__text-toggle{display:block;background:none;border:none;cursor:pointer;font-size:.72rem;font-family:var(--font);color:var(--text-muted);padding:.25rem 0 0;transition:color var(--transition)}.spc-bubble__text-toggle:hover{color:var(--primary)}.spc-bubble__text{font-size:.88rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding-top:.35rem;animation:spc-text-expand .2s ease}.spc-bubble__text--inline{padding-top:0;animation:none}@keyframes spc-text-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.spc-bubble__lang-badge{display:inline-block;margin-top:.3rem;padding:.05rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;background:#fff3;color:#fffc}.spc-bubble--ai .spc-bubble__lang-badge{background:var(--bg);color:var(--text-muted)}.spc-bubble__time{font-size:.65rem;color:var(--text-muted);margin-top:.2rem;padding-left:40px}.spc-bubble__time--right{text-align:right;padding-left:0;padding-right:40px}.spc-bubble__edited{font-style:italic;opacity:.7}.spc-player{display:flex;align-items:center;gap:.45rem;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:99px;min-width:180px}.spc-player--compact{border:none;background:transparent;padding:.2rem 0;min-width:150px}.spc-player--error{display:flex;align-items:center;gap:.3rem;padding:.25rem .45rem;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:99px;font-size:.75rem}.spc-player--loading{display:flex;align-items:center;justify-content:center;padding:.3rem .5rem;min-width:60px}.spc-player__error-text{color:var(--error);font-size:.72rem;flex:1}.spc-player__retry{background:none;border:none;cursor:pointer;color:var(--error);font-size:.82rem;padding:.1rem .2rem;border-radius:50%;transition:background .15s;line-height:1}.spc-player__retry:hover{background:#ef44441a}.spc-player__spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spc-spin .7s linear infinite}@keyframes spc-spin{to{transform:rotate(360deg)}}.spc-player__play{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.spc-player__play:hover{background:var(--primary-dark);transform:scale(1.05)}.spc-player__play:active{transform:scale(.95)}.spc-bubble--user .spc-player__play{background:#ffffff40}.spc-bubble--user .spc-player__play:hover{background:#fff6}.spc-player__track{flex:1;min-width:0;height:20px;display:flex;align-items:center;cursor:pointer;padding:6px 0}.spc-player__track-bg{width:100%;height:4px;background:var(--border);border-radius:2px;position:relative;overflow:visible}.spc-player__track-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .05s linear}.spc-bubble--user .spc-player__track-fill{background:#ffffffb3}.spc-player__track-thumb{position:absolute;top:50%;width:10px;height:10px;background:var(--primary);border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000026;opacity:0;transition:opacity .15s}.spc-player:hover .spc-player__track-thumb,.spc-player--compact:hover .spc-player__track-thumb{opacity:1}.spc-bubble--user .spc-player__track-thumb{background:#fff;border-color:#ffffff80}.spc-player__time{font-size:.68rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.spc-bubble--user .spc-player__time{color:#ffffffa6}.spc-player__speed{font-size:.65rem;font-weight:700;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);cursor:pointer;padding:.1rem .3rem;border-radius:4px;font-family:var(--font);transition:all .15s;flex-shrink:0;white-space:nowrap;line-height:1.2}.spc-player__speed:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.spc-bubble--user .spc-player__speed{color:#fff9;background:#ffffff1a;border-color:#fff3}.spc-bubble--user .spc-player__speed:hover{color:#fff;background:#fff3}.spc-recorder{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.spc-recorder--active{border-color:var(--error);background:#ef444408}.spc-recorder__timer{display:flex;align-items:baseline;gap:.3rem}.spc-recorder__duration{font-size:1.6rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.spc-recorder--active .spc-recorder__duration{color:var(--error)}.spc-recorder__max{font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.spc-recorder__remaining{font-size:.78rem;font-weight:600;color:var(--warning);animation:sp-pulse 1s ease infinite}.spc-recorder__waveform{display:flex;align-items:center;gap:3px;height:28px}.spc-recorder__bar{width:4px;background:var(--error);border-radius:2px;animation:spc-bar-pulse .6s ease-in-out infinite alternate}@keyframes spc-bar-pulse{0%{height:6px;opacity:.4}to{height:24px;opacity:1}}.spc-recorder__paused-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.spc-recorder__progress{width:100%;max-width:260px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.spc-recorder__progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .15s linear}.spc-recorder__progress-fill--warn{background:var(--warning)}.spc-recorder__controls{display:flex;align-items:center;gap:.75rem}.spc-recorder__btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:50%;transition:all var(--transition);font-family:var(--font)}.spc-recorder__btn--main{width:56px;height:56px;background:var(--bg);border:2px solid var(--border);font-size:1.4rem}.spc-recorder__btn--main:hover{border-color:var(--primary);background:var(--primary-light)}.spc-recorder__btn--recording{background:var(--error);border-color:var(--error);animation:sp-recording-pulse 1.5s ease infinite}.spc-recorder__btn--recording:hover{background:#dc2626;border-color:#dc2626}.spc-recorder__btn--recording .spc-recorder__btn-icon{color:#fff}.spc-recorder__btn--secondary{width:36px;height:36px;background:var(--surface);border:1px solid var(--border);font-size:.9rem}.spc-recorder__btn--secondary:hover{background:var(--bg);border-color:var(--primary)}.spc-recorder__btn--stop{width:auto;height:36px;padding:0 .75rem;border-radius:var(--radius);background:var(--error);color:#fff;font-size:.82rem;font-weight:600}.spc-recorder__btn--stop:hover{background:#dc2626}.spc-recorder__btn-icon{line-height:1}.spc-recorder__btn:disabled{opacity:.4;cursor:not-allowed}.spc-recorder__hint{font-size:.78rem;color:var(--text-muted)}.spc-recorder__error{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;text-align:center}.spc-recorder__error-icon{font-size:1.5rem;opacity:.5}.spc-recorder__error-text{font-size:.82rem;color:var(--error);line-height:1.4;max-width:300px}.spc-recorder--review{border-color:var(--success);background:var(--success-light)}.spc-recorder__review{display:flex;flex-direction:column;align-items:center;gap:.6rem}.spc-recorder__review-duration{font-size:1.1rem;font-weight:600;color:var(--tag-success-text)}.spc-recorder__review-actions{display:flex;gap:.5rem}.spc-recorder__sent{display:flex;align-items:center;gap:.4rem;padding:.25rem 0}.spc-recorder__sent-icon{font-size:1.1rem}.spc-recorder__sent-text{font-size:.88rem;font-weight:600;color:var(--tag-success-text)}.spc-conversation{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:400px}.spc-conv-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.5rem;flex-wrap:wrap}.spc-conv-header-left{display:flex;align-items:center;gap:.5rem}.spc-conv-header-center{display:flex;align-items:center;gap:.4rem;flex:1;justify-content:center;min-width:0}.spc-conv-header-right{display:flex;align-items:center;gap:.5rem}.spc-conv-persona{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.spc-conv-round{font-size:.82rem;font-weight:700;color:var(--primary);white-space:nowrap}.spc-conv-topic{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.spc-conv-chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem .25rem;min-height:0}.spc-conv-input{padding:.5rem 0 0;border-top:1px solid var(--border);margin-top:auto;flex-shrink:0}.spc-conv-warning{padding:.45rem .75rem;margin-bottom:.5rem;background:var(--warning-light);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);font-size:.82rem;color:var(--tag-warning-text)}.spc-conv-completed-banner{padding:.55rem .85rem;margin-bottom:.5rem;background:var(--success-light);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);font-size:.88rem;color:var(--tag-success-text);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.spc-conv-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);align-self:center}.spc-conv-empty-icon{font-size:2.5rem;margin-bottom:.5rem}.spc-conv-empty-text{font-size:.92rem;margin-bottom:.35rem}.spc-conv-empty-topic{font-size:.85rem;color:var(--text-secondary)}.spc-conv-sending{display:flex;align-items:center;gap:.5rem;padding:.5rem;justify-content:center;color:var(--text-muted);font-size:.85rem}.spc-conv-send-error{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:var(--error-light);border-radius:var(--radius);font-size:.82rem;color:var(--error);margin-bottom:.5rem;flex-wrap:wrap}.spc-conv-max-reached{display:flex;align-items:center;gap:.5rem;padding:.5rem;justify-content:center;color:var(--text-secondary);font-size:.85rem}.spc-conv-tokens{text-align:center;font-size:.75rem;color:var(--text-muted);padding:.25rem 0}.spc-typing-indicator{display:flex;align-items:center;gap:4px;padding:.6rem .75rem!important;min-width:60px!important}.spc-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:spc-typing .9s ease-in-out infinite}.spc-typing-dot:nth-child(2){animation-delay:.15s}.spc-typing-dot:nth-child(3){animation-delay:.3s}@keyframes spc-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.spc-monologue{max-width:640px;margin:0 auto}.spc-mono-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.spc-mono-header-info{flex:1;min-width:0}.spc-mono-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spc-mono-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.spc-mono-time-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .45rem;border-radius:4px;font-size:.75rem;font-weight:600;background:var(--primary-light);color:var(--primary-dark)}.spc-mono-topic-card{background:var(--primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:.85rem 1rem;margin-bottom:1rem}.spc-mono-topic-label{font-size:.78rem;font-weight:600;color:var(--primary-dark);margin-bottom:.25rem}.spc-mono-topic-text{font-size:.95rem;color:var(--text);line-height:1.6}.spc-mono-instructions{font-size:.82rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic;line-height:1.5}.spc-mono-record-area{margin:1.5rem 0}.spc-mono-processing{text-align:center;padding:2rem 1rem}.spc-mono-processing-text{font-size:1rem;font-weight:600;color:var(--text);margin-top:.75rem}.spc-mono-processing-sub{font-size:.82rem;color:var(--text-muted);margin-top:.25rem}.spc-mono-transcript-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:1rem 0}.spc-mono-transcript-header{padding:.55rem .85rem;font-size:.88rem;font-weight:600;color:var(--text);background:var(--bg);border-bottom:1px solid var(--border)}.spc-mono-transcript-text{padding:1rem;font-size:.92rem;line-height:1.7;white-space:pre-wrap;color:var(--text)}.spc-mono-completed{text-align:center;padding:1.5rem}.spc-mono-completed-banner{font-size:1rem;font-weight:600;color:var(--tag-success-text);background:var(--success-light);padding:.65rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;display:inline-block}.spc-mono-completed-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.spc-recorder__preview-audio{width:100%;max-width:300px;height:36px;border-radius:var(--radius)}.spc-mono-input-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.spc-mono-input-option{flex:1;padding:.5rem;text-align:center;border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;font-size:.88rem;font-weight:600;background:var(--surface);transition:all var(--transition);font-family:var(--font)}.spc-mono-input-option:hover{border-color:var(--primary)}.spc-mono-input-option--active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.spc-mono-upload-area{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.spc-mono-file-input{width:100%;font-size:.88rem;font-family:var(--font)}.spc-mono-upload-hint{font-size:.78rem;color:var(--text-muted);margin-top:.5rem}.spc-mono-upload-preview{margin-top:1rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.spc-mono-upload-info{font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}.spc-mono-upload-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center}@media (max-width: 768px){.spc-bubble{max-width:90%}.spc-bubble__time{padding-left:0}.spc-bubble__time--right{padding-right:0}.spc-bubble__persona-label{margin-left:0}.spc-recorder__btn--main{width:48px;height:48px;font-size:1.2rem}.spc-conversation{height:calc(100vh - 100px)}.spc-conv-header{flex-direction:column;align-items:stretch}.spc-conv-header-center{justify-content:flex-start}.spc-conv-topic{max-width:100%}.spc-recorder__btn--main{min-width:48px;min-height:48px}.spc-recorder__btn--secondary{min-width:44px;min-height:44px}.spc-recorder__btn--stop{min-height:44px;padding:0 1rem}.spc-bubble__text-toggle{min-height:44px;display:flex;align-items:center}.spc-conv-input{padding-bottom:env(safe-area-inset-bottom,0)}.spc-player{min-width:160px;gap:.35rem;padding:.3rem .45rem}.spc-player--compact{min-width:130px}.spc-player__play{width:44px;height:44px;font-size:.85rem}.spc-player__track-thumb{width:14px;height:14px;opacity:1}.spc-player__speed{min-height:32px;padding:.2rem .4rem;font-size:.7rem;display:inline-flex;align-items:center}.spc-player__time{font-size:.65rem}}.ai-search-home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 8rem);padding:6vh 1rem 2rem;max-width:720px;margin:0 auto}.ai-search-hero{text-align:center;margin-bottom:2rem}.ai-search-title{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 .35rem;line-height:1.3}.ai-search-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.ai-search-bar-wrapper{width:100%;margin-bottom:1rem}.ai-search-bar-container{display:flex;align-items:center;width:100%;height:3rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease;overflow:visible;position:relative}.ai-search-bar-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626,var(--shadow)}.ai-search-bar--disabled{opacity:.7;pointer-events:none}.ai-search-bar-container--expanded{height:auto;min-height:3rem;align-items:flex-start}.ai-search-model-select{position:relative;flex-shrink:0;height:100%;display:flex;align-items:center;border-right:1px solid var(--border)}.ai-search-bar-container--expanded .ai-search-model-select{height:3rem}.ai-search-model-select-trigger{display:flex;align-items:center;gap:.35rem;height:100%;padding:0 .75rem;background:none;border:none;cursor:pointer;font-size:.85rem;font-family:var(--font);color:var(--text-secondary);white-space:nowrap;transition:color .15s,background .15s;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.ai-search-model-select-trigger:hover{background:var(--surface-hover);color:var(--text)}.ai-search-model-select-trigger:disabled{cursor:not-allowed;opacity:.6}.ai-search-model-icon{font-size:1rem;line-height:1}.ai-search-model-name{font-weight:500}.ai-search-model-arrow{font-size:.65rem;color:var(--text-muted);margin-left:.1rem}.ai-search-model-dropdown{position:absolute;top:calc(100% + 6px);left:-1px;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;padding:.25rem 0;animation:aiSearchDropdownIn .12s ease-out}@keyframes aiSearchDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-search-model-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:none;border:none;cursor:pointer;font-size:.85rem;font-family:var(--font);color:var(--text);text-align:left;transition:background .1s}.ai-search-model-option:hover{background:var(--primary-light)}.ai-search-model-option--active{color:var(--primary);font-weight:600}.ai-search-model-option--empty{color:var(--text-muted);cursor:default;font-style:italic}.ai-search-model-option--empty:hover{background:none}.ai-search-model-option-label{flex:1}.ai-search-model-check{color:var(--primary);font-weight:700;margin-left:.5rem}.ai-search-input{flex:1;height:100%;padding:0 .85rem;border:none;outline:none;background:transparent;font-size:.95rem;font-family:var(--font);color:var(--text);min-width:0}.ai-search-input::-moz-placeholder{color:var(--text-muted)}.ai-search-input::placeholder{color:var(--text-muted)}.ai-search-input:disabled{cursor:not-allowed}.ai-search-textarea{flex:1;padding:.6rem .85rem;border:none;outline:none;background:transparent;font-size:.95rem;font-family:var(--font);color:var(--text);min-width:0;resize:none;min-height:80px;max-height:200px;line-height:1.5}.ai-search-textarea::-moz-placeholder{color:var(--text-muted)}.ai-search-textarea::placeholder{color:var(--text-muted)}.ai-search-textarea:disabled{cursor:not-allowed}.ai-search-expand-toggle{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:.85rem;transition:color .15s,background .15s;font-family:var(--font)}.ai-search-expand-toggle:hover{color:var(--text);background:var(--surface-hover)}.ai-search-expand-toggle:disabled{cursor:not-allowed;opacity:.5}.ai-search-bar-container--expanded .ai-search-expand-toggle{align-self:flex-start;margin-top:.5rem}.ai-search-char-count{text-align:right;font-size:.75rem;color:var(--text-muted);padding:.3rem .25rem 0}.ai-search-cost-hint{color:var(--text-muted)}.ai-search-shortcut-hint{color:var(--text-muted);font-size:.72rem;opacity:.7}.ai-search-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.ai-search-btn-search{min-width:120px}.ai-search-teach-group{display:flex;align-items:center;gap:.35rem}.ai-search-btn-teach{white-space:nowrap}.ai-search-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:aiSearchSpin .6s linear infinite;margin-right:.35rem;vertical-align:middle}.ai-search-spinner--dark{border-color:#00000026;border-top-color:var(--text-secondary)}@keyframes aiSearchSpin{to{transform:rotate(360deg)}}.ai-generating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:500;display:flex;align-items:center;justify-content:center;animation:aiOverlayFadeIn .2s ease}@keyframes aiOverlayFadeIn{0%{opacity:0}to{opacity:1}}.ai-generating-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;width:90%}.ai-generating-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:aiSearchSpin .8s linear infinite;margin-bottom:1.25rem}.ai-generating-text{font-size:1.05rem;font-weight:600;color:var(--text);margin:0 0 1rem}.ai-generating-tip{font-size:.85rem;color:var(--text-secondary);margin:0;min-height:1.4em;transition:opacity .3s ease}.ai-generating-tip--visible{opacity:1}.ai-generating-tip--hidden{opacity:0}.ai-search-result{max-width:1100px;margin:0 auto}.ai-search-result-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1rem;color:var(--text-muted);font-size:.95rem}.ai-search-result-error{text-align:center;padding:4rem 1rem;color:var(--text-secondary)}.ai-search-result-error .empty-icon{font-size:3rem;margin-bottom:.5rem}.ai-search-result-error p{margin-bottom:1rem;font-size:1rem}.ai-search-discarded-banner{background:var(--border);color:var(--text-muted);padding:.6rem 1rem;border-radius:var(--radius);text-align:center;font-size:.9rem;font-weight:500;margin-bottom:1rem}.ai-search-content--discarded{opacity:.6;pointer-events:none}.ai-search-result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.ai-search-back-btn{flex-shrink:0}.ai-search-result-title{flex:1;font-size:1.35rem;font-weight:700;color:var(--text);margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-search-status-badge{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600;flex-shrink:0}.ai-search-status--generated{background:var(--primary-light);color:var(--primary-dark)}.ai-search-status--saved{background:var(--success-light);color:#065f46}.ai-search-status--discarded{background:var(--border);color:var(--text-muted)}.ai-search-result-body{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}.ai-search-content-with-toc{display:flex;min-width:0;gap:0}.ai-search-content-with-toc .doc-toc{border-right:1px solid var(--border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--bg);max-height:80vh;position:sticky;top:1rem;align-self:flex-start}.ai-search-content-with-toc .ai-search-content-area{flex:1;min-width:0}.ai-search-content-area{min-width:0}.ai-search-tiptap-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);min-height:300px}.ai-search-tiptap-wrap .callout-block{margin:1rem 0;padding:.75rem 1rem;border-radius:var(--radius);border-left:4px solid var(--primary);background:var(--primary-light)}.ai-search-tiptap-wrap .callout-info{border-left-color:var(--primary);background:var(--primary-light)}.ai-search-tiptap-wrap .callout-warning{border-left-color:var(--warning);background:var(--warning-light)}.ai-search-tiptap-wrap .callout-tip{border-left-color:var(--success);background:var(--success-light)}.ai-search-tiptap-wrap .callout-block p:first-child{margin-top:0}.ai-search-tiptap-wrap .callout-block p:last-child{margin-bottom:0}.ai-search-tiptap-wrap blockquote{border-left:3px solid var(--border);padding-left:1rem;margin:.75rem 0;color:var(--text-secondary)}.ai-search-tiptap-wrap h1{font-size:1.5rem;margin-top:0}.ai-search-tiptap-wrap h2{font-size:1.2rem;margin-top:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.ai-search-tiptap-wrap h3{font-size:1.05rem;margin-top:1.2rem}.ai-search-tiptap-wrap hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.ai-search-tiptap-wrap p{margin:.5rem 0;line-height:1.7}.ai-search-tiptap-wrap ul,.ai-search-tiptap-wrap ol{padding-left:1.5rem;margin:.5rem 0}.ai-search-tiptap-wrap li{margin:.25rem 0}.ai-search-tiptap-wrap .ProseMirror{outline:none}.ai-search-tiptap-wrap .ProseMirror:focus{outline:none}.ai-search-meta-panel{position:sticky;top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1rem;align-self:start}.ai-search-meta-section{padding:.5rem 0}.ai-search-meta-heading{font-size:.85rem;font-weight:600;color:var(--text);margin:0 0 .6rem}.ai-search-meta-divider{height:1px;background:var(--border);margin:.25rem 0}.ai-search-meta-row{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:.5rem}.ai-search-meta-label{font-size:.8rem;color:var(--text-muted);flex-shrink:0}.ai-search-meta-value{font-size:.85rem;color:var(--text);font-weight:500;text-align:right;display:flex;align-items:center;gap:.35rem}.ai-search-meta-muted{font-size:.8rem;color:var(--text-muted);font-style:italic}.ai-search-provider-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:99px;background:var(--bg);color:var(--text-muted);font-weight:500;text-transform:capitalize}.ai-search-link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font);padding:0;text-decoration:underline;text-underline-offset:2px}.ai-search-link-btn:hover{color:var(--primary-dark)}.ai-search-cefr-badge{display:inline-block;padding:.1rem .5rem;border-radius:99px;font-size:.78rem;font-weight:700;background:var(--bg);color:var(--text-secondary)}.cefr-a1,.cefr-a2{background:var(--success-light);color:#065f46}.cefr-b1,.cefr-b2{background:var(--primary-light);color:var(--primary-dark)}.cefr-c1,.cefr-c2{background:#ede9fe;color:#5b21b6}.ai-search-meta-tags{display:flex;flex-wrap:wrap;gap:.35rem}.ai-search-tag-chip-display{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:99px;font-size:.75rem;font-weight:500;background:var(--primary-light);color:var(--primary-dark);white-space:nowrap}.ai-search-tag-overflow{background:var(--bg);color:var(--text-muted);font-style:italic}.ai-search-actions-section{display:flex;flex-direction:column}.ai-search-action-btn{width:100%;justify-content:center;margin-bottom:.4rem;font-size:.85rem}.ai-search-action-btn:last-child{margin-bottom:0}.ai-search-saved-notice{font-size:.9rem;color:var(--success);font-weight:600;margin-bottom:.5rem;text-align:center}.ai-search-discarded-notice{font-size:.9rem;color:var(--text-muted);text-align:center;padding:.5rem 0}.ai-search-original-question{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0;background:var(--bg);padding:.5rem .65rem;border-radius:var(--radius);border:1px solid var(--border);word-break:break-word}.ai-search-regen-cost{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0 0}.ai-search-mobile-actions{display:none}.ai-search-tag-editor{padding:0}.ai-search-tag-category{margin-bottom:.25rem}.ai-search-tag-category-header{display:flex;align-items:center;gap:.4rem;width:100%;padding:.4rem .25rem;background:none;border:none;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font);color:var(--text-secondary);text-align:left;border-radius:var(--radius);transition:background .12s,color .12s}.ai-search-tag-category-header:hover{background:var(--surface-hover);color:var(--text)}.ai-search-tag-category-arrow{display:inline-block;font-size:.7rem;transition:transform .2s ease;flex-shrink:0;width:.9rem;text-align:center}.ai-search-tag-category-header.open .ai-search-tag-category-arrow{transform:rotate(90deg)}.ai-search-tag-category-name{flex:1}.ai-search-tag-category-count{font-size:.7rem;font-weight:700;background:var(--primary);color:#fff;border-radius:99px;min-width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .3rem}.ai-search-tag-grid{display:flex;flex-wrap:wrap;gap:.3rem;padding:.25rem 0 .4rem 1.3rem}.ai-search-tag-option{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;border-radius:99px;font-size:.72rem;font-weight:500;font-family:var(--font);background:var(--bg);color:var(--text-secondary);border:1.5px solid var(--border);cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .1s;white-space:nowrap}.ai-search-tag-option:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.ai-search-tag-option.selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);font-weight:600}.ai-search-tag-option-icon{font-size:.8rem;line-height:1}.ai-search-tag-option-label{line-height:1.3}.ai-search-tag-option-check{font-size:.65rem;font-weight:700;color:var(--primary);margin-left:.1rem}.ai-search-tag-editor-actions{display:flex;gap:.4rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.ai-search-save-modal .form-group{margin-bottom:1rem}.ai-search-save-modal .form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.35rem}.ai-search-visibility-cards{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ai-search-visibility-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;font-family:var(--font);transition:border-color .15s,background .15s,box-shadow .15s}.ai-search-visibility-card:hover{border-color:var(--primary)}.ai-search-visibility-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #3b82f626}.ai-search-visibility-icon{font-size:1.5rem;line-height:1}.ai-search-visibility-title{font-size:.9rem;font-weight:600;color:var(--text)}.ai-search-visibility-desc{font-size:.73rem;color:var(--text-muted);line-height:1.3}.ai-search-save-tags-display{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem 0}.ai-search-save-tags-hint{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0;font-style:italic}.ai-search-history{max-width:900px;margin:0 auto;padding:0 .5rem}.ai-search-history-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.ai-search-history-title{font-size:1.4rem;font-weight:700;color:var(--text);margin:0}.ai-search-history-filters{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.ai-search-history-select{flex:0 0 auto;min-width:140px;max-width:200px;font-size:.85rem}.ai-search-history-search{flex:1;min-width:160px;font-size:.85rem}.ai-search-history-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted);font-size:.95rem}.ai-search-history-empty{text-align:center;padding:4rem 1rem;color:var(--text-secondary)}.ai-search-history-empty-icon{font-size:3rem;margin-bottom:.5rem}.ai-search-history-empty p{font-size:1rem;margin-bottom:1rem}.ai-search-history-list{display:flex;flex-direction:column;gap:.6rem}.ai-search-history-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1rem;cursor:pointer;transition:box-shadow .15s,transform .1s,border-color .15s}.ai-search-history-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-1px)}.ai-search-history-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.ai-search-history-card-title{font-size:.95rem;font-weight:600;color:var(--text);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-search-history-question{font-size:.82rem;color:var(--text-muted);margin:0 0 .4rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-search-history-tags-row{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.ai-search-history-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.78rem;color:var(--text-muted)}.ai-search-history-doc-btn{margin-left:auto;font-size:.75rem;padding:.15rem .5rem;background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--primary);border-radius:99px;cursor:pointer;font-weight:600;transition:background .12s}.ai-search-history-doc-btn:hover{background:var(--primary);color:#fff}.ai-search-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 0}.ai-search-pagination-btn{min-width:70px}.ai-search-pagination-info{font-size:.85rem;color:var(--text-secondary);font-weight:500}@media (max-width: 640px){.ai-search-home{padding-top:3vh}.ai-search-title{font-size:1.5rem}.ai-search-subtitle{font-size:.9rem}.ai-search-actions{flex-direction:column;gap:.5rem}.ai-search-btn-search,.ai-search-btn-teach{width:100%}.ai-search-teach-group{width:100%;justify-content:center}.ai-search-model-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 400px){.ai-search-model-name{display:none}.ai-search-model-select-trigger{padding:0 .5rem}}@media (max-width: 768px){.ai-search-result-body{display:flex;flex-direction:column-reverse}.ai-search-meta-panel{position:static;order:-1}.ai-search-actions-section{display:none}.ai-search-mobile-actions{display:flex;position:sticky;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:.6rem .75rem;gap:.5rem;justify-content:center;z-index:50;box-shadow:0 -2px 8px #00000014}.ai-search-mobile-actions .btn{flex:1;min-width:0}.ai-search-result-title{font-size:1.1rem;white-space:normal}.ai-search-result-header{flex-wrap:wrap}.ai-search-tiptap-wrap{padding:1rem}.ai-search-visibility-cards{grid-template-columns:1fr}.ai-search-content-with-toc .doc-toc{display:none}}@media (max-width: 640px){.ai-search-history-filters{flex-direction:column}.ai-search-history-select{width:100%;max-width:none}.ai-search-history-search{width:100%}.ai-search-history-card-title{font-size:.9rem}.ai-search-history-question{white-space:normal;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0\.5{height:.125rem}.h-11{height:2.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-20{min-width:5rem}.min-w-6{min-width:1.5rem}.max-w-20{max-width:5rem}.max-w-24{max-width:6rem}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-dashed{border-style:dashed}.border-appborder{border-color:var(--border)}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}.bg-appbg{background-color:var(--bg)}.bg-appborder{background-color:var(--border)}.bg-primary{background-color:var(--primary)}.bg-primary-light{background-color:var(--primary-light)}.bg-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-apptext-muted{color:var(--text-muted)}.text-apptext-secondary{color:var(--text-secondary)}.text-error{color:var(--error)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary{--tw-ring-color: var(--primary) }.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-nowrap{flex-wrap:nowrap}}:root{--transition-duration: .28s;--transition-easing: cubic-bezier(.2, .8, .2, 1)}.transition-expand{transition:width var(--transition-duration) ease-out,height var(--transition-duration) ease-out}.transition-slide-x{transition:transform var(--transition-duration) var(--transition-easing)}.transition-fade{transition:opacity .2s ease}.transition-width{transition:width var(--transition-duration) ease-out}.transition-list-item{transition:opacity var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.transition-collapse{transition:height var(--transition-duration) ease-out,opacity calc(var(--transition-duration) * .8) ease;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #3B82F6;--primary-dark: #2563EB;--primary-light: #DBEAFE;--secondary: #8B5CF6;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--bg: #F1F5F9;--surface: #FFFFFF;--surface-hover: #F8FAFC;--border: #E2E8F0;--text: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--sidebar-w: 260px;--sidebar-collapsed-w: 64px;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--transition: .2s ease;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--tag-success-text: #065F46;--tag-warning-text: #92400E;--tag-error-text: #991B1B;--diff-orig-bg: #FEF2F2;--diff-orig-border: #FECACA;--diff-corr-bg: #F0FDF4;--diff-corr-border: #BBF7D0;--diff-del-bg: #FCA5A5;--diff-ins-bg: #86EFAC;--th-page-bg: #060b18;--th-glow1: rgba(59, 130, 246, .15);--th-glow2: rgba(16, 185, 129, .1);--th-shape1: rgba(59, 130, 246, .25);--th-shape2: rgba(16, 185, 129, .2);--th-shape3: rgba(139, 92, 246, .15);--th-card-bg: rgba(15, 23, 42, .65);--th-card-border: rgba(148, 163, 184, .08);--th-card-glow: rgba(255, 255, 255, .03);--th-surface: rgba(15, 23, 42, .6);--th-surface-border: rgba(148, 163, 184, .06);--th-input-bg: rgba(15, 23, 42, .5);--th-input-focus: rgba(15, 23, 42, .7);--th-input-border: rgba(148, 163, 184, .12);--th-border-hover: rgba(148, 163, 184, .2);--th-text: #f1f5f9;--th-text-bright: #e2e8f0;--th-text-label: #cbd5e1;--th-text-secondary: #94a3b8;--th-text-muted: #64748b;--th-text-dim: #475569;--th-text-placeholder: #334155;--th-accent: #3b82f6;--th-accent-hover: #2563eb;--th-accent-active: #1d4ed8;--th-accent-light: #60a5fa;--th-accent-glow: rgba(59, 130, 246, .3);--th-accent-subtle: rgba(59, 130, 246, .15);--th-accent-border: rgba(59, 130, 246, .5);--th-accent-border-med: rgba(59, 130, 246, .4);--th-accent-faint: rgba(59, 130, 246, .1);--th-accent-shadow: rgba(37, 99, 235, .4);--th-accent2: #10b981;--th-brand-shadow: rgba(59, 130, 246, .3);--th-error-bg: rgba(239, 68, 68, .08);--th-error-border: rgba(239, 68, 68, .25);--th-error-text: #fca5a5;--th-success-bg: rgba(16, 185, 129, .08);--th-success-border: rgba(16, 185, 129, .25);--th-success-text: #6ee7b7;--th-shadow: 0 30px 60px -12px rgba(0, 0, 0, .6);--th-spinner-track: rgba(255, 255, 255, .25);--th-btn-text: #fff}html{font-size:15px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease!important}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.doc-editor-area::-webkit-scrollbar-thumb,.doc-toc::-webkit-scrollbar-thumb,.doc-toc-content::-webkit-scrollbar-thumb,.doc-ann-sidebar-body::-webkit-scrollbar-thumb,.vocab-drawer-body::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.doc-vocab-hover-body::-webkit-scrollbar-thumb,.doc-conflict-diff-scroll::-webkit-scrollbar-thumb,.doc-conflict-server-pre::-webkit-scrollbar-thumb,.doc-share-autocomplete::-webkit-scrollbar-thumb{background:#0000}.doc-editor-area:hover::-webkit-scrollbar-thumb,.doc-toc:hover::-webkit-scrollbar-thumb,.doc-toc-content:hover::-webkit-scrollbar-thumb,.doc-ann-sidebar-body:hover::-webkit-scrollbar-thumb,.vocab-drawer-body:hover::-webkit-scrollbar-thumb,.modal:hover::-webkit-scrollbar-thumb,.doc-vocab-hover-body:hover::-webkit-scrollbar-thumb,.doc-conflict-diff-scroll:hover::-webkit-scrollbar-thumb,.doc-conflict-server-pre:hover::-webkit-scrollbar-thumb,.doc-share-autocomplete:hover::-webkit-scrollbar-thumb{background:#00000026}.doc-editor-area:hover::-webkit-scrollbar-thumb:hover,.doc-toc:hover::-webkit-scrollbar-thumb:hover,.doc-toc-content:hover::-webkit-scrollbar-thumb:hover,.doc-ann-sidebar-body:hover::-webkit-scrollbar-thumb:hover,.vocab-drawer-body:hover::-webkit-scrollbar-thumb:hover,.modal:hover::-webkit-scrollbar-thumb:hover,.doc-vocab-hover-body:hover::-webkit-scrollbar-thumb:hover,.doc-conflict-diff-scroll:hover::-webkit-scrollbar-thumb:hover,.doc-conflict-server-pre:hover::-webkit-scrollbar-thumb:hover,.doc-share-autocomplete:hover::-webkit-scrollbar-thumb:hover{background:#0000004d}.doc-editor-area,.doc-toc-content,.doc-ann-sidebar,.doc-ann-sidebar-body,.vocab-drawer-body,.modal,.doc-vocab-hover-body,.doc-conflict-diff-scroll,.doc-conflict-server-pre{overflow-y:overlay}#app{display:flex;min-height:100vh}#main-content{flex:1;margin-left:var(--sidebar-w);padding:1.5rem 2rem;min-height:100vh;transition:margin-left .3s ease}#app-content{max-width:1200px;margin:0 auto;width:100%}.menu-toggle{display:none;position:fixed;top:.8rem;left:.8rem;z-index:200;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);width:38px;height:38px;font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:width .3s ease;overflow:visible}.sidebar--hidden{width:0;border-right:none;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-w)}.sidebar__header{padding:.65rem .75rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:.4rem}.sidebar__logo{display:flex;align-items:center;gap:.5rem;overflow:hidden}.sidebar__logo-icon{font-size:1.25rem;flex-shrink:0}.sidebar__brand{font-size:1.1rem;font-weight:700;color:var(--primary);white-space:nowrap;transition:opacity .25s,max-width .3s;max-width:180px;overflow:hidden}.sidebar--collapsed .sidebar__brand{opacity:0;max-width:0}.sidebar__toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:.75rem;transition:all var(--transition);flex-shrink:0}.sidebar__toggle:hover{background:var(--bg);color:var(--text)}.sidebar__lang-switcher{padding:.5rem .6rem;border-bottom:1px solid var(--border)}.lang-switcher--full{display:flex;align-items:center;gap:.35rem}.lang-select{flex:1;padding:.3rem .35rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;background:var(--surface);color:var(--text);cursor:pointer;min-width:0;font-family:var(--font)}.lang-select:focus{outline:none;border-color:var(--primary)}.lang-swap-icon{font-size:.95rem;color:var(--primary);flex-shrink:0;font-weight:600}.lang-switcher--compact{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.95rem;padding:.2rem 0;cursor:default;position:relative}.lang-swap-icon-sm{font-size:.65rem;color:var(--primary)}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:visible;padding:.35rem .4rem}.nav-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);transition:background var(--transition),color var(--transition);font-size:.88rem;position:relative;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:var(--primary-light);color:var(--primary-dark)}.nav-item.active{background:var(--primary);color:#fff;font-weight:600}.nav-icon{width:22px;text-align:center;font-size:1.05rem;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s,max-width .3s;max-width:200px}.sidebar--collapsed .nav-label{opacity:0;max-width:0;pointer-events:none}.sidebar--collapsed .nav-item{justify-content:center;padding:.5rem}.nav-arrow{margin-left:auto;font-size:.7rem;transition:transform .2s;flex-shrink:0;font-weight:700}.nav-arrow--open{transform:rotate(-90deg)}.sidebar--collapsed .nav-arrow{display:none}.nav-children{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-children--open{max-height:400px}.sidebar--collapsed .nav-children{display:none}.nav-child{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem .3rem 2.2rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:color var(--transition),background var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-child:hover{color:var(--primary);background:var(--primary-light)}.nav-child.active{color:var(--primary);font-weight:600}.nav-child-dot{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.sidebar__bottom{padding:0 .4rem .35rem}.sidebar__divider{height:1px;background:var(--border);margin:.35rem .2rem}.sidebar__footer{padding:.5rem .65rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.3rem}.sidebar__footer-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);position:relative}.sidebar__footer-icon{font-size:.95rem;flex-shrink:0}.sidebar__footer-text{overflow:hidden;white-space:nowrap;transition:opacity .2s,max-width .3s;max-width:200px}.sidebar--collapsed .sidebar__footer-text{opacity:0;max-width:0}.sidebar--collapsed .sidebar__footer-row{justify-content:center}.sidebar--collapsed .sidebar__footer{align-items:center}.sidebar__logout{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:var(--font);font-size:.78rem;padding:.25rem .3rem;border-radius:var(--radius);transition:color var(--transition),background var(--transition);position:relative}.sidebar__logout:hover{color:var(--error);background:var(--error-light)}.sidebar--collapsed .sidebar__logout{justify-content:center;padding:.25rem}.sidebar-tooltip{position:fixed;display:none;background:var(--text);color:var(--bg);padding:.3rem .7rem;border-radius:6px;font-size:.8rem;white-space:nowrap;z-index:10000;pointer-events:none;box-shadow:var(--shadow-lg);transform:translateY(-50%)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:99;display:none}.sidebar-overlay.visible{display:block}@media (max-width: 768px){.menu-toggle{display:flex}.sidebar{transform:translate(-100%);width:var(--sidebar-w)!important;z-index:300;box-shadow:none}.sidebar--mobile-open{transform:translate(0);box-shadow:var(--shadow-lg)}#main-content{margin-left:0!important;padding:3.5rem 1rem 1rem}}.nav-item--rainbow{position:relative;border:none;z-index:0}.nav-item--rainbow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);padding:1.5px;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b);background-size:300% 300%;animation:rainbow-shift 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7;transition:opacity .3s}.nav-item--rainbow:hover:before{opacity:1}.nav-item--rainbow.active:before{opacity:0}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn--rainbow{position:relative;background:var(--surface);color:var(--text);border:none;z-index:0}.btn--rainbow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);padding:1.5px;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b);background-size:300% 300%;animation:rainbow-shift 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75;transition:opacity .3s}.btn--rainbow:hover:before{opacity:1}.btn--rainbow:disabled:before{opacity:.3}.sidebar--collapsed .nav-item--rainbow:before{border-radius:var(--radius)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:1.2rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-2px)}.action-card__icon{font-size:1.8rem;flex-shrink:0;line-height:1}.action-card__body h4{font-size:.92rem;font-weight:600;margin-bottom:.15rem}.action-card__body p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.dash-welcome{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left}.data-table th{font-weight:600;color:var(--text-secondary);background:var(--bg)}.data-table tr:hover td{background:var(--surface-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all var(--transition);font-family:var(--font)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:.35rem .7rem;font-size:.82rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.input,textarea,select{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.93rem;font-family:var(--font);color:var(--text);background:var(--surface);transition:border-color var(--transition)}.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}textarea{resize:vertical;min-height:100px}select{cursor:pointer}.input-code{letter-spacing:.6em;text-align:center;font-size:1.4rem;font-weight:600;max-width:200px}.tag{display:inline-block;padding:.15rem .55rem;border-radius:99px;font-size:.78rem;font-weight:500;background:var(--primary-light);color:var(--primary-dark)}.tag-success{background:var(--success-light);color:var(--tag-success-text)}.tag-warning{background:var(--warning-light);color:var(--tag-warning-text)}.tag-error{background:var(--error-light);color:var(--tag-error-text)}.tag-lang{font-weight:600}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:700}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{text-align:center;padding:1rem}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:var(--primary)}.stat-card .stat-label{font-size:.82rem;color:var(--text-secondary);margin-top:.2rem}.filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem;padding:.8rem 1rem;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.filters-bar select,.filters-bar .input{width:auto;min-width:140px}.filters-bar .input{min-width:200px}.review-card{max-width:600px;margin:0 auto;text-align:center;padding:2rem;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.review-card .front-text{font-size:1.5rem;font-weight:600}.review-card .back-text{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem}.review-card .explanation{font-size:.9rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.rating-buttons{display:flex;gap:.6rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.rating-buttons .btn{min-width:70px}.rating-btn-1{background:var(--error);color:#fff}.rating-btn-2{background:#f97316;color:#fff}.rating-btn-3{background:var(--warning);color:#fff}.rating-btn-4{background:#84cc16;color:#fff}.rating-btn-5{background:var(--success);color:#fff}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:99px;margin-bottom:1.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .3s}.diff-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-pane{padding:1rem;border-radius:var(--radius);min-height:200px;white-space:pre-wrap;line-height:1.8;font-size:.93rem}.diff-original{background:var(--diff-orig-bg);border:1px solid var(--diff-orig-border)}.diff-corrected{background:var(--diff-corr-bg);border:1px solid var(--diff-corr-border)}.diff-del{background:var(--diff-del-bg);text-decoration:line-through;padding:0 2px;border-radius:2px}.diff-ins{background:var(--diff-ins-bg);padding:0 2px;border-radius:2px}.conj-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.conj-table th,.conj-table td{padding:.5rem .75rem;border:1px solid var(--border);text-align:left}.conj-table th{background:var(--bg);font-weight:600;color:var(--text-secondary)}.conj-table td{background:var(--surface)}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem}.toast{padding:.7rem 1.2rem;border-radius:var(--radius);color:#fff;font-size:.9rem;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;max-width:360px}.toast-success{background:var(--success)}.toast-error{background:var(--error)}.toast-info{background:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-overlay.hidden{display:none}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{font-size:1.15rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);line-height:1}.modal-close:hover{color:var(--text)}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:.5rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--th-page-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--th-glow1),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,var(--th-glow2),transparent);position:relative;overflow:hidden;padding:1rem}.auth-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.auth-bg-shape--1{width:500px;height:500px;top:-10%;left:-8%;background:var(--th-shape1)}.auth-bg-shape--2{width:400px;height:400px;bottom:-12%;right:-6%;background:var(--th-shape2)}.auth-bg-shape--3{width:250px;height:250px;top:40%;left:55%;background:var(--th-shape3)}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;background:var(--th-card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--th-card-border);border-radius:1.25rem;padding:2.5rem 2.25rem 2rem;box-shadow:0 0 0 1px var(--th-card-glow) inset,var(--th-shadow);animation:authCardIn .45s ease}@keyframes authCardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand{text-align:center;margin-bottom:1.75rem}.auth-brand-icon{width:56px;height:56px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--th-accent),var(--th-accent2));border-radius:.875rem;box-shadow:0 8px 24px var(--th-brand-shadow)}.auth-brand h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--th-text);letter-spacing:-.02em}.auth-brand p{margin:0;font-size:.875rem;color:var(--th-text-secondary)}.auth-tabs{display:flex;background:var(--th-surface);border-radius:.75rem;padding:4px;margin-bottom:1.5rem;border:1px solid var(--th-surface-border)}.auth-tab{flex:1;padding:.6rem 1rem;border:none;background:transparent;color:var(--th-text-muted);font-size:.8125rem;font-weight:600;border-radius:.625rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.auth-tab:hover:not(.active){color:var(--th-text-secondary)}.auth-tab.active{background:linear-gradient(135deg,var(--th-accent),var(--th-accent-hover));color:var(--th-btn-text);box-shadow:0 2px 10px var(--th-accent-glow)}.auth-message{padding:.75rem 1rem;border-radius:.75rem;font-size:.8125rem;line-height:1.5;margin-bottom:1rem;display:none}.auth-message.visible{display:block;animation:authMsgIn .25s ease}@keyframes authMsgIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-error{background:var(--th-error-bg);border:1px solid var(--th-error-border);color:var(--th-error-text)}.auth-success{background:var(--th-success-bg);border:1px solid var(--th-success-border);color:var(--th-success-text)}.auth-step{animation:authStepIn .3s ease}@keyframes authStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-step-desc{text-align:center;color:var(--th-text-secondary);font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.auth-input-group{margin-bottom:.875rem}.auth-input-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--th-text-label);margin-bottom:.375rem}.auth-input-wrapper{position:relative}.auth-input-wrapper .input-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--th-text-dim);display:flex;pointer-events:none;transition:color .2s}.auth-input:focus~.input-icon,.auth-input-wrapper:focus-within .input-icon{color:var(--th-accent)}.auth-input{width:100%;padding:.7rem .85rem .7rem 2.65rem;background:var(--th-input-bg);border:1px solid var(--th-input-border);border-radius:.625rem;color:var(--th-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.auth-input:focus{border-color:var(--th-accent-border);box-shadow:0 0 0 3px var(--th-accent-faint);background:var(--th-input-focus)}.auth-input::-moz-placeholder{color:var(--th-text-placeholder)}.auth-input::placeholder{color:var(--th-text-placeholder)}.auth-input-hint{display:block;font-size:.75rem;color:var(--th-text-dim);margin-top:.35rem}.auth-lang-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.auth-lang-chip{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-lang-chip input{display:none}.lang-chip-inner{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--th-input-bg);border:1px solid var(--th-input-border);border-radius:2rem;font-size:.8rem;color:var(--th-text-secondary);transition:all .2s}.lang-chip-inner:hover{border-color:var(--th-border-hover);color:var(--th-text-label)}.auth-lang-chip input:checked+.lang-chip-inner{background:var(--th-accent-subtle);border-color:var(--th-accent-border-med);color:var(--th-accent-light);box-shadow:0 0 0 1px var(--th-accent-faint)}.auth-submit{width:100%;padding:.8rem 1.5rem;margin-top:.5rem;background:linear-gradient(135deg,var(--th-accent),var(--th-accent-hover));color:var(--th-btn-text);border:none;border-radius:.625rem;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--th-accent-hover),var(--th-accent-active));box-shadow:0 6px 20px var(--th-accent-shadow);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--th-spinner-track);border-top-color:var(--th-btn-text);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-verify-header{text-align:center;margin-bottom:1.75rem}.auth-verify-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1rem;background:var(--th-accent-faint);border-radius:50%;color:var(--th-accent);animation:verifyPulse 2s ease-in-out infinite}@keyframes verifyPulse{0%,to{box-shadow:0 0 0 0 var(--th-accent-subtle)}50%{box-shadow:0 0 0 12px transparent}}.auth-verify-header h2{margin:0 0 .375rem;font-size:1.25rem;font-weight:700;color:var(--th-text)}.auth-verify-header p{margin:0;font-size:.875rem;color:var(--th-text-secondary);line-height:1.5}.auth-verify-header strong{color:var(--th-text-bright)}.auth-code-inputs{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.code-digit{width:48px;height:56px;text-align:center;font-size:1.375rem;font-weight:700;font-family:inherit;letter-spacing:0;color:var(--th-text);background:var(--th-input-bg);border:1.5px solid var(--th-input-border);border-radius:.625rem;outline:none;caret-color:var(--th-accent);transition:all .2s}.code-digit:focus{border-color:var(--th-accent);box-shadow:0 0 0 3px var(--th-accent-subtle);background:var(--th-input-focus)}.code-digit:not(:-moz-placeholder){border-color:var(--th-accent-glow)}.code-digit:not(:placeholder-shown){border-color:var(--th-accent-glow)}.code-separator{font-size:1.25rem;color:var(--th-text-placeholder);font-weight:300;padding:0 .15rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-resend{text-align:center;margin-top:1rem;font-size:.8125rem;color:var(--th-text-muted);min-height:1.5rem}.auth-back-link{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1rem;background:none;border:none;color:var(--th-text-muted);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:color .2s;width:100%}.auth-back-link:hover{color:var(--th-text-secondary)}.auth-link{color:var(--th-accent);text-decoration:none;font-weight:500;cursor:pointer;background:none;border:none;font-size:inherit;font-family:inherit;padding:0;transition:color .15s}.auth-link:hover{color:var(--th-accent-light)}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--th-surface-border);font-size:.8125rem;color:var(--th-text-muted)}@media (max-width: 480px){.auth-card{padding:1.75rem 1.25rem 1.5rem;border-radius:1rem}.auth-brand-icon{width:48px;height:48px}.auth-brand h1{font-size:1.25rem}.auth-bg-shape{display:none}.code-digit{width:42px;height:50px;font-size:1.25rem}.auth-code-inputs{gap:.35rem}}.conj-tabs{display:flex;gap:2px;background:var(--border);border-radius:var(--radius-lg);padding:3px;margin-bottom:1.5rem;max-width:500px}.conj-tab{flex:1;padding:.6rem 1rem;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all .2s;font-family:var(--font)}.conj-tab:hover:not(.active){color:var(--text-secondary);background:var(--surface-hover)}.conj-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #3b82f640}.conj-panel{min-height:300px}.conj-loading{color:var(--text-muted);text-align:center;padding:2rem}.conj-error{color:var(--error);text-align:center;padding:1rem}.conj-section{animation:conj-fade-in .3s ease}@keyframes conj-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.conj-section-desc{color:var(--text-secondary);font-size:.88rem;margin-bottom:1.2rem;line-height:1.5}.conj-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.conj-section-header h3{font-size:1.15rem;font-weight:700}.conj-table{width:100%;border-collapse:collapse;font-size:.88rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.conj-table th,.conj-table td{padding:.6rem .85rem;border-bottom:1px solid var(--border);text-align:left}.conj-table th{font-weight:600;color:var(--text-secondary);background:var(--bg);font-size:.82rem;text-transform:uppercase;letter-spacing:.02em}.conj-table tbody tr{transition:background .15s}.conj-table tbody tr:hover{background:var(--surface-hover)}.conj-table tbody tr:last-child td{border-bottom:none}.conj-table--verbs .conj-verb-row{cursor:pointer}.conj-table--verbs .conj-verb-row:hover{background:var(--primary-light)}.conj-actions-cell{display:flex;gap:.35rem;flex-wrap:wrap}.conj-link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:var(--font);font-size:inherit;padding:0;text-decoration:none}.conj-link:hover{text-decoration:underline;color:var(--primary-dark)}.conj-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}.conj-detail-tense h4{font-size:.85rem;color:var(--primary);margin-bottom:.35rem;font-weight:600}.conj-participe{font-size:1.1rem;font-weight:600;padding:.3rem 0}.conj-mini-table{width:100%;border-collapse:collapse;font-size:.82rem}.conj-mini-table th,.conj-mini-table td{padding:.25rem .5rem;border:1px solid var(--border)}.conj-mini-table th{background:var(--bg);font-weight:500;color:var(--text-secondary);width:90px}.conj-verb-input-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.conj-verb-input-num{font-size:.82rem;color:var(--text-muted);width:24px;text-align:right;flex-shrink:0}.conj-verb-input{flex:1}.conj-verb-remove{flex-shrink:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:.75rem}.conj-status-bar{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius);font-size:.9rem;font-weight:500}.conj-warning-box{background:var(--warning-light);border:1px solid var(--warning);color:var(--tag-warning-text);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;font-size:.88rem}.conj-warning-box strong{display:block;margin-bottom:.5rem}.conj-warning-box ul{padding-left:1.2rem;margin:0}.conj-warning-box li{margin-bottom:.2rem}.conj-error-box{background:var(--error-light);border:1px solid var(--error);color:var(--tag-error-text);border-radius:var(--radius);padding:1rem;font-size:.88rem}.conj-steps{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0}.conj-step{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted);font-weight:500;transition:color .2s}.conj-step.active{color:var(--primary);font-weight:700}.conj-step.completed{color:var(--success)}.conj-step-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--border);color:var(--text-muted);font-size:.75rem;font-weight:700;flex-shrink:0;transition:all .2s}.conj-step.active .conj-step-num{background:var(--primary);color:#fff}.conj-step.completed .conj-step-num{background:var(--success);color:#fff}.conj-step-divider{flex:1;height:2px;background:var(--border);max-width:60px}.conj-test-step{animation:conj-fade-in .3s ease}.conj-progress{display:flex;align-items:flex-start;justify-content:center;margin-bottom:.75rem;padding:.75rem 1rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.conj-progress__step{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:85px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.conj-progress__step.clickable{cursor:pointer}.conj-progress__step.clickable:hover .conj-progress__circle{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);transform:scale(1.08)}.conj-progress__step.locked{opacity:.3}.conj-progress__circle{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;background:var(--surface);border:2.5px solid var(--border);color:var(--text-muted);transition:all .25s ease;flex-shrink:0}.conj-progress__step.active .conj-progress__circle{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-light),0 3px 10px #0000001a}.conj-progress__step.done .conj-progress__circle{border-color:var(--success);background:var(--success);color:#fff}.conj-progress__step.reachable .conj-progress__circle{border-style:dashed;color:var(--text-secondary)}.conj-progress__label{font-size:.76rem;font-weight:600;color:var(--text-muted);text-align:center;max-width:90px;line-height:1.3;transition:color .2s}.conj-progress__step.active .conj-progress__label{color:var(--primary)}.conj-progress__step.done .conj-progress__label{color:var(--success)}.conj-progress__line{flex:1;height:3px;background:var(--border);min-width:24px;max-width:80px;margin:0 .3rem;align-self:flex-start;margin-top:22px;border-radius:2px;transition:background .35s ease}.conj-progress__line.filled{background:var(--success)}.conj-step-content{animation:conj-fade-in .25s ease}.conj-setup-summary{display:flex;align-items:stretch;justify-content:center;gap:0;margin-bottom:1.25rem;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.conj-setup-summary__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem .5rem;gap:.15rem;position:relative;min-width:0}.conj-setup-summary__item+.conj-setup-summary__item{border-left:1px solid var(--border)}.conj-setup-summary__icon{font-size:.9rem;line-height:1;margin-bottom:.1rem;opacity:.7}.conj-setup-summary__value{font-size:1.15rem;font-weight:800;color:var(--primary);line-height:1.2;transition:color .2s}.conj-setup-summary__item--zero .conj-setup-summary__value{color:var(--text-muted)}.conj-setup-summary__item--accent .conj-setup-summary__value{color:var(--secondary)}.conj-setup-summary__label{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.conj-setup-summary__item--estimate{background:var(--bg)}.conj-setup-summary__item--estimate .conj-setup-summary__value{color:var(--text);font-weight:700}.conj-final-summary{display:flex;align-items:stretch;gap:0;margin:1rem 0;border:2px solid var(--primary);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.conj-final-summary__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem .5rem;gap:.2rem;min-width:0}.conj-final-summary__item+.conj-final-summary__item{border-left:1px solid var(--border)}.conj-final-summary__icon{font-size:1.1rem;line-height:1}.conj-final-summary__value{font-size:1.5rem;font-weight:800;color:var(--primary);line-height:1.1}.conj-final-summary__label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.conj-final-summary__item--highlight{background:var(--primary);border-left-color:var(--primary)!important}.conj-final-summary__item--highlight .conj-final-summary__icon,.conj-final-summary__item--highlight .conj-final-summary__value,.conj-final-summary__item--highlight .conj-final-summary__label{color:#fff}.conj-ds-block{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.conj-ds-block-header{background:var(--bg);padding:.6rem 1rem;border-bottom:1px solid var(--border)}.conj-check-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.conj-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.conj-count{color:var(--text-muted);font-size:.82rem;font-weight:400}.conj-ds-verb-grid{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1rem}.conj-verb-chip{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.conj-verb-chip input{display:none}.conj-verb-chip-inner{display:flex;flex-direction:column;align-items:flex-start;padding:.35rem .7rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.82rem;transition:all .15s;min-width:90px}.conj-verb-chip-inner strong{color:var(--text)}.conj-verb-chip-inner small{color:var(--text-muted);font-size:.72rem}.conj-verb-chip input:checked+.conj-verb-chip-inner{border-color:var(--primary);background:var(--primary-light)}.conj-verb-chip input:not(:checked)+.conj-verb-chip-inner{opacity:.55}.conj-verb-chip:hover .conj-verb-chip-inner{border-color:var(--primary)}.conj-tense-grid{display:flex;flex-wrap:wrap;gap:.5rem}.conj-tense-chip{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.conj-tense-chip input{display:none}.conj-tense-chip-inner{display:inline-block;padding:.45rem .9rem;background:var(--surface);border:1.5px solid var(--border);border-radius:99px;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all .15s}.conj-tense-chip input:checked+.conj-tense-chip-inner{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.conj-tense-chip:hover .conj-tense-chip-inner{border-color:var(--primary)}.conj-pronoun-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.conj-pronoun-chip{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.conj-pronoun-chip input{display:none}.conj-pronoun-chip-inner{display:inline-block;padding:.45rem .9rem;background:var(--surface);border:1.5px solid var(--border);border-radius:99px;font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:all .15s;font-style:italic}.conj-pronoun-chip input:checked+.conj-pronoun-chip-inner{border-color:var(--secondary);background:#f3e8ff;color:#7c3aed}.conj-pronoun-chip:hover .conj-pronoun-chip-inner{border-color:var(--secondary)}.conj-test-summary{display:flex;gap:1.5rem;padding:.8rem 1rem;background:var(--bg);border-radius:var(--radius);margin-top:1rem}.conj-summary-item{font-size:.88rem;color:var(--text-secondary)}.conj-summary-item strong{color:var(--primary);font-size:1.1rem}.conj-test-active{animation:conj-fade-in .3s ease}.conj-test-meta{display:flex;gap:1.5rem;font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.conj-test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;max-width:650px;box-shadow:var(--shadow)}.conj-test-verb-header{text-align:center;margin-bottom:.75rem}.conj-test-verb-header h2{font-size:1.8rem;font-weight:800;color:var(--text);margin:0}.conj-test-explanation{font-size:.88rem;color:var(--text-muted);font-style:italic}.conj-test-tense-badge{display:inline-block;padding:.3rem 1rem;background:var(--primary-light);color:var(--primary-dark);border-radius:99px;font-weight:600;font-size:.88rem;margin:0 auto .8rem}.conj-test-card .conj-test-tense-badge{display:block;text-align:center;margin-left:auto;margin-right:auto;max-width:-moz-fit-content;max-width:fit-content}.conj-test-input-grid{display:flex;flex-direction:column;gap:.45rem}.conj-test-input-row{display:flex;align-items:center;gap:.75rem}.conj-test-pronoun{width:80px;font-weight:600;font-style:italic;color:var(--text-secondary);text-align:right;font-size:.92rem;flex-shrink:0}.conj-test-input{flex:1;max-width:280px;font-size:.95rem;padding:.45rem .7rem;transition:border-color .2s,background .2s}.conj-test-feedback{font-size:.85rem;font-weight:600;min-width:120px;flex-shrink:0}.conj-feedback-correct{color:var(--success)}.conj-feedback-wrong{color:var(--error)}.conj-feedback-corrected{color:var(--warning)}.conj-correct-answer{font-weight:700;text-decoration:underline}.conj-input-correct{background:var(--success-light)!important;border-color:var(--success)!important;color:var(--success)!important;font-weight:600}.conj-input-wrong{background:var(--error-light)!important;border-color:var(--error)!important;color:var(--error)!important}.conj-input-correcting{border-color:var(--warning)!important;box-shadow:0 0 0 3px #f59e0b26!important}.conj-input-corrected{background:var(--warning-light)!important;border-color:var(--warning)!important;color:var(--tag-warning-text)!important;font-weight:600}.conj-test-results{animation:conj-fade-in .4s ease;text-align:center}.conj-test-results h2{font-size:1.6rem;margin-bottom:0}.conj-mistakes-section{text-align:left;max-width:700px;margin:1.5rem auto 0}.conj-mistakes-section h3{font-size:1rem;margin-bottom:.75rem}.conj-cell-wrong{color:var(--error);font-weight:600;text-decoration:line-through}.conj-cell-correct{color:var(--success);font-weight:600}.conj-perfect{font-size:1.15rem;color:var(--success);font-weight:600;margin-top:1rem}.conj-sf-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1rem;margin-bottom:1rem}.conj-sf-search-row{position:relative;margin-bottom:.6rem}.conj-sf-search-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.conj-sf-search{width:100%;padding-left:2rem;font-size:.88rem}.conj-sf-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.conj-sf-group{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.conj-sf-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-right:.2rem}.conj-sf-btn{padding:.22rem .6rem;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text-secondary);font-size:.76rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font);white-space:nowrap}.conj-sf-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.conj-sf-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #3b82f633}.conj-sf-count{font-size:.78rem;color:var(--text-muted);margin-top:.5rem}.conj-no-match{text-align:center;color:var(--text-muted);font-style:italic;padding:1.5rem!important}.conj-row-num,.rn{color:var(--text-muted);font-size:.82rem;min-width:28px}.conj-ds-toolbar{padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--bg)}.conj-ds-toolbar-top{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.4rem}.conj-ds-search-wrap{flex:1;min-width:180px}.conj-ds-search{width:100%;padding:.35rem .65rem;font-size:.82rem;border-radius:var(--radius)}.conj-ds-bulk{display:flex;gap:.25rem;flex-shrink:0}.conj-ds-bulk .btn{font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius);white-space:nowrap}.conj-ds-toolbar-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.conj-ds-no-match{width:100%;text-align:center;color:var(--text-muted);font-size:.82rem;font-style:italic;padding:1.2rem .5rem}.conj-chip-badge{display:inline-block;padding:.05rem .3rem;border-radius:99px;font-size:.62rem;font-weight:700;line-height:1.4;letter-spacing:.02em;margin-top:.15rem}.conj-chip-badge.group{background:var(--primary-light);color:var(--primary-dark)}.conj-chip-badge.irr{background:var(--warning-light);color:var(--tag-warning-text)}.conj-create-wizard{max-width:720px;animation:conj-fade-in .3s ease}.conj-create-entry{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.conj-create-entry-single{display:flex;gap:.5rem;padding:.65rem .75rem;align-items:center}.conj-create-entry-single .input{flex:1}.conj-create-entry-divider{display:flex;align-items:center;justify-content:center;padding:.25rem 0;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.conj-create-entry-divider span{background:var(--bg);padding:0 .6rem}.conj-create-entry-paste{padding:.65rem .75rem}.conj-create-entry-paste textarea{width:100%;min-height:48px;font-size:.85rem;margin-bottom:.4rem;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .65rem;resize:vertical}.conj-create-chips-section{margin-top:1rem}.conj-create-chips-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.conj-create-chips-count{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.conj-create-chips-wrap{display:flex;flex-wrap:wrap;gap:.35rem;min-height:40px;padding:.6rem .75rem;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg);transition:border-color .2s}.conj-create-chips-wrap:hover{border-color:var(--primary)}.conj-create-chips-empty{color:var(--text-muted);font-size:.82rem;font-style:italic;padding:.15rem 0}.conj-create-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .4rem .22rem .65rem;background:var(--primary-light);border:1px solid var(--primary);border-radius:99px;font-size:.82rem;font-weight:600;color:var(--primary-dark);animation:conj-chip-pop .2s ease;line-height:1.4}@keyframes conj-chip-pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.conj-create-chip-x{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--primary);cursor:pointer;border-radius:50%;font-size:.88rem;padding:0;line-height:1;transition:all .12s;font-family:var(--font)}.conj-create-chip-x:hover{background:var(--error);color:#fff}.conj-create-preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:1rem}.conj-create-preview-bar{padding:.65rem 1rem;background:var(--success-light);color:var(--tag-success-text);font-weight:600;font-size:.88rem;border-bottom:1px solid var(--border)}.conj-create-preview-card .conj-table{border:none;border-radius:0}.conj-wiz-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.5rem;padding:.5rem 0}.conj-wiz-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:80px;position:relative}.conj-wiz-step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--surface);border:2px solid var(--border);color:var(--text-muted);transition:all .25s;font-weight:600}.conj-wiz-step.active .conj-wiz-step-circle{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.conj-wiz-step.done .conj-wiz-step-circle{border-color:var(--success);background:var(--success);color:#fff}.conj-wiz-step-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.conj-wiz-step.active .conj-wiz-step-label{color:var(--primary)}.conj-wiz-step.done .conj-wiz-step-label{color:var(--success)}.conj-wiz-step-line{flex:1;height:2px;background:var(--border);min-width:30px;max-width:80px;margin:0 .3rem 1.2rem;align-self:center}.conj-wiz-card{animation:conj-fade-in .3s ease}.conj-wiz-card h3{font-size:1.1rem;margin-bottom:.2rem}.conj-wiz-nav{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--border);flex-wrap:wrap}.conj-wiz-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.2rem;margin-bottom:1rem}.conj-wiz-summary-item{margin-bottom:.5rem;line-height:1.6}.conj-wiz-summary-item:last-child{margin-bottom:0}.conj-wiz-summary-item .tag{margin:.15rem .2rem}.conj-limit-bar{position:relative;height:24px;background:var(--bg);border:1px solid var(--border);border-radius:99px;overflow:hidden;margin-bottom:1rem}.conj-limit-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--primary-light),var(--primary));border-radius:99px;transition:width .4s ease;min-width:4px}.conj-limit-bar-fill.full{background:linear-gradient(90deg,var(--warning),var(--error))}.conj-limit-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text);text-shadow:0 0 3px var(--surface);z-index:1}.conj-limit-hint{font-size:.72rem;color:var(--text-muted)}.conj-limit-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);margin-right:.5rem}.conj-limit-warn{font-size:.82rem;color:var(--warning);font-weight:600;margin:.5rem 0}.conj-edit-add-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.2rem;margin-bottom:1.5rem}.conj-edit-add-section h4{font-size:.95rem;margin-bottom:.6rem}.conj-edit-current-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.conj-edit-current-header h4{font-size:.95rem;margin:0}.conj-success-box{padding:.65rem 1rem;background:var(--success-light);color:var(--tag-success-text);border-radius:var(--radius);font-size:.85rem;margin-top:.75rem;font-weight:500}@media (max-width: 640px){.conj-steps{flex-wrap:wrap;gap:.4rem}.conj-step-divider{display:none}.conj-test-card{padding:1rem}.conj-test-pronoun{width:60px;font-size:.82rem}.conj-test-input{max-width:none}.conj-test-feedback{min-width:80px;font-size:.78rem}.conj-verb-chip-inner{min-width:70px;padding:.25rem .5rem}.conj-detail-grid{grid-template-columns:1fr}.conj-sf-filters{gap:.4rem}.conj-sf-btn{padding:.2rem .45rem;font-size:.72rem}.conj-ds-toolbar-top{flex-direction:column;align-items:stretch}.conj-ds-bulk{justify-content:flex-end}.conj-create-entry-single{flex-wrap:wrap}.conj-create-entry-single .input{min-width:0}.conj-wiz-steps{gap:0;padding:.3rem 0}.conj-wiz-step{min-width:60px}.conj-wiz-step-circle{width:34px;height:34px;font-size:.95rem}.conj-wiz-step-label{font-size:.65rem}.conj-wiz-step-line{min-width:20px;max-width:40px}.conj-progress{padding:.5rem .4rem .4rem}.conj-progress__step{min-width:62px}.conj-progress__circle{width:38px;height:38px;font-size:.95rem;border-width:2px}.conj-progress__label{font-size:.66rem;max-width:68px}.conj-progress__line{margin-top:18px;min-width:14px;max-width:50px}.conj-setup-summary{flex-wrap:wrap}.conj-setup-summary__item{min-width:45%;flex:1 1 45%}.conj-setup-summary__item+.conj-setup-summary__item{border-left:none;border-top:1px solid var(--border)}.conj-setup-summary__value{font-size:1rem}.conj-setup-summary__label{font-size:.62rem}.conj-final-summary{flex-wrap:wrap}.conj-final-summary__item{min-width:45%;flex:1 1 45%}.conj-final-summary__item+.conj-final-summary__item{border-left:none;border-top:1px solid var(--border)}.conj-final-summary__value{font-size:1.15rem}}[data-theme=pixel] .conj-progress{border-width:2px;border-color:silver}[data-theme=pixel] .conj-progress__circle{border-width:2px}[data-theme=pixel] .conj-progress__step.active .conj-progress__circle{box-shadow:3px 3px #00000026}[data-theme=pixel] .conj-progress__step.done .conj-progress__circle{box-shadow:2px 2px #0000001a}[data-theme=pixel] .conj-progress__step.clickable:hover .conj-progress__circle{box-shadow:0 0 0 3px #0055bb26;transform:none}[data-theme=pixel] .conj-progress__line{height:3px}[data-theme=pixel] .conj-setup-summary{border-width:2px;border-color:silver}[data-theme=pixel] .conj-setup-summary__value{font-family:"Press Start 2P",Courier New,monospace;font-size:.75rem}[data-theme=pixel] .conj-setup-summary__label{font-size:.58rem;letter-spacing:.06em}[data-theme=pixel] .conj-final-summary{border-width:3px;border-color:#05b}[data-theme=pixel] .conj-final-summary__value{font-family:"Press Start 2P",Courier New,monospace;font-size:.85rem}[data-theme=pixel] .conj-final-summary__item--highlight{background:#05b}[data-theme=pixel]{--font: "Courier New", "Lucida Console", Monaco, Consolas, monospace;--radius: 0px;--radius-lg: 0px}[data-theme=pixel] *,[data-theme=pixel] *:before,[data-theme=pixel] *:after{border-radius:0!important}[data-theme=pixel] .auth-card,[data-theme=pixel] .tp-panel,[data-theme=pixel] .tp-trigger{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=pixel] .auth-submit,[data-theme=pixel] .auth-submit:hover:not(:disabled),[data-theme=pixel] .auth-tab.active,[data-theme=pixel] .auth-brand-icon,[data-theme=pixel] .conj-limit-bar-fill,[data-theme=pixel] .conj-limit-bar-fill.full{background-image:none!important}[data-theme=pixel] body{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:16px 16px;background-color:var(--bg)}[data-theme=pixel] a,[data-theme=pixel] button,[data-theme=pixel] select,[data-theme=pixel] label,[data-theme=pixel] [role=tab],[data-theme=pixel] .nav-item,[data-theme=pixel] .nav-child,[data-theme=pixel] .conj-verb-chip,[data-theme=pixel] .conj-verb-row,[data-theme=pixel] .material-card{cursor:pointer}[data-theme=pixel] .nav-icon{display:inline-flex;align-items:center;justify-content:center}[data-theme=pixel] .nav-icon svg{width:16px;height:16px}[data-theme=pixel] .action-card__icon{display:flex;align-items:center;justify-content:center;font-size:0;line-height:0}[data-theme=pixel] .action-card__icon svg{width:32px;height:32px}[data-theme=pixel] .sidebar__logo-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0}[data-theme=pixel] .sidebar__logo-icon svg{width:20px;height:20px}[data-theme=pixel] .sidebar__footer-icon{display:inline-flex;align-items:center;font-size:0}[data-theme=pixel] .sidebar__footer-icon svg{width:14px;height:14px}[data-theme=pixel] .page-header h2 svg{display:inline-block;vertical-align:middle;width:22px;height:22px;margin-right:6px;position:relative;top:-1px}[data-theme=pixel] .stat-card svg{width:18px;height:18px}[data-theme=pixel] .auth-page{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:12px 12px;background-color:var(--th-page-bg)}[data-theme=pixel] .auth-bg-shape{filter:none;opacity:.06}[data-theme=pixel] .auth-card{background:#fff;border:3px solid #333;outline:3px solid #c0c0c0;outline-offset:3px;box-shadow:6px 6px #00000026;animation:pxCardIn .3s steps(5)}@keyframes pxCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-theme=pixel] .auth-brand-icon{background:var(--th-accent)!important;box-shadow:3px 3px #0003;border:2px solid #333}[data-theme=pixel] .auth-brand h1{font-family:"Press Start 2P",Courier New,monospace;font-size:.78rem;letter-spacing:.02em;line-height:2.5;color:#1a1a1a}[data-theme=pixel] .auth-brand p{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#555}[data-theme=pixel] .auth-tabs{border:2px solid #c0c0c0;background:#f0efe8}[data-theme=pixel] .auth-tab{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;color:#555}[data-theme=pixel] .auth-tab.active{background:#05b!important;color:#fff;box-shadow:2px 2px #0003}[data-theme=pixel] .auth-input{border-width:2px;border-color:silver;background:#fff;color:#1a1a1a;font-family:Courier New,monospace}[data-theme=pixel] .auth-input:focus{box-shadow:0 0 0 2px #05b;border-color:#05b}[data-theme=pixel] .auth-input::-moz-placeholder{color:#aaa}[data-theme=pixel] .auth-input::placeholder{color:#aaa}[data-theme=pixel] .auth-message{border-width:2px;border-style:solid}[data-theme=pixel] .auth-submit{background:#05b!important;color:#fff;border:2px solid #003377;box-shadow:4px 4px #00000026;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.8rem}[data-theme=pixel] .auth-submit:hover:not(:disabled){background:#049!important;box-shadow:4px 4px #0003;transform:none}[data-theme=pixel] .auth-submit:active{box-shadow:0 0;transform:translate(4px,4px)}[data-theme=pixel] .btn-spinner{border-color:#ffffff4d;border-top-color:#fff;animation:spin .6s steps(8) infinite}[data-theme=pixel] .code-digit{border-width:2px;border-color:silver;background:#fff;color:#1a1a1a;font-family:Courier New,monospace}[data-theme=pixel] .code-digit:focus{box-shadow:0 0 0 2px #05b;border-color:#05b}[data-theme=pixel] .auth-verify-icon{animation:pxPulse 1.5s step-end infinite;border:2px dashed #0055bb;background:#0055bb0f;color:#05b}@keyframes pxPulse{0%,to{border-style:dashed}50%{border-style:solid}}[data-theme=pixel] .lang-chip-inner{border-width:2px;text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;border-color:silver;background:#fff;color:#555}[data-theme=pixel] .auth-lang-chip input:checked+.lang-chip-inner{background:#0055bb14;border-color:#05b;color:#05b}[data-theme=pixel] .auth-footer{border-top:2px dashed #c0c0c0}[data-theme=pixel] .sidebar{border-right:3px double #c0c0c0;background:#fff}[data-theme=pixel] .sidebar__header{border-bottom:2px solid #c0c0c0;background:#05b}[data-theme=pixel] .sidebar__brand{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;letter-spacing:0;line-height:2;background:transparent;padding:0 4px;color:#fff}[data-theme=pixel] .sidebar__brand:after{content:"█";display:inline;margin-left:1px;animation:pxBlink .8s step-end infinite;color:#fff}@keyframes pxBlink{0%,to{opacity:1}50%{opacity:0}}[data-theme=pixel] .sidebar--collapsed .sidebar__brand:after{display:none}[data-theme=pixel] .sidebar__toggle{border:2px solid rgba(255,255,255,.4);background:transparent;color:#fff}[data-theme=pixel] .sidebar__toggle:hover{background:#ffffff26;color:#fff}[data-theme=pixel] .sidebar__logo-icon svg{color:#fff}[data-theme=pixel] .sidebar__lang-switcher{border-bottom:2px dotted #c0c0c0}[data-theme=pixel] .lang-select{border-width:2px;border-color:silver}[data-theme=pixel] .nav-item{border:1px solid transparent;margin-bottom:1px}[data-theme=pixel] .nav-item:hover{background:#0055bb0f;border-color:silver;border-style:dashed}[data-theme=pixel] .nav-item.active{background:#05b!important;color:#fff!important;border-color:#037}[data-theme=pixel] .sidebar__divider{height:0;background:none;border-top:2px dotted #c0c0c0;margin:.5rem .2rem}[data-theme=pixel] .sidebar__footer{border-top:3px double #c0c0c0}[data-theme=pixel] .sidebar-tooltip{border:2px solid #333;background:#333;color:#fff;box-shadow:3px 3px #0003;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem}[data-theme=pixel] .btn{text-transform:uppercase;letter-spacing:.06em;box-shadow:3px 3px #00000026;font-weight:700;border:2px solid transparent;transition:transform 0s,box-shadow 0s,background .1s}[data-theme=pixel] .btn:active:not(:disabled){box-shadow:0 0!important;transform:translate(3px,3px)!important}[data-theme=pixel] .btn-primary{color:#fff;border-color:#037;background:#05b}[data-theme=pixel] .btn-primary:hover{background:#049}[data-theme=pixel] .btn-secondary{border-color:silver;color:#333;background:#fff;box-shadow:2px 2px #0000001a}[data-theme=pixel] .btn-secondary:hover{background:#f0efe8}[data-theme=pixel] .btn-success{color:#fff;border-color:#1a6b1a;background:#228b22}[data-theme=pixel] .btn-danger{color:#fff;border-color:#991b1b;background:#c33}[data-theme=pixel] .input,[data-theme=pixel] textarea,[data-theme=pixel] select{border:2px solid #c0c0c0;background:#fff;color:#1a1a1a;font-family:Courier New,monospace}[data-theme=pixel] .input:focus,[data-theme=pixel] textarea:focus,[data-theme=pixel] select:focus{box-shadow:0 0 0 2px #05b;border-color:#05b}[data-theme=pixel] .tag{border:1px solid currentColor;text-transform:uppercase;font-size:.65rem;letter-spacing:.06em;padding:.1rem .45rem;font-family:Courier New,monospace}[data-theme=pixel] .card{border:2px solid #c0c0c0;border-top:4px solid #0055bb;box-shadow:4px 4px #0000001a;position:relative;background:#fff}[data-theme=pixel] .card:after{content:"─  □  ×";position:absolute;top:-2px;right:8px;color:#fff;font-size:.5rem;font-family:Courier New,monospace;line-height:1;padding:1px 0;letter-spacing:1px;pointer-events:none}[data-theme=pixel] .card:hover{box-shadow:5px 5px #0000001f}[data-theme=pixel] .stat-card{border:2px solid #c0c0c0;border-top:4px solid #0055bb}[data-theme=pixel] .stat-card:after{display:none}[data-theme=pixel] .stat-card .stat-value{font-family:"Press Start 2P",Courier New,monospace;font-size:1.1rem;color:#05b}[data-theme=pixel] .stat-card .stat-label{text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}[data-theme=pixel] .page-header{border-bottom:2px solid #c0c0c0;padding-bottom:1rem}[data-theme=pixel] .page-header h2{font-family:"Press Start 2P",Courier New,monospace;font-size:.75rem;letter-spacing:0;line-height:2.5;color:#1a1a1a}[data-theme=pixel] .page-header h2:before{content:"C:\\> ";color:#999;font-family:Courier New,monospace;font-size:.85rem;font-weight:400}[data-theme=pixel] .action-card{border:2px solid #c0c0c0;border-top:4px solid #0055bb;transition:none;background:#fff}[data-theme=pixel] .action-card:hover{transform:none;background:#05b;color:#fff;border-color:#037}[data-theme=pixel] .action-card:hover .action-card__body p{color:#ffffffbf}[data-theme=pixel] .action-card:hover .action-card__body h4{color:#fff}[data-theme=pixel] .action-card:hover svg{color:#fff}[data-theme=pixel] .action-card__body h4{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;color:#1a1a1a}[data-theme=pixel] .action-card__body p{font-size:.68rem}[data-theme=pixel] .data-table th,[data-theme=pixel] .data-table td{border:1px solid #c0c0c0}[data-theme=pixel] .data-table th{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;background:#f0efe8}[data-theme=pixel] .filters-bar{border:2px dashed #c0c0c0;background:#fff}[data-theme=pixel] .progress-bar{border:2px solid #c0c0c0;height:14px;background:#f0efe8}[data-theme=pixel] .progress-bar-fill{background:repeating-linear-gradient(90deg,#0055bb 0px,#0055bb 3px,transparent 3px,transparent 5px)!important}[data-theme=pixel] .rating-btn-1{background:#c33;border-color:#991b1b;color:#fff}[data-theme=pixel] .rating-btn-2{background:#d63;border-color:#a42;color:#fff}[data-theme=pixel] .rating-btn-3{background:#c80;border-color:#960;color:#fff}[data-theme=pixel] .rating-btn-4{background:#6a3;border-color:#482;color:#fff}[data-theme=pixel] .rating-btn-5{background:#228b22;border-color:#1a6b1a;color:#fff}[data-theme=pixel] .diff-pane{border-width:2px}[data-theme=pixel] .toast{border:2px solid rgba(0,0,0,.15);box-shadow:3px 3px #00000026;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;animation:pxSlide .25s steps(5)}@keyframes pxSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-theme=pixel] .toast-success{background:#228b22;color:#fff}[data-theme=pixel] .toast-error{background:#c33;color:#fff}[data-theme=pixel] .toast-info{background:#05b;color:#fff}[data-theme=pixel] .modal{border:3px solid #c0c0c0;outline:3px solid rgba(0,0,0,.08);outline-offset:3px;box-shadow:8px 8px #0000001f;background:#fff}[data-theme=pixel] .modal-header{border-bottom:2px solid #c0c0c0;padding-bottom:.6rem;background:#05b;margin:-1.5rem -1.5rem .8rem;padding:.4rem .8rem}[data-theme=pixel] .modal-header h3{background:transparent;display:inline-block;padding:0 6px;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;color:#fff}[data-theme=pixel] .modal-close{color:#fff}[data-theme=pixel] .modal-close:hover{color:#fcc}[data-theme=pixel] .tp-trigger{box-shadow:3px 3px #0000001f;border:2px solid #c0c0c0;background:#fff}[data-theme=pixel] .tp-trigger:hover{transform:none;border-color:#05b;color:#05b}[data-theme=pixel] .tp-panel{box-shadow:6px 6px #00000026;border:3px solid #c0c0c0;background:#fff}[data-theme=pixel] .tp-card{border-width:2px;border-color:silver;background:#f5f4ed}[data-theme=pixel] .tp-card:hover{border-color:#05b}[data-theme=pixel] .tp-card.active{background:#0055bb14;border-color:#05b}[data-theme=pixel] .tp-card.active .tp-name{color:#05b}[data-theme=pixel] .tp-header h3{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;color:#1a1a1a}[data-theme=pixel] .conj-tabs{border:2px solid #c0c0c0;background:#f0efe8}[data-theme=pixel] .conj-tab{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:#555}[data-theme=pixel] .conj-tab.active{background:#05b;color:#fff;box-shadow:2px 2px #0000001f}[data-theme=pixel] .conj-sf-bar{border:2px solid #c0c0c0}[data-theme=pixel] .conj-sf-btn{border-width:2px}[data-theme=pixel] .conj-sf-btn.active{background:#05b;color:#fff;border-color:#05b}[data-theme=pixel] .conj-ds-block{border-width:2px}[data-theme=pixel] .conj-test-card{border-width:2px;border-color:silver}[data-theme=pixel] .conj-test-tense-badge{border:2px solid #0055bb;background:#0055bb14;color:#05b}[data-theme=pixel] .conj-limit-bar{border-width:2px}[data-theme=pixel] .conj-limit-bar-fill{background:#05b!important}[data-theme=pixel] .conj-limit-bar-fill.full{background:#c80!important}[data-theme=pixel] .conj-create-entry{border-width:2px}[data-theme=pixel] .conj-create-chips-wrap{border-width:2px;border-style:dashed}[data-theme=pixel] .conj-create-chip,[data-theme=pixel] .conj-wiz-step-circle{border-width:2px}[data-theme=pixel] .conj-wiz-summary{border:2px dashed #c0c0c0}[data-theme=pixel] .conj-edit-add-section{border:2px solid #c0c0c0}[data-theme=pixel] .conj-create-preview-card{border-width:2px}[data-theme=pixel] .conj-pronoun-chip input:checked+.conj-pronoun-chip-inner{border-color:#83b;background:#8833bb14;color:#83b}[data-theme=pixel] .conj-test-verb-header h2{font-family:"Press Start 2P",Courier New,monospace;font-size:1rem;color:#1a1a1a}[data-theme=pixel] .empty-state{border:2px dashed #c0c0c0;padding:2rem}[data-theme=pixel] ::-webkit-scrollbar{width:14px;height:14px}[data-theme=pixel] ::-webkit-scrollbar-track{background:#f0efe8;border-left:2px solid #c0c0c0}[data-theme=pixel] ::-webkit-scrollbar-thumb{background:silver;border:2px solid #f0efe8}[data-theme=pixel] ::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=pixel] ::-webkit-scrollbar-corner{background:#f0efe8}[data-theme=pixel] .menu-toggle{box-shadow:2px 2px #00000026;border:2px solid #003377;font-family:Courier New,monospace;background:#05b}[data-theme=pixel] .material-card{border:2px solid #c0c0c0;border-top:4px solid #0055bb}[data-theme=pixel] .material-card:hover{background-image:linear-gradient(45deg,rgba(0,85,187,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,85,187,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,85,187,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,85,187,.03) 75%);background-size:4px 4px;border-color:#05b}[data-theme=pixel] h3:after{content:" _";animation:pxBlink .8s step-end infinite;color:#05b;font-weight:400}[data-theme=pixel] .dash-welcome{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px dotted #c0c0c0;padding-bottom:.8rem}[data-theme=pixel] .form-group label,[data-theme=pixel] .conj-sf-label,[data-theme=pixel] .stat-label,[data-theme=pixel] .auth-input-group label{text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}[data-theme=pixel] .review-card{position:relative;border:2px solid #c0c0c0;border-top:4px solid #0055bb}[data-theme=pixel] .review-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,85,187,.015) 4px,rgba(0,85,187,.015) 8px);z-index:1}[data-theme=pixel] .review-card .front-text{font-family:"Press Start 2P",Courier New,monospace;font-size:.85rem;line-height:2;color:#1a1a1a}.tp-trigger{position:fixed;bottom:1.5rem;right:1.5rem;z-index:998;width:48px;height:48px;border-radius:50%;background:var(--th-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--th-card-border);color:var(--th-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #0000004d}.tp-trigger:hover{color:var(--th-accent);border-color:var(--th-accent-border-med);transform:scale(1.08);box-shadow:0 4px 24px var(--th-accent-glow)}.tp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s}.tp-overlay.open{opacity:1;pointer-events:auto}.tp-panel{position:fixed;bottom:5.5rem;right:1.5rem;z-index:1001;width:300px;max-height:70vh;overflow-y:auto;background:var(--th-card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--th-card-border);border-radius:1rem;padding:1.25rem;box-shadow:var(--th-shadow);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:all .25s ease}.tp-panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.tp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tp-header h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--th-text)}.tp-close{background:none;border:none;color:var(--th-text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:color .2s,background .2s}.tp-close:hover{color:var(--th-text);background:var(--th-surface)}.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;background:var(--th-input-bg);border:1.5px solid var(--th-input-border);border-radius:.75rem;cursor:pointer;transition:all .2s;font-family:inherit;color:inherit}.tp-card:hover{border-color:var(--th-border-hover)}.tp-card.active{border-color:var(--th-accent);background:var(--th-accent-faint)}.tp-preview{display:flex;gap:.35rem}.tp-dot{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #80808033}.tp-name{font-size:.75rem;font-weight:500;color:var(--th-text-secondary)}.tp-card.active .tp-name{color:var(--th-accent-light)}.tp-check{position:absolute;top:.35rem;right:.35rem;color:var(--th-accent);opacity:0;transition:opacity .2s}.tp-card.active .tp-check{opacity:1}@media (max-width: 480px){.tp-panel{right:.75rem;left:.75rem;width:auto;bottom:5rem}.tp-trigger{bottom:1rem;right:1rem;width:44px;height:44px}}@keyframes vocab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vocab-slide-up{animation:vocab-fade-in .35s ease}.vocab-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#00000059;opacity:0;pointer-events:none;transition:opacity .3s ease}.vocab-drawer-overlay.open{opacity:1;pointer-events:auto}.vocab-drawer{position:fixed;top:0;right:0;bottom:0;width:580px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:801;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.vocab-drawer.open{transform:translate(0)}.vocab-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.vocab-drawer-header-info h2{font-size:1.35rem;font-weight:700;margin:0 0 .3rem;color:var(--text)}.vocab-drawer-header-ipa{color:var(--text-muted);font-size:.9rem;margin-right:.5rem}.vocab-drawer-close{background:none;border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:1.1rem;transition:all .2s;flex-shrink:0;font-family:var(--font)}.vocab-drawer-close:hover{background:var(--error-light);color:var(--error);border-color:var(--error)}.vocab-drawer-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.vocab-detail-section{margin-bottom:1.3rem}.vocab-detail-section:last-child{margin-bottom:0}.vocab-detail-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.55rem;padding-bottom:.3rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.4rem}.vocab-grammar-row{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.88rem;margin-bottom:.4rem}.vocab-grammar-item{display:flex;align-items:center;gap:.25rem}.vocab-grammar-label{color:var(--text-muted);font-size:.8rem}.vocab-grammar-value{font-weight:600;color:var(--text)}.vocab-forms-row{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.85rem;margin-top:.3rem}.vocab-form-chip{padding:.15rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem}.vocab-form-chip strong{color:var(--text)}.vocab-form-chip span{color:var(--text-muted);font-size:.72rem;margin-right:.25rem}.vocab-conj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}.vocab-conj-tense-block h5{font-size:.8rem;font-weight:600;color:var(--primary);margin:0 0 .25rem}.vocab-conj-mini-table{width:100%;border-collapse:collapse;font-size:.8rem}.vocab-conj-mini-table th,.vocab-conj-mini-table td{padding:.2rem .45rem;border:1px solid var(--border)}.vocab-conj-mini-table th{background:var(--bg);font-weight:500;color:var(--text-secondary);width:80px;font-style:italic}.vocab-sense-block{margin-bottom:.85rem;padding-left:.8rem;border-left:3px solid var(--primary)}.vocab-sense-block+.vocab-sense-block{border-left-color:var(--border)}.vocab-sense-order{color:var(--text-muted);font-size:.78rem;font-weight:700;margin-right:.3rem}.vocab-sense-def{font-size:.95rem;font-weight:600;color:var(--text)}.vocab-sense-def-sub{font-weight:400;color:var(--text-secondary);font-size:.85rem}.vocab-sense-register{display:inline-block;font-size:.68rem;padding:.05rem .4rem;border-radius:99px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);margin-left:.3rem;vertical-align:middle}.vocab-collocations{font-size:.82rem;color:var(--primary-dark);font-style:italic;margin:.3rem 0}.vocab-example{font-size:.85rem;margin:.3rem 0;line-height:1.55}.vocab-example-icon{margin-right:.2rem}.vocab-example-fr{font-style:italic;color:var(--text)}.vocab-example-trans{color:var(--text-muted);font-size:.8rem}.vocab-example-cefr{font-size:.65rem;padding:.05rem .3rem;border-radius:99px;background:var(--primary-light);color:var(--primary-dark);margin-left:.3rem;vertical-align:middle;font-weight:600}.vocab-pitfall{font-size:.8rem;color:var(--tag-warning-text);margin-top:.35rem;padding:.35rem .6rem;background:var(--warning-light);border-radius:var(--radius);border:1px solid var(--warning);line-height:1.4}.vocab-phrase-item{padding:.45rem 0;border-bottom:1px dashed var(--border)}.vocab-phrase-item:last-child{border-bottom:none}.vocab-phrase-text{font-weight:600;font-size:.9rem;color:var(--text)}.vocab-phrase-meaning{font-size:.82rem;color:var(--text-secondary);margin-top:.1rem}.vocab-phrase-meta{display:flex;gap:.3rem;margin-top:.15rem;flex-wrap:wrap}.vocab-conj-toggle{font-size:.82rem;color:var(--primary);cursor:pointer;font-weight:600;background:none;border:none;padding:.2rem 0;font-family:var(--font);transition:color .2s}.vocab-conj-toggle:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 640px){.vocab-drawer{width:100%;max-width:100vw}.vocab-drawer-header,.vocab-drawer-body{padding:1rem}.vocab-conj-grid{grid-template-columns:1fr}}[data-theme=pixel] .vocab-drawer{border-left:3px solid #c0c0c0;box-shadow:-4px 0 #0000001a}[data-theme=pixel] .vocab-drawer-header{border-bottom:2px solid #c0c0c0}[data-theme=pixel] .vocab-drawer-close{border-width:2px}[data-theme=pixel] .vocab-conj-mini-table th,[data-theme=pixel] .vocab-conj-mini-table td{border:1px solid #c0c0c0}[data-theme=pixel] .vocab-sense-block{border-left-width:3px}[data-theme=pixel] .vocab-pitfall{border-width:2px}.vocab-base-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary)}.vocab-unsafe-box{background:var(--error-light);border:1px solid var(--error);color:var(--tag-error-text);padding:.75rem;border-radius:var(--radius);font-size:.85rem;margin-top:.5rem}.vocab-unsafe-box ul{margin:.3rem 0 0 1.2rem;list-style:disc}.vocab-unsafe-box li{margin-bottom:.15rem}.vocab-paused-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:99px;font-size:.78rem;background:var(--warning-light);color:var(--tag-warning-text);font-weight:500}.expr-slide-up{animation:vocab-fade-in .35s ease}.expr-vocab-link{color:var(--primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer;transition:color .15s}.expr-vocab-link:hover{color:var(--primary-dark);text-decoration-style:solid}.expr-vocab-link.no-definition{text-decoration-color:var(--text-muted);color:var(--primary);opacity:.7}.expr-vocab-link.no-definition:hover{opacity:1}.expr-relation-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:99px;font-size:.78rem;background:var(--primary-light);color:var(--primary-dark);transition:background .15s}.expr-relation-chip:hover{background:var(--primary);color:#fff}.expr-relation-chip.ai-generated{border:1px dashed var(--primary)}.expr-tag-word{background:var(--success-light);color:var(--tag-success-text)}.expr-tag-phrase{background:var(--primary-light);color:var(--primary-dark)}.expr-tag-sentence{background:var(--warning-light);color:var(--tag-warning-text)}.expr-grid-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.expr-grid-table{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:fixed;min-width:700px}.expr-th{padding:.45rem .6rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:2}.expr-th-check{width:36px;text-align:center}.expr-th-expr{width:200px;min-width:160px;max-width:260px}.expr-th-rel{text-align:center;border-left:1px solid var(--border)}.expr-th-rel-num{width:120px;text-align:center;font-size:.65rem;color:var(--text-muted);padding:.2rem .4rem;border-left:1px solid var(--border);background:var(--bg);border-bottom:1px solid var(--border)}.expr-td{padding:.4rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle;min-height:38px}.expr-td-check{width:36px;text-align:center}.expr-cell{font-weight:500}.rel-cell{border-left:1px solid var(--border);font-size:.85rem}.rel-cell-empty{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--bg) 4px,var(--bg) 8px);opacity:.4}.expr-row:hover .expr-td{background:var(--surface-hover)}.expr-row.selected .expr-td{background:var(--primary-light)}.expr-row.generating .expr-td{opacity:.7}.expr-row.generating .expr-cell{animation:expr-gen-pulse 1.5s ease-in-out infinite}@keyframes expr-gen-pulse{0%,to{opacity:.7}50%{opacity:1}}.expr-row.new-row .expr-td{background:var(--primary-light);border-bottom:2px solid var(--primary)}.expr-grid-input{width:100%;padding:.25rem .4rem;border:1px solid var(--primary);border-radius:var(--radius);font-size:.85rem;font-family:var(--font);color:var(--text);background:var(--surface);outline:none;box-shadow:0 0 0 2px #3b82f626;transition:border-color .15s,box-shadow .15s}.expr-grid-input:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px #3b82f633}.expr-skeleton-cell{height:.85em;border-radius:var(--radius);background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:200% 100%;animation:expr-skeleton-pulse 1.5s ease-in-out infinite}@keyframes expr-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.expr-vocab-popup{position:fixed;z-index:9000;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.75rem 1rem;max-width:320px;min-width:200px;animation:vocab-fade-in .2s ease}.expr-vocab-popup-word{font-weight:700;font-size:.95rem;color:var(--text)}.expr-vocab-popup-phonetic{font-size:.8rem;color:var(--text-muted);margin-left:.3rem}.expr-vocab-popup-gender{font-size:.7rem;padding:.05rem .35rem;border-radius:99px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);margin-left:.3rem}.expr-vocab-popup-defs{margin-top:.4rem;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.expr-test-input{transition:border-color .2s,box-shadow .2s}.expr-test-input.correct{border-color:var(--success)!important;box-shadow:0 0 0 3px #10b98126!important;background:var(--success-light)!important}.expr-test-input.incorrect{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef444426!important;background:var(--error-light)!important}.expr-test-input.close-match{border-color:var(--warning)!important;box-shadow:0 0 0 3px #f59e0b26!important;background:var(--warning-light)!important}@media (max-width: 640px){.expr-grid-container{border-radius:var(--radius)}.expr-th-expr{width:140px;min-width:120px}.expr-th-rel-num{width:90px}}[data-theme=pixel] .expr-relation-chip{border-radius:0;border:2px solid var(--primary)}[data-theme=pixel] .expr-grid-container{border-radius:0;border:2px solid #c0c0c0}[data-theme=pixel] .expr-grid-input{border-radius:0}[data-theme=pixel] .expr-vocab-popup{border-radius:0;border:2px solid #c0c0c0;box-shadow:4px 4px #0000001a}[data-theme=pixel] .expr-th{border-bottom:2px solid #c0c0c0}[data-theme=pixel] .rel-cell{border-left:1px solid #c0c0c0}.expr-test-input-correct{border-color:var(--success)!important;background:var(--success-light)!important;animation:input-flash-green .4s ease}.expr-test-input-wrong{border-color:var(--error)!important;background:var(--error-light)!important;animation:input-shake .3s ease}.expr-test-input-empty{border-color:var(--warning)!important;background:var(--warning-light)!important}@keyframes input-flash-green{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 4px #10b98140}}@keyframes input-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.expr-row-reveal{animation:row-reveal .4s ease}@keyframes row-reveal{0%{opacity:0;background:var(--primary-light)}to{opacity:1;background:transparent}}.expr-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tts-modal{max-width:520px}.tts-toggle-row{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;background:var(--bg);border-radius:var(--radius);margin-bottom:.5rem}.tts-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--text)}.tts-toggle-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--primary)}.tts-info-text{font-size:.78rem;color:var(--text-muted);margin-bottom:.75rem;font-style:italic;line-height:1.45}.tts-error{padding:.55rem .75rem;background:var(--error-light);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);font-size:.85rem;color:var(--error);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.tts-loading-stage{text-align:center;padding:2rem 1rem}.tts-cost-card{background:var(--primary-light);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-top:.75rem;text-align:center}.tts-cost-card--loading{background:var(--bg);border-color:var(--border);padding:1.25rem}.tts-cost-label{font-size:.82rem;font-weight:500;color:var(--primary-dark);margin-bottom:.25rem}.tts-cost-value{font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.tts-cost-details{font-size:.78rem;color:var(--text-muted)}.tts-cost-skeleton{height:1.2rem;width:60%;margin:.4rem auto;background:var(--border);border-radius:var(--radius);animation:tts-skeleton-pulse 1.2s ease infinite}.tts-cost-skeleton--short{width:40%;height:.9rem}@keyframes tts-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.tts-balance{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;margin-top:.75rem;background:var(--success-light);border-radius:var(--radius);font-size:.88rem;color:var(--tag-success-text)}.tts-balance strong{margin-left:auto}.tts-balance--low{background:var(--error-light);color:var(--tag-error-text)}.tts-balance-warn{width:100%;margin-top:.35rem;font-size:.82rem;font-weight:500}.tts-estimation-warning{padding:.4rem .65rem;background:var(--error-light);border-radius:var(--radius);font-size:.82rem;font-weight:500;color:var(--error)}.tts-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.tts-generating{text-align:center;padding:2rem 1rem}.tts-generating-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:tts-spin .8s linear infinite;margin:0 auto 1rem}@keyframes tts-spin{to{transform:rotate(360deg)}}.tts-generating-text{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.35rem}.tts-generating-hint{font-size:.82rem;color:var(--text-muted)}.tts-preview{padding:.5rem 0}.tts-title-input{display:block;width:100%;padding:.45rem .5rem;margin-bottom:.5rem;border:none;border-bottom:2px solid transparent;background:transparent;font-size:1rem;font-weight:600;color:var(--text);font-family:var(--font);outline:none;transition:border-color .2s}.tts-title-input:focus{border-bottom-color:var(--primary)}.tts-title-input:hover:not(:focus){border-bottom-color:var(--border)}.tts-existing-info{font-size:.78rem;color:var(--text-muted);margin-bottom:.65rem;font-style:italic}.tts-btn-inline{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.78rem;transition:all var(--transition);margin-left:.35rem;line-height:1;color:var(--text-muted);font-family:var(--font)}.tts-btn-inline:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.audio-player{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.audio-player--compact{padding:.5rem .75rem}.audio-player--error{background:var(--error-light);border-color:#ef444433;padding:.75rem 1rem}.audio-player--loading{padding:.75rem 1rem}.audio-player__btn-play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;flex-shrink:0;transition:background var(--transition)}.audio-player__btn-play:hover{background:var(--primary-dark)}.audio-player__btn-play--compact{width:28px;height:28px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.audio-player__btn-play--compact:hover{background:var(--primary-dark)}.audio-player__progress{accent-color:var(--primary)}.audio-player__time{color:var(--text-muted)}.audio-player__speed{color:var(--text-secondary);background:none;border:none;cursor:pointer;font-family:var(--font);transition:color var(--transition),background var(--transition)}.audio-player__speed:hover{color:var(--primary);background:var(--bg)}.audio-player__action{color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition),background var(--transition)}.audio-player__action:hover{color:var(--primary);background:var(--bg)}.audio-player__action--danger:hover{color:var(--error);background:var(--error-light)}.audio-player__title{color:var(--text-secondary)}.audio-player__icon{color:var(--primary)}.audio-player__error-icon,.audio-player__error-text{color:var(--error)}.audio-player__retry{color:var(--error);background:none;border:none;cursor:pointer;font-family:var(--font);transition:color var(--transition)}.audio-player__retry:hover{color:var(--primary-dark)}.audio-player__spinner{color:var(--primary)}.audio-player__loading-text{color:var(--text-muted)}:root{--card-color-blue: #3b82f6;--card-color-green: #22c55e;--card-color-yellow: #eab308;--card-color-red: #ef4444;--card-color-purple: #a855f7;--card-color-system: var(--primary)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.topic-grid-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.topic-grid-empty__icon{font-size:3rem;margin-bottom:.75rem}.topic-grid-empty__title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.topic-grid-empty__sub{font-size:.88rem;color:var(--text-muted)}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column}.topic-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.topic-card__cover{height:100px;position:relative;flex-shrink:0}.topic-card__menu-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#0000004d;color:#fff;border:none;cursor:pointer;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1;font-family:var(--font)}.topic-card:hover .topic-card__menu-btn{opacity:1}.topic-card__menu-btn:hover{background:#00000080}.topic-card__visibility-badge{position:absolute;top:.5rem;left:.5rem;font-size:.75rem;background:#0000004d;border-radius:99px;padding:.1rem .35rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topic-card__menu-dropdown{position:absolute;top:2.2rem;right:.5rem;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;padding:.3rem 0;animation:writing-slide-up .15s ease}.topic-card__menu-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .75rem;background:none;border:none;cursor:pointer;font-size:.82rem;color:var(--text-secondary);text-align:left;transition:background .1s,color .1s;font-family:var(--font);white-space:nowrap}.topic-card__menu-item:hover{background:var(--bg);color:var(--text)}.topic-card__menu-item--danger:hover{background:var(--error-light);color:var(--error)}.topic-card__body{padding:.75rem .85rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.35rem}.topic-card__title{font-size:.95rem;font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;margin:0}.topic-card__desc{font-size:.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;margin:0}.topic-card__tags{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.15rem}.topic-card__tags .tag{font-size:.68rem;padding:.1rem .4rem}.topic-card__footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;border-top:1px solid var(--border);gap:.5rem}.topic-card__card-count{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.topic-form-modal{max-width:580px}.topic-form__cover-area{height:100px;border-radius:var(--radius);position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.topic-form__cover-change-btn{background:#0006;color:#fff;border:none;border-radius:var(--radius);padding:.4rem .75rem;font-size:.82rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font);opacity:0;transition:opacity .2s,background .15s}.topic-form__cover-area:hover .topic-form__cover-change-btn{opacity:1}.topic-form__field{margin-bottom:1rem}.topic-form__label{display:block;margin-bottom:.3rem;font-weight:500;font-size:.88rem;color:var(--text-secondary)}.topic-form__field-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.2rem;min-height:1.2rem}.topic-form__error{font-size:.78rem;color:var(--error)}.topic-form__input--error{border-color:var(--error)!important}.topic-form__hint{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:.25rem}.topic-form__tag-pills{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.5rem}.topic-form__tag-pill{display:inline-flex;align-items:center;gap:.25rem}.topic-form__tag-remove{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--text-muted);padding:0;line-height:1;font-weight:600;transition:color .1s;font-family:var(--font)}.topic-form__tag-remove:hover{color:var(--error)}.topic-form__tag-input-wrap{position:relative}.topic-form__tag-dropdown{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;margin-top:2px}.topic-form__tag-option{display:flex;align-items:center;gap:.35rem;width:100%;padding:.4rem .65rem;background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--text);text-align:left;transition:background .1s;font-family:var(--font)}.topic-form__tag-option:hover{background:var(--primary-light);color:var(--primary-dark)}.topic-form__visibility-toggle{display:flex;gap:1rem}.topic-form__visibility-option{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.88rem;color:var(--text)}.topic-form__visibility-option input[type=radio]{width:auto;accent-color:var(--primary);cursor:pointer}.cover-picker{margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;animation:writing-slide-up .2s ease}.cover-picker__tabs{display:flex;border-bottom:1px solid var(--border)}.cover-picker__tab{flex:1;padding:.5rem;background:var(--bg);border:none;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text-muted);transition:background .15s,color .15s;font-family:var(--font)}.cover-picker__tab.active{background:var(--surface);color:var(--primary);font-weight:600}.cover-picker__tab:hover:not(.active){color:var(--text-secondary)}.cover-picker__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem}.cover-picker__item{aspect-ratio:1;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;position:relative;transition:transform .15s,border-color .15s;display:flex;align-items:center;justify-content:center;font-family:var(--font)}.cover-picker__item:hover{transform:scale(1.05)}.cover-picker__item--selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.cover-picker__check{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cover-picker__upload{padding:.75rem;text-align:center}.cover-picker__upload-preview{width:100%;height:80px;border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}.cover-picker__upload-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-picker__upload-hint{font-size:.75rem;color:var(--text-muted);margin-top:.35rem}.cover-picker__upload-error{font-size:.78rem;color:var(--error);margin-top:.25rem}.color-dot-selector{display:flex;gap:.6rem;align-items:center}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;padding:0;font-family:var(--font)}.color-dot:hover{transform:scale(1.15)}.color-dot--outline{background:transparent!important;border-width:2px;border-style:dashed}.color-dot--selected{box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.1)}.color-dot__check{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1}.color-dot--outline .color-dot__check{color:var(--text-muted);text-shadow:none}.char-counter{font-size:.75rem;color:var(--text-muted);text-align:right;flex-shrink:0}.char-counter--warning{color:var(--warning)}.char-counter--error{color:var(--error);font-weight:600}@media (max-width: 768px){.topic-grid{grid-template-columns:1fr}.cover-picker__grid{grid-template-columns:repeat(4,1fr);gap:.35rem}.topic-form-modal{max-width:100%}.topic-card__menu-btn{opacity:1}}@media (min-width: 769px) and (max-width: 1024px){.topic-grid{grid-template-columns:repeat(2,1fr)}}.topic-detail__back{margin-bottom:.75rem}.topic-detail__banner{width:100%;height:120px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem;position:relative}.topic-detail__banner-change-btn{position:absolute;bottom:.6rem;right:.6rem;background:#0006;color:#fff;border:none;border-radius:var(--radius);padding:.35rem .7rem;font-size:.78rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font);opacity:0;transition:opacity .2s,background .15s}.topic-detail__banner:hover .topic-detail__banner-change-btn{opacity:1}.topic-detail__banner-change-btn:hover{background:#0009}.topic-detail__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.topic-detail__title-info{flex:1;min-width:0}.topic-detail__title{font-size:1.5rem;font-weight:700;margin:0 0 .2rem;line-height:1.3}.topic-detail__desc{font-size:.88rem;color:var(--text-muted);margin:0 0 .35rem;line-height:1.5}.topic-detail__tags-line{display:flex;gap:.3rem;flex-wrap:wrap}.topic-detail__study-btn{flex-shrink:0;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-lg);box-shadow:0 2px 8px #3b82f640;transition:all var(--transition);white-space:nowrap}.topic-detail__study-btn:hover:not(:disabled){box-shadow:0 4px 16px #3b82f659;transform:translateY(-1px)}.topic-detail__study-btn:disabled{box-shadow:none}.topic-detail__actions-row{display:flex;align-items:center;gap:.25rem;padding:.4rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;flex-wrap:wrap}.topic-detail__action-btn{background:none;border:none;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text-secondary);padding:.35rem .6rem;border-radius:var(--radius);transition:background .15s,color .15s;font-family:var(--font);white-space:nowrap}.topic-detail__action-btn:hover{background:var(--bg);color:var(--text)}.topic-detail__action-btn--danger:hover{background:var(--error-light);color:var(--error)}.topic-detail__action-sep{width:1px;height:16px;background:var(--border);flex-shrink:0}.topic-detail__card-count-badge{font-size:.78rem;color:var(--text-muted);padding:.2rem .55rem;background:var(--bg);border-radius:99px;white-space:nowrap;flex-shrink:0}.topic-detail__filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.55rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem}.topic-detail__view-toggle{display:flex;gap:.25rem}.topic-detail__mastery-filter{display:flex;gap:.3rem;flex-wrap:wrap}.topic-detail__filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:all .15s;font-family:var(--font);white-space:nowrap}.topic-detail__filter-chip:hover{background:var(--bg)}.topic-detail__filter-chip--active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);font-weight:600}.topic-detail__filter-count{font-size:.7rem;background:var(--bg);padding:.05rem .3rem;border-radius:99px;color:var(--text-muted)}.topic-detail__filter-chip--active .topic-detail__filter-count{background:#3b82f626;color:var(--primary-dark)}.card-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;min-height:60px}.card-list__empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted);font-size:.92rem}.card-list__group-divider{display:flex;align-items:center;gap:.4rem;padding:.6rem .5rem .2rem}.card-list__group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.card-list__group-name{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.card-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--primary);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease,border-color .2s ease}.card-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.card-item--editing{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:none}.card-item__header{display:flex;align-items:center;gap:.4rem;padding:.5rem .65rem;min-height:44px}.card-item__header--editing{padding:.6rem .75rem;background:var(--bg)}.card-item__drag-handle{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;cursor:grab;color:var(--text-muted);border-radius:var(--radius);transition:background .15s,color .15s,opacity .2s;flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;opacity:.4}.card-item:hover .card-item__drag-handle{opacity:1}.card-item__drag-handle:hover{background:var(--bg);color:var(--text-secondary);opacity:1}.card-item__drag-handle:active{cursor:grabbing}.card-item__grip-icon-svg{width:18px;height:18px;flex-shrink:0}.card-item__grip-icon{font-size:.85rem;letter-spacing:2px;font-weight:700;line-height:1}.card-item__label-pill{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap}.card-item__star-btn{background:none;border:none;cursor:pointer;padding:.2rem;border-radius:var(--radius);color:var(--text-muted);transition:color .15s,transform .15s;flex-shrink:0;display:flex;align-items:center}.card-item__star-btn:hover{color:#eab308;transform:scale(1.15)}.card-item__star-btn--active{color:#eab308}.card-item__star-icon{width:16px;height:16px}.card-item__expand-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.82rem;padding:.3rem .5rem;border-radius:var(--radius);transition:background .15s,color .15s;font-family:var(--font);flex-shrink:0;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.card-item__expand-btn:hover{background:var(--bg);color:var(--text)}.card-item__actions{display:flex;gap:.3rem;align-items:center}.card-item__preview{padding:.25rem .75rem .6rem;cursor:pointer}.card-item__preview-main{font-size:.88rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .15rem;line-height:1.5}.card-item__preview-note{font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .35rem;line-height:1.4}.card-item__mastery-row{display:flex;justify-content:center;padding:.25rem 0 .1rem}.card-item__content{padding:.5rem .75rem .6rem;cursor:pointer}.card-item__loading{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem 0}.card-item__main-content{margin-bottom:.5rem}.card-item__main-content .tiptap-lite{font-size:.92rem;line-height:1.7}.card-item__native-note{background:var(--bg);border-radius:var(--radius);padding:.5rem .65rem;margin-bottom:.5rem}.card-item__native-note .tiptap-lite{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.card-item__source{font-size:.78rem;color:var(--text-muted);margin:.4rem 0;font-style:italic}.card-item__more-menu{position:absolute;top:100%;right:0;z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:170px;padding:.3rem 0;margin-top:.2rem;animation:writing-slide-up .12s ease}.card-item__menu-option{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .75rem;background:none;border:none;cursor:pointer;font-size:.82rem;color:var(--text-secondary);text-align:left;transition:background .1s,color .1s;font-family:var(--font);white-space:nowrap}.card-item__menu-option:hover{background:var(--bg);color:var(--text)}.card-item__menu-option--danger:hover{background:var(--error-light);color:var(--error)}.card-item__edit-form{padding:.75rem}.card-item__field{margin-bottom:.85rem}.card-item__field-label{display:block;font-weight:500;font-size:.82rem;color:var(--text-secondary);margin-bottom:.25rem}.card-item__field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.card-item__selectors{display:flex;gap:1rem;flex-wrap:wrap}.card-item__selector{flex:1;min-width:140px}.topic-detail__add-card-btn{display:block;width:100%;padding:.75rem 1rem;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;font-size:.92rem;font-weight:500;color:var(--text-muted);transition:border-color .2s,color .2s,background .2s;font-family:var(--font);text-align:center}.topic-detail__add-card-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.topic-detail__fab{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.8rem;font-weight:300;box-shadow:var(--shadow-lg);z-index:50;transition:transform .15s,background .15s;font-family:var(--font);align-items:center;justify-content:center;line-height:1}.topic-detail__fab:hover{transform:scale(1.1);background:var(--primary-dark)}.label-manager-modal{max-width:480px}.mastery-dots{display:inline-flex;align-items:center;gap:4px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mastery-dots[role=button]{cursor:pointer}.mastery-dot{border-radius:50%;transition:all .2s;display:inline-block;flex-shrink:0}.mastery-dot--empty{border:1.5px solid #9ca3af;background:transparent}.mastery-dot--filled{border:1.5px solid #374151;background:#374151}.mastery-dots__label{color:#9ca3af;font-size:.72rem;margin-left:6px;white-space:nowrap}.mastery-dots--sm .mastery-dots__label{font-size:.68rem;margin-left:4px}.tiptap-lite{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.tiptap-lite:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}.tiptap-lite--readonly{border:none;border-radius:0}.tiptap-lite--readonly:focus-within{box-shadow:none}.tiptap-lite .ProseMirror{padding:.5rem .65rem;min-height:60px;outline:none;font-size:.92rem;line-height:1.7;color:var(--text)}.tiptap-lite--readonly .ProseMirror{padding:0;min-height:auto}.tiptap-lite .ProseMirror p{margin:0 0 .4rem}.tiptap-lite .ProseMirror p:last-child{margin-bottom:0}.tiptap-lite .ProseMirror ul,.tiptap-lite .ProseMirror ol{padding-left:1.5rem;margin:.3rem 0}.tiptap-lite .ProseMirror ul{list-style-type:disc}.tiptap-lite .ProseMirror ol{list-style-type:decimal}.tiptap-lite .ProseMirror li{margin:.15rem 0}.tiptap-lite .ProseMirror li p{margin:0}.tiptap-lite .ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius);margin:.4rem 0;display:block;cursor:pointer;transition:opacity .15s}.tiptap-lite .ProseMirror img:hover{opacity:.85}.card-item__main-content .tiptap-lite .ProseMirror img,.card-item__native-note .tiptap-lite .ProseMirror img{max-height:280px;-o-object-fit:contain;object-fit:contain}.study-card__body .tiptap-lite .ProseMirror img{max-height:220px;-o-object-fit:contain;object-fit:contain}.tiptap-lite--hide-images .ProseMirror img{display:none}.tiptap-lite .ProseMirror mark{background:#fef08a;padding:.05rem .15rem;border-radius:2px}.tiptap-lite .ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap-lite__toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000040}.tiptap-lite__toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;border-radius:4px;background:transparent;color:#cbd5e1;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .1s,color .1s;font-family:var(--font)}.tiptap-lite__toolbar-btn:hover{background:#ffffff1a;color:#f1f5f9}.tiptap-lite__toolbar-btn.active{background:#3b82f64d;color:#93c5fd}.tiptap-lite__footer{display:flex;align-items:center;gap:.4rem;padding:.2rem .5rem .3rem;border-top:1px solid var(--border);min-height:28px}.tiptap-lite__image-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.85rem;padding:.15rem .4rem;color:var(--text-muted);transition:background .15s,color .15s;font-family:var(--font)}.tiptap-lite__image-btn:hover{background:var(--bg);color:var(--text)}.tiptap-lite__image-btn:disabled{opacity:.5;cursor:not-allowed}.tiptap-lite__counter{font-size:.72rem;color:var(--text-muted);text-align:right;flex-shrink:0}.tiptap-lite__counter--warning{color:var(--warning)}.tiptap-lite__counter--error{color:var(--error);font-weight:600}.label-manager{display:flex;flex-direction:column;gap:1rem}.label-manager__list{display:flex;flex-direction:column;gap:.4rem}.label-manager__empty{color:var(--text-muted);font-size:.85rem;font-style:italic;text-align:center;padding:1rem 0}.label-manager__item{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .65rem}.label-manager__display-row{display:flex;align-items:center;gap:.5rem}.label-manager__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.label-manager__name{flex:1;font-size:.88rem;font-weight:500;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-manager__item-actions{display:flex;gap:.2rem;flex-shrink:0}.label-manager__action-btn{background:none;border:none;cursor:pointer;font-size:.82rem;padding:.2rem .35rem;border-radius:var(--radius);transition:background .15s;font-family:var(--font)}.label-manager__action-btn:hover{background:var(--bg)}.label-manager__action-btn--danger:hover{background:var(--error-light)}.label-manager__edit-row{display:flex;flex-direction:column;gap:.4rem}.label-manager__input{font-size:.88rem}.label-manager__color-row{display:flex;gap:.5rem;align-items:center;margin-top:.15rem}.label-manager__color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;padding:0;font-family:var(--font)}.label-manager__color-dot:hover{transform:scale(1.15)}.label-manager__color-dot--selected{box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.1)}.label-manager__edit-actions{display:flex;gap:.4rem;align-items:center;justify-content:flex-end}.label-manager__add{border-top:1px solid var(--border);padding-top:1rem}.label-manager__add-title{font-size:.88rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.label-manager__add-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem}@media (max-width: 768px){.topic-detail__title-row{flex-direction:column;gap:.5rem}.topic-detail__study-btn{width:100%}.topic-detail__actions-row{flex-wrap:wrap;gap:.15rem}.topic-detail__action-sep{display:none}.topic-detail__filter-bar{flex-direction:column;align-items:stretch}.topic-detail__mastery-filter{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.topic-detail__add-card-btn{display:none}.topic-detail__fab{display:flex}.topic-detail__banner-change-btn{opacity:1}.card-item__selectors{flex-direction:column}.card-item__actions .btn{font-size:.75rem;padding:.25rem .5rem}.label-manager-modal{max-width:100%}}@keyframes writing-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.writing-slide-up{animation:writing-slide-up .25s ease}@keyframes card-mastery-flash{0%{background:var(--surface)}30%{background:var(--primary-light)}to{background:var(--surface)}}.card-item--mastery-flash{animation:card-mastery-flash .3s ease}.card-item__image-preview{width:100%;max-height:120px;overflow:hidden;border-radius:var(--radius);margin:.25rem 0;position:relative}.card-item__image-preview img{width:100%;height:100%;max-height:120px;-o-object-fit:cover;object-fit:cover;display:block;cursor:pointer}.card-item__image-count-badge{position:absolute;top:.35rem;right:.35rem;background:#0009;color:#fff;font-size:.68rem;font-weight:600;padding:.1rem .4rem;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}@keyframes mastery-dot-pop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.mastery-dots--ripple .mastery-dot--filled{animation:mastery-dot-pop .3s ease both}.mastery-dots--ripple .mastery-dot--filled:nth-child(1){animation-delay:0ms}.mastery-dots--ripple .mastery-dot--filled:nth-child(2){animation-delay:50ms}.mastery-dots--ripple .mastery-dot--filled:nth-child(3){animation-delay:.1s}.mastery-dots--ripple .mastery-dot--filled:nth-child(4){animation-delay:.15s}@keyframes mastery-dot-deflate{0%{transform:scale(1)}30%{transform:scale(.5)}60%{transform:scale(1.05)}to{transform:scale(1)}}.mastery-dots--reset .mastery-dot{animation:mastery-dot-deflate .45s ease both}.mastery-dots--reset .mastery-dot:nth-child(1){animation-delay:0ms}.mastery-dots--reset .mastery-dot:nth-child(2){animation-delay:40ms}.mastery-dots--reset .mastery-dot:nth-child(3){animation-delay:80ms}.mastery-dots--reset .mastery-dot:nth-child(4){animation-delay:.12s}.study-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.study-mode__centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.study-mode__header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:2}.study-mode__exit-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .7rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;font-family:var(--font);white-space:nowrap;flex-shrink:0}.study-mode__exit-btn:hover{background:var(--bg);color:var(--text)}.study-mode__progress{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}.study-mode__progress-text{font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.study-mode__progress-bar{width:100%;max-width:300px;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.study-mode__progress-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .35s ease}.study-mode__header-right{flex-shrink:0}.study-mode__topic-title{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;display:inline-block}.study-mode__card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;min-height:0;overflow-y:auto}.study-card-container{perspective:1000px;width:100%;max-width:600px;transition:transform .3s ease}@keyframes study-card-enter{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.study-card-animate{animation:study-card-enter .25s ease}.study-card{display:grid;transform-style:preserve-3d;transition:transform .4s ease;cursor:pointer;min-height:200px;max-height:430px}.study-card--flipped{transform:rotateY(180deg)}.study-card>*{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.study-card__front,.study-card__back{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.25rem 1.5rem;display:flex;flex-direction:column;min-height:200px;max-height:430px;overflow:hidden}.study-card__back{transform:rotateY(180deg)}.study-card__face-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.study-card__face-indicator{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-light);padding:.15rem .45rem;border-radius:99px}.study-card__face-indicator--back{color:var(--success);background:var(--success-light)}.study-card__label-pill{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap}.study-card__body{flex:1;min-height:0;overflow-y:auto}.study-card__body .tiptap-lite,.study-card__body .tiptap-lite .ProseMirror{font-size:1.05rem;line-height:1.8}.study-card__no-note{color:var(--text-muted);font-size:.95rem;font-style:italic;text-align:center;padding:2rem 1rem}.study-mode__flip-hint{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.study-mode__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;z-index:2}.study-mode__nav-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;font-size:.88rem;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:var(--font);white-space:nowrap;min-width:100px;min-height:44px}.study-mode__nav-btn:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:var(--text-muted)}.study-mode__nav-btn:disabled{opacity:.3;cursor:not-allowed}.study-mode__mastery-center{display:flex;align-items:center;justify-content:center}.study-mode__completion{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem 2rem 1.5rem;text-align:center;animation:study-card-enter .3s ease}.study-mode__completion-icon{font-size:3.5rem;margin-bottom:.5rem;line-height:1}.study-mode__completion-title{font-size:1.4rem;font-weight:700;color:var(--text);margin:0 0 .3rem}.study-mode__completion-sub{font-size:.88rem;color:var(--text-muted);margin:0 0 1.25rem}.study-mode__mastery-bar-container{display:flex;width:100%;height:10px;border-radius:99px;overflow:hidden;background:var(--border);margin-bottom:1rem}.study-mode__mastery-bar-segment{height:100%;transition:width .3s ease;min-width:2px}.study-mode__mastery-bar-segment:first-child{border-radius:99px 0 0 99px}.study-mode__mastery-bar-segment:last-child{border-radius:0 99px 99px 0}.study-mode__mastery-bar-segment:only-child{border-radius:99px}.study-mode__stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .75rem;margin-bottom:1.25rem;text-align:left}.study-mode__stat-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:var(--radius);background:var(--bg)}.study-mode__stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.study-mode__stat-label{flex:1;font-size:.82rem;color:var(--text-secondary)}.study-mode__stat-count{font-size:.88rem;font-weight:600;color:var(--text)}.study-mode__completion-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.study-mode__header{padding:.5rem .75rem;gap:.5rem}.study-mode__topic-title{display:none}.study-mode__card-area{padding:.75rem}.study-card__front,.study-card__back{padding:1rem}.study-card__body .tiptap-lite .ProseMirror{font-size:.95rem}.study-mode__controls{padding:.6rem 1rem;gap:.5rem}.study-mode__nav-btn{padding:.4rem .65rem;font-size:.82rem;min-width:80px;min-height:44px}.study-mode__completion{padding:1.5rem 1.25rem 1.25rem}.study-mode__stats-grid{grid-template-columns:1fr}}.image-carousel{border-radius:var(--radius);overflow:hidden;margin:.4rem 0;position:relative;background:var(--bg)}.image-carousel--single{cursor:pointer}.image-carousel--single img{width:100%;max-height:280px;-o-object-fit:contain;object-fit:contain;display:block}.image-carousel__scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.image-carousel__scroll::-webkit-scrollbar{display:none}.image-carousel__slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-carousel__slide img{width:100%;max-height:280px;-o-object-fit:contain;object-fit:contain;display:block}.image-carousel__counter{position:absolute;top:.4rem;right:.4rem;background:#0009;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.image-carousel__dots{display:flex;justify-content:center;gap:5px;padding:.4rem 0}.image-carousel__dot{width:6px;height:6px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:background .15s,transform .15s}.image-carousel__dot--active{background:var(--primary);transform:scale(1.3)}.study-card__body .image-carousel .image-carousel__slide img{max-height:220px}.card-item__preview .image-carousel .image-carousel__slide img{max-height:100px;-o-object-fit:cover;object-fit:cover}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000eb}.image-lightbox__close{position:absolute;top:1rem;right:1rem;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s;z-index:3}.image-lightbox__close:hover{background:#ffffff40}.image-lightbox__image-wrap{display:flex;align-items:center;justify-content:center;flex:1;width:100%;padding:3rem 4rem;min-height:0}.image-lightbox__image-wrap img{max-width:90vw;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.image-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s;z-index:3}.image-lightbox__nav:hover{background:#ffffff40}.image-lightbox__nav--prev{left:1rem}.image-lightbox__nav--next{right:1rem}.image-lightbox__footer{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:1.5rem;flex-shrink:0}.image-lightbox__counter{color:#ffffffb3;font-size:.82rem}.image-lightbox__dots{display:flex;gap:6px}.image-lightbox__dot{width:7px;height:7px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:background .15s,transform .15s}.image-lightbox__dot--active{background:#fff;transform:scale(1.3)}@media (max-width: 768px){.image-lightbox__image-wrap{padding:3rem 1rem}.image-lightbox__nav{width:36px;height:36px}.image-lightbox__nav--prev{left:.5rem}.image-lightbox__nav--next{right:.5rem}}