:root{--bg-app:#faf8f5;--card-bg:#fff;--text-main:#4c4656;--text-muted:#8e869b;--text-inverse:#fff;--primary:#8574e2;--primary-light:#ebe8fc;--primary-dark:#6c5bcc;--secondary:#ff9b9b;--secondary-light:#ffeaea;--secondary-dark:#e27b7b;--success:#63c79a;--success-light:#e0f5ec;--success-dark:#4a9c78;--warning:#f5c647;--warning-light:#fef7e2;--border-color:#ece7e1;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--shadow-sm:0 4px 12px #8e869b0d;--shadow-md:0 8px 24px #8e869b14;--shadow-lg:0 12px 32px #8e869b1f;--font-sans:"Quicksand", "Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.3}p{line-height:1.5}.app-container{min-height:100svh;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));padding-left:max(20px, env(safe-area-inset-left,20px));padding-right:max(20px, env(safe-area-inset-right,20px));box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;margin:0 auto;display:flex;overflow-x:hidden}.nav-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:10px max(20px, env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-right,0px));z-index:100;background-color:#faf8f5d9;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:60px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px;transition:transform .2s}.nav-item:active svg{transform:scale(.9)}.btn{font-family:var(--font-sans);border-radius:var(--border-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--primary);color:var(--text-inverse);box-shadow:0 4px 12px #8574e233}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--primary-light);color:var(--primary)}.btn-secondary:hover{background-color:#8574e233}.btn-danger{background-color:var(--secondary-light);color:var(--secondary-dark)}.btn-danger:hover{background-color:var(--secondary);color:#fff}.btn-circle{border-radius:50%;width:48px;height:48px;padding:0}.card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);box-sizing:border-box;width:100%;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{font-family:var(--font-sans);border-radius:var(--border-radius-md);border:2px solid var(--border-color);background-color:var(--bg-app);color:var(--text-main);outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.input:focus{border-color:var(--primary);background-color:var(--card-bg)}.form-group{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.form-group label{color:var(--text-main);font-size:14px;font-weight:700}.card>div,.card>*,main>div,main>*{min-width:0}h1,h2,h3,h4,h5,h6,p,span,label,button{overflow-wrap:break-word;word-break:break-word}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#4c465666;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--card-bg);border-radius:var(--border-radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modal-pop;position:relative}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.header-bar{justify-content:space-between;align-items:center;margin-bottom:10px;padding:20px 0;display:flex}.header-title{align-items:center;gap:10px;display:flex}.header-logo{background-color:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.diff-char-match{color:var(--success-dark);background-color:var(--success-light);border-radius:4px;padding:2px 4px}.diff-char-mismatch{color:var(--secondary-dark);background-color:var(--secondary-light);border-radius:4px;padding:2px 4px;text-decoration:line-through}.diff-char-extra{color:var(--warning);background-color:var(--warning-light);border-radius:4px;padding:2px 4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.folder-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;width:100%;padding-bottom:12px;display:flex}.folder-title-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.folder-title-container{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.folder-title-text{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16px;font-weight:700;overflow:hidden}.folder-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.folder-action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.folder-action-btn:hover{background-color:var(--primary-light);color:var(--primary)}.folder-action-btn.danger:hover{background-color:var(--secondary-light);color:var(--secondary-dark)}.folder-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.folder-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.folder-progress-container{flex-shrink:0;align-items:center;gap:8px;display:flex}.folder-progress-bar{background-color:var(--border-color);border-radius:4px;width:80px;height:8px;overflow:hidden}.folder-progress-fill{background-color:var(--success);border-radius:4px;height:100%}.folder-progress-text{color:var(--text-muted);font-size:12px;font-weight:600}.library-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;width:100%;display:grid}.review-banner{background:linear-gradient(135deg, var(--primary-light), #f5f3ff);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid #8574e240;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;padding:16px;animation:.3s fadeIn;display:flex}.review-banner-content{flex:200px;align-items:center;gap:12px;min-width:0;display:flex}.review-banner-icon{background-color:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.review-banner-text{color:var(--primary-dark);margin:0;font-size:14px;font-weight:700}.review-banner-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:12px;flex:auto;padding:10px 18px;font-size:14px;font-weight:700;box-shadow:0 4px 10px #8574e24d}@media (width<=580px){.review-banner{flex-direction:column;align-items:stretch;gap:12px}.review-banner-content{flex:auto}.review-banner-btn{text-align:center;width:100%}}