:root{--color-primary:#8b5e3c;--color-primary-hover:#70492e;--color-primary-light:#f5efe8;--color-primary-deep:#8b5e3c;--color-primary-deep-hover:#70492e;--color-bg:#faf8f5;--color-bg-card:#fff;--color-bg-input:#fff;--color-bg-hover:#f5efe8;--color-text-primary:#2f2a26;--color-text-secondary:#6b625a;--color-text-muted:#a89f96;--color-border:#e7ddd3;--color-border-strong:#c4b8ae;--color-border-focus:#8b5e3c;--color-focus-ring:#8b5e3c1f;--color-ai:#8b5e3c;--color-ai-hover:#70492e;--color-ai-light:#f5efe8;--color-ai-border:#c4a882;--color-ai-deep:#8b5e3c;--color-ai-deep-hover:#70492e;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#fef2f2;--color-danger-border:#fecaca;--color-warning:#d97706;--color-warning-hover:#92400e;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-success:#16a34a;--color-success-hover:#15803d;--color-success-light:#f0fdf4;--color-success-border:#bbf7d0;--color-star:#d4a017;--color-overlay:#2f2a2659;--color-overlay-strong:#2f2a2673;--color-header-bg:#ffffffeb;--shadow-sm:0 1px 3px #2f2a2614;--shadow-md:0 4px 16px #2f2a261a;--radius-card:14px;--radius-btn:8px;--radius-input:8px;--radius-badge:20px;--font-sans:"Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:Georgia, "Batang", "Times New Roman", serif;--content-max-width:800px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-primary:#4c8dff;--color-primary-hover:#6fa2ff;--color-primary-light:#17223b;--color-primary-deep:#1b3a73;--color-primary-deep-hover:#2a5091;--color-bg:#0f1115;--color-bg-card:#1a1d23;--color-bg-input:#22262e;--color-bg-hover:#262b33;--color-text-primary:#f5f6f7;--color-text-secondary:#b4b9c2;--color-text-muted:#6b7280;--color-border:#2e333c;--color-border-strong:#3a4049;--color-border-focus:#4c8dff;--color-focus-ring:#4c8dff40;--color-ai:#4c8dff;--color-ai-hover:#6fa2ff;--color-ai-light:#101b30;--color-ai-border:#26375c;--color-ai-deep:#1b3a73;--color-ai-deep-hover:#2a5091;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-light:#2a1618;--color-danger-border:#5c2327;--color-warning:#fba23a;--color-warning-hover:#fcd34d;--color-warning-light:#2b2013;--color-warning-border:#5a431f;--color-success:#22c55e;--color-success-hover:#4ade80;--color-success-light:#142a1c;--color-success-border:#1f5136;--color-star:#f2c14e;--color-overlay:#00000080;--color-overlay-strong:#000000a6;--color-header-bg:#0f1115d9;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}#root{min-height:100vh}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .15s,color .15s}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.3}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}*{scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted);background-clip:padding-box}.main-layout{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header-logo{color:var(--color-primary);cursor:pointer;letter-spacing:-.2px;font-size:17px;font-weight:700}.theme-toggle-btn{border:1px solid var(--color-border);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.theme-toggle-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.header-actions{align-items:center;gap:8px;display:flex}.main-content{max-width:var(--content-max-width);flex-direction:column;flex:1;width:100%;margin:0 auto;padding:40px 32px;display:flex}.btn{border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-deep);color:#fff;border:1px solid var(--color-primary-deep)}.btn-primary:hover:not(:disabled){background:var(--color-primary-deep-hover);border-color:var(--color-primary-deep-hover)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.btn-danger{background:var(--color-bg-card);color:var(--color-danger);border:1px solid var(--color-border)}.btn-danger:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.btn-ai{background:var(--color-ai-deep);color:#fff;border:1px solid var(--color-ai-deep)}.btn-ai:hover:not(:disabled){background:var(--color-ai-deep-hover);border-color:var(--color-ai-deep-hover)}.btn-subtle-danger{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-subtle-danger:hover:not(:disabled){background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger)}.btn-sm{padding:7px 14px;font-size:13px}.btn-block{width:100%}.btn-save{border-radius:var(--radius-btn);background:var(--color-primary-deep);color:#fff;border:1px solid var(--color-primary-deep);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);justify-content:center;align-items:center;padding:10px 20px;line-height:1;transition:background .15s;display:inline-flex}.btn-save:hover:not(:disabled){background:var(--color-primary-deep-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:28px}.form-group{margin-bottom:18px}.form-group label{color:var(--color-text-secondary);letter-spacing:.2px;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select,select{border:1px solid var(--color-border);border-radius:var(--radius-input);background-color:var(--color-bg-input);width:100%;color:var(--color-text-primary);font-size:15px;font-family:var(--font-sans);outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-group textarea{resize:vertical;line-height:1.75}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B625A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B4B9C2' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{gap:10px;margin-top:16px;display:flex}.password-match-hint{margin-top:6px;font-size:12px;font-weight:600}.password-match-hint.match{color:var(--color-primary-hover)}.password-match-hint.mismatch{color:var(--color-danger)}.form-link{text-align:center;color:var(--color-text-secondary);margin-top:20px;font-size:14px}.form-link a,.form-link span{color:var(--color-primary);cursor:pointer;font-weight:600}.error-message{color:var(--color-danger);background:var(--color-danger-light);border-left:3px solid var(--color-danger);border-radius:8px;margin-top:10px;padding:10px 14px;font-size:13px}.success-message{color:var(--color-primary-hover);background:var(--color-primary-light);border-left:3px solid var(--color-primary);border-radius:8px;margin:10px 0 6px;padding:10px 14px;font-size:13px}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.autosave-status{white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.autosave-status-saved{color:var(--color-text-muted)}.autosave-status-unsaved{color:var(--color-text-secondary)}.autosave-status-error{color:var(--color-danger)}.autosave-status-saving{color:var(--color-primary)}.autosave-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.input-with-button{gap:8px;display:flex}.input-with-button input{flex:1;min-width:0}.input-with-button .btn{white-space:nowrap;flex-shrink:0}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h2,.page-title{color:var(--color-text-primary);font-size:22px;font-weight:700}.back-link{color:var(--color-text-secondary);cursor:pointer;align-items:center;margin-bottom:24px;font-size:14px;font-weight:500;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--color-primary)}.empty-state{text-align:center;padding:64px 24px}.empty-state p,.empty-state-message{color:var(--color-text-muted);margin-bottom:20px;font-size:15px}.empty-state-action{margin-top:8px}.loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 24px;display:flex}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);font-size:14px}.auth-wrapper{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:44px 40px}.auth-header{text-align:center;margin-bottom:36px}.auth-brand{color:var(--color-primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.auth-title{color:var(--color-text-primary);font-size:24px;font-weight:700}.auth-brand-header{text-align:center;margin-bottom:40px}.auth-brand-icon{margin-bottom:14px;display:inline-flex}.auth-brand-name{color:var(--color-primary-hover);letter-spacing:-.3px;margin-bottom:6px;font-size:28px;font-weight:800}.auth-brand-tagline{color:var(--color-primary);margin-bottom:16px;font-size:15px;font-weight:600}.auth-brand-desc{color:var(--color-text-secondary);max-width:300px;margin:0 auto;font-size:13px;line-height:1.7}.login-card{border-radius:26px;padding:48px 40px;box-shadow:0 24px 60px -12px #0000002e}.login-submit-btn{border-radius:14px;height:52px;padding:0 24px;font-size:15px}.login-google-btn,.login-kakao-btn{border-radius:14px;padding:14px 20px}.novel-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.novel-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;padding:24px;transition:box-shadow .2s,border-color .2s}.novel-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.novel-card h3{color:var(--color-text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.novel-card .genre{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-badge);margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.novel-card .description{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.novel-list-page{flex-direction:column;flex:1;min-height:0;display:flex}.novel-list-body{flex:1}.withdraw-section{border-top:1px solid var(--color-border);justify-content:flex-end;margin-top:56px;padding-top:20px;padding-bottom:24px;display:flex}.novel-info-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px}.novel-info-card h2{margin-bottom:10px;font-size:22px;font-weight:700}.genre-badge{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-badge);margin-bottom:14px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.novel-info-card .description{color:var(--color-text-secondary);font-size:14px;line-height:1.75}.section-cards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=480px){.section-cards{grid-template-columns:1fr}}.section-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;padding:14px 20px;transition:box-shadow .2s,border-color .2s,transform .15s}.section-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.section-card h3{color:var(--color-text-primary);margin-bottom:7px;font-size:15px;font-weight:700}.section-card p{color:var(--color-text-muted);font-size:13px}.episode-list{flex-direction:column;gap:10px;display:flex}.episode-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:18px 22px;transition:box-shadow .2s,border-color .2s;display:flex}.episode-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.ep-info{align-items:center;gap:14px;display:flex}.ep-num{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-badge);text-align:center;min-width:40px;padding:3px 10px;font-size:11px;font-weight:700}.ep-title{color:var(--color-text-primary);font-size:15px;font-weight:600}.ep-arrow{color:var(--color-text-muted);font-size:14px}.episode-detail-layout{flex-direction:column;gap:24px;width:100%;display:flex}@media (width>=1200px){.episode-detail-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:32px;width:100vw;max-width:1200px;display:grid;position:relative;left:50%;transform:translate(-50%)}}.episode-detail,.episode-ai-tools-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);min-width:0;padding:36px}.ep-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;display:flex}.episode-content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.episode-content-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.episode-content-actions{flex-wrap:wrap;gap:4px;display:flex}.ai-tools-header{margin-bottom:4px;padding:0 0 4px}@media (width>=1200px){.ai-tools-jump-btn{display:none}.episode-detail-back-link{grid-column:1/-1}.episode-detail-back-link .back-link{margin-bottom:0}.scroll-to-top-btn{display:none}}.ai-tools-title{color:var(--color-text-secondary);margin-bottom:4px;font-size:14px;font-weight:700}.ai-tools-desc{color:var(--color-text-muted);font-size:13px;line-height:1.6}.ai-tools-footer{border-top:1px solid var(--color-border);flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding:24px 0 8px;display:flex}.ep-header h2{font-size:20px;font-weight:700}.ep-num-badge{color:var(--color-text-muted);margin-top:5px;font-size:12px}.ep-actions{gap:8px;display:flex}.episode-content{color:var(--color-text-primary);white-space:pre-wrap;font-size:16px;line-height:2}.memo-list{flex-direction:column;gap:10px;display:flex}.memo-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:10px;padding:18px 22px;transition:box-shadow .2s,border-color .2s;display:flex}.memo-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.memo-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.memo-item-title{color:var(--color-text-primary);font-size:15px;font-weight:600}.memo-item-meta{color:var(--color-text-muted);font-size:12px}.memo-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:14px}.memo-detail{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:36px}.memo-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.memo-header h2{font-size:20px;font-weight:700}.memo-actions{flex-shrink:0;gap:8px;display:flex}.memo-updated-at{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:20px;font-size:12px}.memo-content{color:var(--color-text-primary);white-space:pre-wrap;font-size:16px;line-height:2}@media (width<=480px){.memo-detail{padding:22px}}.manage-page{max-width:760px}.add-form-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.add-form-box h3{color:var(--color-text-secondary);margin-bottom:18px;font-size:15px;font-weight:700}.collapsible-trigger{border:2px dashed var(--color-border-strong);border-radius:var(--radius-card);width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;margin-bottom:20px;padding:16px 20px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.collapsible-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.collapsible-trigger-icon{color:inherit;font-size:18px;line-height:1}.collapsible-form-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.collapsible-form-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.collapsible-form-title{color:var(--color-text-secondary);font-size:15px;font-weight:700}.collapsible-close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;transition:background .15s,color .15s}.collapsible-close-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.item-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px 24px}.item-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.item-card-header h3{color:var(--color-text-primary);font-size:15px;font-weight:700}.item-card-actions{gap:6px;display:flex}.item-field{color:var(--color-text-secondary);margin-bottom:5px;font-size:14px;line-height:1.6}.item-field span{color:var(--color-text-primary);margin-right:6px;font-weight:600}.category-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-badge);padding:3px 10px;font-size:11px;font-weight:600}.inline-edit-form{border-top:1px solid var(--color-border);margin-top:14px;padding-top:14px}.favorite-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s,transform .1s}.favorite-btn:hover{color:var(--color-star);transform:scale(1.15)}.favorite-btn.favorited{color:var(--color-star)}.category-group-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:8px;display:grid}.category-group-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;outline:none;padding:20px;transition:border-color .15s,box-shadow .15s,background .15s}.category-group-card:hover,.category-group-card:focus{border-color:var(--color-primary);box-shadow:0 2px 8px var(--color-focus-ring);background:var(--color-primary-light)}.category-group-label{color:var(--color-text-primary);font-size:16px;font-weight:700}.category-group-count{color:var(--color-text-muted);margin-top:6px;font-size:13px;font-weight:400}.category-detail-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding:14px 0 16px;display:flex}.category-detail-title{align-items:center;gap:10px;display:flex}.category-detail-count{color:var(--color-text-muted);font-size:14px;font-weight:500}.category-back-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.category-back-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}@media (width<=480px){.category-group-grid{grid-template-columns:repeat(2,1fr)}}.ai-section{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-ai-light);margin-top:28px;padding:22px}.ai-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ai-section-header h3{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.ai-section-header h3:before{content:"✦";font-size:10px}.summary-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--color-ai-border);border-radius:10px;padding:20px 22px}.summary-text{color:var(--color-text-primary);white-space:pre-wrap;font-size:15px;line-height:1.9}.summary-date{color:var(--color-text-muted);margin-top:12px;font-size:12px}.summary-empty{color:var(--color-text-muted);font-size:14px;line-height:1.6}.ai-usage-hint{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.ai-usage-hint-muted{color:var(--color-text-secondary);font-size:13px}.ai-usage-hint-error{color:var(--color-danger);font-size:13px;font-weight:600}.ai-usage-hint-label{color:var(--color-text-secondary);font-size:13px}.ai-usage-hint-count{border-radius:var(--radius-badge);background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-border);align-items:center;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.ai-usage-hint-count-depleted{background:var(--color-danger-light);color:var(--color-danger-hover);border-color:var(--color-danger-border)}.ai-usage-hint-depleted-text{color:var(--color-danger);font-size:13px;font-weight:600}.ai-usage-recharge-note{width:fit-content;color:var(--color-primary-hover);background:var(--color-ai-light);border-radius:8px;align-items:center;gap:6px;margin:10px auto 0;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.ai-usage-recharge-note-icon{flex-shrink:0}.episode-character-list{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:4px;display:grid}.episode-character-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;display:flex}.episode-character-name{color:var(--color-text-primary);font-size:15px;font-weight:600}.episode-character-role{color:var(--color-text-secondary);font-size:12px}.progress-bar-container{align-items:center;gap:12px;margin:12px 0 20px;display:flex}.progress-bar-track{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.progress-bar-label{color:var(--color-text-secondary);text-align:right;min-width:36px;font-size:13px;font-weight:700}.review-page{max-width:680px}.review-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.review-episode-title{color:var(--color-text-muted);font-size:13px}.review-step-badge{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-badge);padding:4px 12px;font-size:13px;font-weight:700}.review-section-title{color:var(--color-text-primary);margin-bottom:16px;font-size:18px;font-weight:700}.review-title{margin-bottom:16px;font-size:18px;font-weight:700}.review-progress{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.review-progress-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.review-step{color:var(--color-primary);font-size:16px;font-weight:700}.candidate-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:26px}.card-new{border-left:4px solid var(--color-ai)}.card-existing{border-left:4px solid var(--color-warning)}.candidate-name-row{align-items:center;gap:10px;margin-bottom:18px;display:flex}.candidate-name{color:var(--color-text-primary);font-size:20px;font-weight:700}.badge-new{background:var(--color-ai-light);color:var(--color-ai);border-radius:var(--radius-badge);border:1px solid var(--color-ai-border);padding:3px 10px;font-size:11px;font-weight:700}.badge-existing{background:var(--color-warning-light);color:var(--color-warning-hover);border-radius:var(--radius-badge);border:1px solid var(--color-warning-border);padding:3px 10px;font-size:11px;font-weight:700}.candidate-fields{flex-direction:column;gap:8px;display:flex}.field-row{gap:10px;font-size:14px;display:flex}.field-label{min-width:44px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;padding-top:2px;font-size:11px;font-weight:700}.field-value{color:var(--color-text-primary);line-height:1.6}.evidence-box{background:var(--color-bg);border-left:3px solid var(--color-border);border-radius:10px;margin-top:16px;padding:12px 16px}.evidence-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.evidence-text{color:var(--color-text-secondary);white-space:pre-wrap;font-size:14px;font-style:italic;line-height:1.7}.existing-compare{flex-direction:column;gap:14px;display:flex}.compare-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:16px}.compare-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;font-size:10px;font-weight:700}.insights-section{background:var(--color-ai-light);border:1px solid var(--color-ai-border);border-radius:10px;padding:16px}.insights-title{color:var(--color-ai);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:5px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.insights-title:before{content:"✦";font-size:9px}.insights-group{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.insights-label{color:var(--color-text-secondary);min-width:36px;padding-top:3px;font-size:11px;font-weight:700}.insights-tags{flex-wrap:wrap;gap:6px;display:flex}.insight-tag{background:var(--color-ai);color:#fff;border-radius:var(--radius-badge);padding:3px 10px;font-size:12px;font-weight:600}.insights-none{color:var(--color-text-muted);font-size:13px}.review-actions{gap:10px;margin-top:4px;display:flex}.review-done{text-align:center;padding:80px 0}.review-done h2{margin-bottom:12px;font-size:26px}.review-done-msg{color:var(--color-text-secondary);margin-bottom:32px;font-size:16px}.ws-done-stats{justify-content:center;gap:32px;margin-bottom:36px;display:flex}.ws-done-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.ws-done-stat-num{color:var(--color-primary);font-size:32px;font-weight:700;line-height:1}.ws-done-stat-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.ws-edit-section{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.conflict-summary-bar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}.conflict-summary-text{color:var(--color-text-primary);flex:1;min-width:160px;font-size:14px;font-weight:600}.conflict-summary-counts{gap:8px;display:flex}.conflict-count-badge{border-radius:var(--radius-badge);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.conflict-count-badge-high{background:var(--color-danger-light);color:var(--color-danger-hover);border:1px solid var(--color-danger-border)}.conflict-count-badge-medium{background:var(--color-warning-light);color:var(--color-warning-hover);border:1px solid var(--color-warning-border)}.conflict-count-badge-low{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-border)}.conflict-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px 22px}.conflict-card-high{border-left:4px solid var(--color-danger)}.conflict-card-medium{border-left:4px solid var(--color-warning)}.conflict-card-low{border-left:4px solid var(--color-primary)}.conflict-card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.severity-badge{border-radius:var(--radius-badge);letter-spacing:.3px;white-space:nowrap;padding:3px 10px;font-size:11px;font-weight:700}.severity-badge-high{background:var(--color-danger-light);color:var(--color-danger-hover);border:1px solid var(--color-danger-border)}.severity-badge-medium{background:var(--color-warning-light);color:var(--color-warning-hover);border:1px solid var(--color-warning-border)}.severity-badge-low{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-border)}.conflict-type-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.conflict-card-title{color:var(--color-text-primary);margin-bottom:16px;font-size:15px;font-weight:700;line-height:1.4}.conflict-info-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;padding:12px 14px}.conflict-info-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.conflict-info-text{color:var(--color-text-primary);white-space:pre-wrap;font-size:14px;line-height:1.7}.conflict-info-section-description{background:var(--color-bg);border-color:var(--color-border)}.conflict-info-section-suggestion{background:var(--color-primary-light);border-color:var(--color-border)}.conflict-info-section-suggestion .conflict-info-label{color:var(--color-primary)}.conflict-info-section-suggestion .conflict-info-text{color:var(--color-primary-hover)}.chat-section{margin-top:24px}.chat-stats-bar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;margin-bottom:12px;padding:14px 18px}.chat-stats-items{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.chat-stat-item{align-items:center;gap:6px;font-size:13px;display:flex}.chat-stat-label{color:var(--color-text-muted);font-weight:500}.chat-stat-value{color:var(--color-primary);font-weight:700}.chat-stat-divider{color:var(--color-border);font-size:12px}.chat-stats-progress{align-items:center;gap:10px;display:flex}.chat-stats-progress .progress-bar-track{flex:1}.chat-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.chat-warning-text{color:var(--color-warning-hover);flex:1;min-width:200px;font-size:13px;line-height:1.5}.chat-messages{flex-direction:column;gap:12px;min-height:200px;max-height:480px;margin-bottom:12px;padding:4px 0 8px;display:flex;overflow-y:auto}.chat-empty{padding:24px 0 8px}.chat-empty-text{color:var(--color-text-muted);margin-bottom:14px;font-size:14px;line-height:1.6}.chat-suggestions{flex-wrap:wrap;gap:8px;display:flex}.chat-suggestion-chip{color:var(--color-primary);background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;font-size:13px;font-family:var(--font-sans);white-space:nowrap;border-radius:20px;padding:7px 14px;transition:background .15s,border-color .15s}.chat-suggestion-chip:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.chat-message{display:flex}.chat-message-user{justify-content:flex-end}.chat-message-assistant{justify-content:flex-start}.chat-bubble{word-break:break-word;border-radius:14px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.65}.chat-message-user .chat-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-message-assistant .chat-bubble{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);border-bottom-left-radius:4px}.chat-user-text{white-space:pre-wrap}.chat-loading-bubble{align-items:center;gap:5px;padding:14px 18px;display:flex}.chat-loading-dot{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite chatDotBounce}.chat-loading-dot:nth-child(2){animation-delay:.2s}.chat-loading-dot:nth-child(3){animation-delay:.4s}@keyframes chatDotBounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-markdown{flex-direction:column;gap:8px;display:flex}.chat-md-p{margin:0;line-height:1.7}.chat-md-h3{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:700}.chat-md-h4{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.chat-md-h5{color:var(--color-text-secondary);margin:0;font-size:13px;font-weight:700}.chat-md-list{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.chat-md-list li{font-size:14px;line-height:1.65}.chat-inline-code{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-primary);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:13px}.chat-input-area{align-items:flex-end;gap:10px;display:flex}.chat-textarea{border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:14px;font-family:var(--font-sans);resize:none;background:var(--color-bg-input);color:var(--color-text-primary);outline:none;flex:1;padding:12px 14px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.chat-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.chat-textarea:disabled{opacity:.6;cursor:not-allowed}.chat-send-btn{flex-shrink:0;align-self:flex-end;padding:11px 22px}.modal-overlay{z-index:500;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;max-width:460px;box-shadow:var(--shadow-md);padding:32px}.modal-title{color:var(--color-text-primary);margin-bottom:10px;font-size:18px;font-weight:700}.modal-description{color:var(--color-text-secondary);white-space:pre-line;margin-bottom:20px;font-size:14px;line-height:1.75}.modal-confirm-section{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:10px;margin-bottom:20px;padding:16px}.modal-confirm-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.modal-confirm-phrase{color:var(--color-danger);background:var(--color-danger-light);font-size:14px;font-weight:700;font-family:var(--font-sans);letter-spacing:.2px;border-radius:6px;margin-bottom:12px;padding:4px 10px;display:inline-block}.modal-confirm-input{border:1px solid var(--color-border);border-radius:var(--radius-input);width:100%;font-size:14px;font-family:var(--font-sans);background:var(--color-bg-input);color:var(--color-text-primary);box-sizing:border-box;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.modal-confirm-input:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441f}.modal-confirm-input:disabled{opacity:.6;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.withdraw-modal-box{max-height:calc(100vh - 32px);overflow-y:auto}.modal-warning-extra{color:var(--color-danger);font-weight:600}@media (width<=480px){.withdraw-modal-actions{flex-direction:column-reverse}.withdraw-modal-actions .btn{width:100%}}.toast{box-shadow:var(--shadow-md);z-index:1000;white-space:nowrap;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;animation:.22s toastSlideUp;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast-success{background:var(--color-primary);color:#fff}.toast-error{background:var(--color-danger);color:#fff}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=480px){.toast{text-align:center;white-space:normal;bottom:20px;left:16px;right:16px;transform:none}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.chat-copy-area{border-top:1px solid var(--color-border);justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.chat-copy-btn{color:var(--color-text-muted);padding:4px 10px;font-size:12px}.chat-copy-btn:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-light)}.auth-divider{color:var(--color-text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--color-border);flex:1}.btn-google{border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:11px 20px;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.btn-google:hover{background:var(--color-bg);border-color:var(--color-text-muted);box-shadow:var(--shadow-sm)}.btn-kakao{border-radius:var(--radius-btn);color:#191919;width:100%;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#fee500;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:11px 20px;line-height:1;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex}.btn-kakao:hover{box-shadow:var(--shadow-sm);background:#f0d800}.writing-toolbar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-input);flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 14px;display:flex}.writing-toolbar-stats{color:var(--color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.writing-stat strong{color:var(--color-text-secondary);font-weight:700}.writing-stat-sep{color:var(--color-border);font-size:14px}.writing-toolbar-buttons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.writing-toolbar-btn{border:1px solid var(--color-border);background:var(--color-bg-card);height:28px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-sans);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:4px 10px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.writing-toolbar-btn:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.writing-toolbar-btn:active{background:var(--color-border)}.writing-toolbar-sep{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.episode-workspace{--ep-panel-width:380px;--ep-rail-width:96px;--ep-gap:20px;--ep-header-height:104px;justify-content:center;align-items:flex-start;width:100%;max-width:100%;transition:max-width .28s cubic-bezier(.4,0,.2,1),left .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;left:0;transform:translate(0)}.episode-workspace-main{flex:1;min-width:0}.episode-editor-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.episode-editor-header-left{flex-direction:column;gap:10px;min-width:0;display:flex}.episode-editor-header-right{flex-shrink:0}.episode-workspace.has-header .episode-tool-rail,.episode-workspace.has-header .episode-workspace-panel-wrap{margin-top:var(--ep-header-height)}.episode-workspace-main.fixed-width{width:var(--ep-fixed-width,680px);flex:none}.episode-workspace.panel-open{width:100vw;max-width:calc(680px + var(--ep-gap) + var(--ep-panel-width) + var(--ep-gap) + var(--ep-rail-width) + 48px);left:50%;transform:translate(-50%)}.episode-tool-rail{width:var(--ep-rail-width);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);z-index:20;margin-left:var(--ep-gap);flex-direction:column;flex-shrink:0;gap:10px;padding:16px 12px;display:flex}.episode-tool-rail-title{color:var(--color-text-muted);text-align:center;border-bottom:1px solid var(--color-border);letter-spacing:.2px;margin-bottom:6px;padding-bottom:10px;font-size:12px;font-weight:700}.episode-tool-rail-btn{cursor:pointer;min-height:56px;color:var(--color-text-secondary);background:0 0;border:none;border-left:3px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:background .15s,color .15s,border-color .15s;display:flex}.episode-tool-rail-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.episode-tool-rail-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.episode-tool-rail-btn.active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:700}.episode-tool-rail-btn+.episode-tool-rail-btn{border-top:1px solid var(--color-border);padding-top:12px}.episode-tool-rail-icon{line-height:1;display:inline-flex}.episode-tool-rail-label{text-align:center;white-space:normal;word-break:keep-all;font-size:12px;font-weight:600;line-height:1.25}.episode-workspace-panel-wrap{z-index:15;flex-shrink:0;width:0;margin-left:0;transition:width .28s cubic-bezier(.4,0,.2,1),margin-left .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.episode-workspace-panel-wrap.open{width:var(--ep-panel-width);margin-left:var(--ep-gap)}.episode-workspace-panel-backdrop{display:none}.episode-workspace-panel{width:var(--ep-panel-width);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);height:calc(100vh - 104px);max-height:720px;box-shadow:var(--shadow-md);visibility:hidden;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;transform:translate(calc(100% + 200px))}.episode-workspace-panel-wrap.open .episode-workspace-panel{visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility linear;transform:translate(0)}.episode-workspace-panel-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.episode-workspace-panel-header h3{color:var(--color-text-primary);font-size:15px;font-weight:700}.episode-workspace-panel-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;transition:background .15s,color .15s}.episode-workspace-panel-close:hover{background:var(--color-border);color:var(--color-text-primary)}.episode-workspace-panel-body{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.episode-workspace-panel-slot{flex-direction:column;gap:12px;min-height:100%}.workspace-ref-panel{flex-direction:column;gap:12px;width:100%;display:flex}.workspace-ref-panel-toolbar{align-items:center;gap:8px;display:flex}.workspace-ref-search{border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:13px;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);outline:none;flex:1;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.workspace-ref-search:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.workspace-ref-manage-link{color:var(--color-primary);white-space:nowrap;flex-shrink:0;padding:8px 4px;font-size:12px;font-weight:600}.workspace-ref-manage-link:hover{text-decoration:underline}.workspace-ref-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.workspace-ref-filter-chip{border-radius:var(--radius-badge);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);padding:5px 12px;transition:background .15s,color .15s,border-color .15s}.workspace-ref-filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.workspace-ref-filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.workspace-ref-card{margin-bottom:0;padding:14px 16px}.workspace-ref-card-header{cursor:pointer;margin-bottom:0}.workspace-ref-card-header h3{font-size:13px}.workspace-ref-card-role{color:var(--color-text-muted);font-size:12px;font-weight:500}.workspace-ref-card-detail{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px}@media (width<=1300px){.episode-workspace.panel-open{width:100%;max-width:100%;left:0;transform:translate(0)}.episode-workspace-panel-wrap{pointer-events:none;z-index:55;width:auto;margin-left:0;transition:none;position:fixed;inset:0;overflow:visible}.episode-workspace.has-header .episode-workspace-panel-wrap{margin-top:0}.episode-workspace-panel-wrap.open{pointer-events:auto}.episode-workspace-panel-backdrop{background:var(--color-overlay);opacity:0;transition:opacity .25s;display:block;position:fixed;inset:0}.episode-workspace-panel-wrap.open .episode-workspace-panel-backdrop{opacity:1}.episode-workspace-panel{height:calc(100vh - 104px);max-height:720px;position:fixed;top:84px;right:16px}.episode-workspace.has-header .episode-workspace-panel{top:var(--ep-header-height);height:calc(100vh - 104px - 20px - var(--ep-header-height))}}@media (width<=880px){.episode-workspace{display:block}.episode-workspace-main,.episode-workspace-main.fixed-width{width:100%}.episode-tool-rail{flex-flow:wrap;justify-content:center;gap:20px;width:100%;margin-top:16px;margin-left:0;padding:10px;position:static}.episode-tool-rail-title{display:none}.episode-tool-rail-btn{width:56px;padding:6px 2px}.episode-tool-rail-btn:first-of-type{border-top:1px solid var(--color-border);padding-top:12px}.episode-workspace.has-header .episode-tool-rail{margin-top:16px}.episode-workspace-panel-wrap{pointer-events:none;z-index:400;width:auto;height:auto;transition:none;position:fixed;inset:0;overflow:visible}.episode-workspace-panel-wrap.open{pointer-events:auto}.episode-workspace-panel-backdrop{background:var(--color-overlay-strong);opacity:0;transition:opacity .25s;display:block;position:absolute;inset:0}.episode-workspace-panel-wrap.open .episode-workspace-panel-backdrop{opacity:1}.episode-workspace-panel{border-radius:18px 18px 0 0;width:100%;height:78vh;max-height:78vh;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;position:absolute;inset:auto 0 0;transform:translateY(100%)}.episode-workspace-panel-wrap.open .episode-workspace-panel{transition:transform .28s cubic-bezier(.4,0,.2,1),visibility linear;transform:translateY(0)}}.landing-page{background:var(--color-bg);min-height:100vh;overflow-x:hidden}.landing-page main>section+section{border-top:none}.landing-page main>section+section:before{content:"";background:var(--color-ai-border);border-radius:2px;width:80px;height:2px;margin:32px auto;display:block}.landing-header{z-index:100;background:var(--color-header-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}.landing-header-brand{color:var(--color-text-primary);letter-spacing:-.2px;align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}.landing-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:72px 24px;display:grid}.landing-hero-title{word-break:keep-all;margin-bottom:20px;font-size:32px;line-height:1.4}.landing-hero-desc{color:var(--color-text-secondary);word-break:keep-all;margin-bottom:28px;font-size:16px;line-height:1.75}.landing-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-hero-actions .btn{padding:13px 26px;font-size:15px}.landing-browser-frame{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);overflow:hidden}.landing-browser-frame-bar{background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:6px;padding:12px 14px;display:flex}.landing-browser-frame-bar span{background:var(--color-border);border-radius:50%;width:10px;height:10px}.landing-browser-frame-img{object-fit:contain;background:var(--color-bg);width:100%;height:auto;max-height:560px;display:block}.landing-image-fallback{background:var(--color-bg);min-height:220px;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.landing-section{max-width:1120px;margin:0 auto;padding:64px 24px}.landing-section-head{text-align:center;max-width:640px;margin:0 auto 40px}.landing-section-head h2{word-break:keep-all;margin-bottom:10px;font-size:28px}.landing-section-head p{color:var(--color-text-secondary);word-break:keep-all;font-size:15px}.landing-compare-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.landing-compare-col{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:28px}.landing-compare-col h3{margin-bottom:18px;font-size:16px}.landing-compare-col ul{flex-direction:column;gap:14px;list-style:none;display:flex}.landing-compare-col li{color:var(--color-text-secondary);word-break:keep-all;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.6;display:flex}.landing-compare-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:700;display:inline-flex}.landing-compare-mark-x{background:var(--color-danger-light);color:var(--color-danger)}.landing-compare-mark-check{background:var(--color-primary-light);color:var(--color-primary)}.landing-feature-list{flex-direction:column;gap:72px;display:flex}.landing-feature-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;display:grid}.landing-feature-row.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.landing-feature-row.reverse .landing-feature-visual{order:2}.landing-feature-copy h3{word-break:keep-all;margin-bottom:12px;font-size:22px}.landing-feature-copy p{color:var(--color-text-secondary);word-break:keep-all;font-size:15px;line-height:1.75}.landing-steps{grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;display:grid}.landing-step{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);text-align:center;padding:28px 24px}.landing-step-num{background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-weight:700;display:inline-flex}.landing-step h3{margin-bottom:8px;font-size:17px}.landing-step p{color:var(--color-text-secondary);word-break:keep-all;font-size:14px;line-height:1.6}.landing-audience-grid{grid-template-columns:repeat(2,1fr);gap:16px;list-style:none;display:grid}.landing-audience-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-secondary);word-break:keep-all;box-shadow:var(--shadow-sm);padding:20px 22px;font-size:14.5px;line-height:1.6}.landing-final-cta{background:var(--color-primary-hover);color:#fff;text-align:center;padding:72px 24px}.landing-final-cta h2{color:#fff;word-break:keep-all;margin-bottom:12px;font-size:26px}.landing-final-cta p{color:#ffffffd1;word-break:keep-all;margin-bottom:28px;font-size:15px}.landing-final-cta .btn-primary{color:var(--color-primary-hover);background:#fff;border-color:#fff;padding:13px 28px;font-size:15px}.landing-final-cta .btn-primary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-bg)}.landing-footer{background:var(--color-bg-card);border-top:none}.landing-footer:before{content:"";background:var(--color-ai-border);border-radius:2px;width:80px;height:2px;margin:32px auto;display:block}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:32px 24px;display:flex}.landing-footer-logo{color:var(--color-text-primary);font-weight:700}.landing-footer-brand p{color:var(--color-text-muted);margin-top:2px;font-size:13px}.landing-footer-copyright{color:var(--color-text-muted);font-size:13px}@media (width<=880px){.landing-hero{grid-template-columns:1fr;gap:32px;padding:48px 20px}.landing-hero-title{font-size:26px}.landing-feature-row,.landing-feature-row.reverse{grid-template-columns:1fr;gap:24px}.landing-feature-row.reverse .landing-feature-visual{order:0}.landing-compare-grid,.landing-steps{grid-template-columns:1fr}.landing-section{padding:48px 20px}}@media (width<=480px){.landing-header-inner{padding:0 16px}.landing-header-actions .btn{padding:8px 12px;font-size:12.5px}.landing-hero-title{font-size:22px}.landing-hero-actions .btn{flex:auto}.landing-audience-grid{grid-template-columns:1fr}.landing-final-cta h2{font-size:21px}}
