:root{--bg-color: #ffffff;--sidebar-bg: #f8f9fa;--border-color: #e8eaed;--text-primary: #121317;--text-secondary: #5f6368;--accent-color: #4285f4;--accent-soft: rgba(66, 133, 244, .08);--sidebar-width: 300px;--header-height: 64px;--font-body: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--gemini-color: #4285f4;--gemini-soft: rgba(66, 133, 244, .06);--opus-color: #f48a1c;--opus-soft: rgba(244, 138, 28, .06);--gpt-color: #10a37f;--gpt-soft: rgba(16, 163, 127, .06)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}.top-header{height:var(--header-height);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:var(--sidebar-width) 1fr 200px;align-items:center;background:#fff;z-index:100;position:relative}.header-left{padding:0 24px}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--text-primary)}.logo i{color:var(--accent-color);font-size:1.5rem}.header-center{padding:0 40px}.search-bar{max-width:600px;display:flex;align-items:center;background:#f1f3f4;border-radius:8px;padding:0 16px;height:40px;transition:var(--transition)}.search-bar:focus-within{background:#fff;box-shadow:0 1px 2px #3c40434d,0 1px 3px #3c404326}.search-bar i{color:var(--text-secondary);margin-right:12px}.search-bar input{background:none;border:none;width:100%;outline:none;font-size:.95rem;color:var(--text-primary)}.header-right{display:flex;justify-content:flex-end;padding-right:24px}.badge{background:var(--accent-soft);color:var(--accent-color);padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.container{display:flex;flex:1;overflow:hidden}.docs-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border-color);overflow-y:auto;padding:32px 12px}.docs-nav{display:flex;flex-direction:column;gap:4px}.nav-chapter{font-size:.8rem;font-weight:700;color:var(--text-secondary);padding:12px 16px 6px;text-transform:uppercase;letter-spacing:.5px}.nav-term{padding:7px 16px;font-size:.9rem;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition)}.nav-term:hover{background:#eef2f7;color:var(--text-primary)}.nav-term.active{background:var(--accent-soft);color:var(--accent-color);font-weight:600}.docs-content{flex:1;overflow-y:auto;padding:48px 80px 120px;display:flex;flex-direction:column;align-items:center}.breadcrumbs{max-width:800px;width:100%;font-size:.85rem;color:var(--text-secondary);margin-bottom:32px;display:flex;align-items:center;gap:6px}.article{max-width:800px;width:100%}.article-header{margin-bottom:40px}.chapter-label{display:block;font-size:.85rem;color:var(--accent-color);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}#article-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.article-body{font-size:1.15rem;line-height:1.7;color:#3c4043;margin-bottom:48px}.pro-prompt-box{background:#f8f9fa;border-left:4px solid var(--accent-color);padding:28px 32px;border-radius:0 12px 12px 0;margin-bottom:64px}.box-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--accent-color);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}#article-pro-prompt{font-style:italic;font-size:1.05rem;line-height:1.6;color:var(--text-primary);margin-bottom:20px}.add-basket-btn{background:var(--accent-color);color:#fff;border:none;padding:11px 22px;border-radius:8px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.add-basket-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.doc-pagination{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;padding-top:48px;border-top:1px solid var(--border-color)}.pag-btn{background:#fff;border:1px solid var(--border-color);padding:20px 24px;border-radius:12px;display:flex;flex-direction:column;text-align:left;cursor:pointer;transition:var(--transition)}.pag-btn:hover:not(:disabled){border-color:var(--accent-color);box-shadow:0 4px 12px #0000000d}.pag-btn:disabled{opacity:.3;cursor:not-allowed}.pag-btn.next{text-align:right;align-items:flex-end}.pag-btn .label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.pag-btn .title{font-size:1rem;font-weight:600;color:var(--accent-color)}.prompt-basket{position:fixed;bottom:32px;right:32px;width:460px;background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 30px #0000001f;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.prompt-basket.collapsed{transform:translateY(calc(100% - 72px))}.basket-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid transparent;transition:var(--transition)}.basket-header:hover{background:#f8f9fa;border-radius:16px 16px 0 0}.header-info{display:flex;align-items:center;gap:12px}.header-info i{color:var(--accent-color);font-size:1.1rem}.header-info h3{font-size:.95rem;font-weight:600}.header-info .count{background:var(--accent-color);color:#fff;padding:2px 8px;border-radius:100px;font-size:.72rem;font-weight:700}.toggle-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.collapsed .toggle-btn{transform:rotate(180deg)}.basket-content{padding:0 20px 20px;max-height:600px;overflow-y:auto}.phase-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;background:#f1f3f4;border-radius:10px;padding:4px}.phase-tab{background:none;border:none;padding:9px;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition)}.phase-tab:hover{color:var(--text-primary)}.phase-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 2px 6px #00000014}.phase-panel{display:block}.phase-panel.hidden{display:none}.selected-terms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;min-height:28px}.term-tag{background:#f1f3f4;padding:4px 10px;border-radius:6px;font-size:.82rem;display:flex;align-items:center;gap:6px;border:1px solid #e8eaed}.model-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:14px;background:#f1f3f4;padding:4px;border-radius:10px}.model-tab{background:none;border:none;padding:8px 4px;font-size:.78rem;font-weight:600;color:var(--text-secondary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:var(--transition)}.model-tab:hover{background:#0000000a}.model-tab.active{background:#fff;box-shadow:0 2px 6px #00000014}.model-tab[data-model=gemini].active{color:var(--gemini-color)}.model-tab[data-model=opus].active{color:var(--opus-color)}.model-tab[data-model=gpt].active{color:var(--gpt-color)}#generated-prompt{width:100%;height:150px;background:#f8f9fa;border:1px solid var(--border-color);border-radius:10px;padding:14px;font-size:.85rem;line-height:1.5;resize:none;outline:none;font-family:var(--font-body)}.copy-btn{margin-top:10px;width:100%;background:var(--text-primary);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.copy-btn:hover{opacity:.85}.response-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.response-hint{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.demo-fill-btn{background:none;border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition);white-space:nowrap}.demo-fill-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.response-grid{display:flex;flex-direction:column;gap:12px}.response-card{border-radius:10px;border:1px solid var(--border-color);overflow:hidden}.gemini-card{border-color:#4285f440}.opus-card{border-color:#f48a1c40}.gpt-card{border-color:#10a37f40}.response-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:700}.gemini-header{background:var(--gemini-soft);color:var(--gemini-color)}.opus-header{background:var(--opus-soft);color:var(--opus-color)}.gpt-header{background:var(--gpt-soft);color:var(--gpt-color)}.response-card-header span{flex:1}.clear-card-btn{background:none;border:none;cursor:pointer;opacity:.5;transition:var(--transition);font-size:1rem}.clear-card-btn:hover{opacity:1}.response-textarea{width:100%;height:130px;background:#fff;border:none;border-top:1px solid var(--border-color);padding:12px 14px;font-size:.85rem;line-height:1.5;resize:vertical;outline:none;font-family:var(--font-body);color:var(--text-primary)}.response-textarea:focus{background:#fafafa}.response-textarea::placeholder{color:#adb5bd;font-style:italic}@media(max-width:1024px){.docs-sidebar{display:none}.top-header{grid-template-columns:1fr 1fr}.docs-content{padding:40px 24px}.prompt-basket{width:calc(100vw - 48px);right:24px}}