@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--brand-color: #60a5fa;--brand-color-hover: #3b82f6;--radius-md: 16px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary);line-height:1.5;height:100vh;overflow:hidden}#root{height:100vh;display:flex}.sidebar{width:260px;background-color:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;gap:1rem}.new-chat-btn{background:var(--brand-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.new-chat-btn:hover{background:var(--brand-color-hover);transform:translateY(-1px)}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.history-item{padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover,.history-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;position:relative}.topbar{height:60px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.select-control{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-sm);outline:none;font-size:.9rem;cursor:pointer}.chat-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;gap:1rem;max-width:800px;margin:0 auto;width:100%}.message.user{flex-direction:row-reverse}.avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color)}.message-ctx{background:var(--bg-secondary);padding:1.2rem 1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 10px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.95rem;line-height:1.6}.message.user .message-ctx{background:var(--bg-tertiary);border-top-right-radius:4px}.message.assistant .message-ctx{border-top-left-radius:4px}.message-ctx code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;color:#60a5fa;border:1px solid rgba(255,255,255,.05);font-family:Consolas,Monaco,monospace}.message-ctx pre code{background:transparent;padding:0;color:inherit}.message-ctx p{margin-bottom:.5rem}.message-ctx p:last-child{margin-bottom:0}.input-area-wrapper{padding:0 2rem 2rem;max-width:800px;margin:0 auto;width:100%}.input-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:8px;padding:8px 12px;align-items:flex-end;transition:border-color .2s}.input-box:focus-within{border-color:var(--brand-color)}.input-box textarea{flex:1;background:transparent;border:none;color:var(--text-primary);resize:none;outline:none;font-family:inherit;font-size:.95rem;max-height:600px;padding:8px 0}.send-btn{background:var(--brand-color);color:#fff;border:none;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:4px}.send-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:400px;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.modal-content h3{font-weight:500;font-size:1.1rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:var(--text-secondary)}.form-group input[type=text]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);outline:none}.form-group input[type=range]{margin-top:6px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:1rem}.btn-secondary{background:var(--bg-tertiary);border:none;color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.admin-root{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b)}.admin-sidebar{display:none}@media (min-width: 768px){.admin-root{flex-direction:row}.admin-sidebar{display:flex;flex-direction:column;width:220px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-color);padding:1rem;gap:.5rem;flex-shrink:0}}.admin-sidebar-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.admin-back-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:.8rem;transition:color .2s}.admin-back-link:hover{color:var(--text-primary)}.admin-logo{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s}.admin-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-nav-item.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:500}.admin-bottom-nav{display:flex;justify-content:space-around;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));flex-shrink:0}.admin-bottom-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--text-secondary);text-decoration:none;font-size:.65rem;min-width:52px;transition:color .2s}.admin-bottom-item.active{color:var(--brand-color)}@media (min-width: 768px){.admin-bottom-nav{display:none}}.admin-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.admin-page{padding:1rem;max-width:960px;margin:0 auto;padding-bottom:80px}@media (min-width: 768px){.admin-page{padding:1.5rem 2rem 2rem}}.admin-page-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem}.admin-card-title{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem;display:flex;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:4px}.stat-card-icon{margin-bottom:4px}.stat-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-card-label{font-size:.75rem;color:var(--text-secondary)}.admin-two-col{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 600px){.admin-two-col{grid-template-columns:1fr 1fr}}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.admin-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 10px;border-radius:12px;font-size:.8rem}.admin-tag b{color:var(--text-primary);margin-left:4px}.admin-tag.emotion{background:#8b5cf626;color:#c4b5fd}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;color:var(--text-secondary);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-primary)}.level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;background:#6366f1}.lv-l4{background:#7c3aed}.lv-l3{background:#8b5cf6}.lv-l2{background:#6366f1}.lv-l1{background:#3b82f6}.type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;background:var(--bg-tertiary);color:var(--text-secondary)}.emotion-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;background:#8b5cf626;color:#c4b5fd}.level-tabs{display:flex;gap:4px;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.level-tab{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.level-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.level-tab.active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.level-tab.archive.active{background:#f59e0b;border-color:#f59e0b}.memory-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0 12px;min-width:0;flex:1}.search-box input{background:transparent;border:none;color:var(--text-primary);outline:none;font-size:.85rem;width:100%;padding:8px 0}.search-box svg{color:var(--text-secondary);flex-shrink:0}.admin-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;outline:none;cursor:pointer}.admin-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;outline:none;width:100%}.admin-input:focus,.admin-select:focus{border-color:var(--brand-color)}.memory-list{display:flex;flex-direction:column;gap:.5rem}.memory-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.875rem;transition:border-color .2s}.memory-card:hover{border-color:#ffffff26}.memory-card.archived{opacity:.7}.memory-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.memory-card-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.memory-card-actions{display:flex;gap:4px;flex-shrink:0}.memory-card-content{font-size:.9rem;color:var(--text-primary);line-height:1.6;margin-bottom:.5rem;word-break:break-word}.memory-card-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary);flex-wrap:wrap}.archive-reason{color:#f59e0b;font-style:italic}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.admin-btn.primary{background:var(--brand-color);color:#fff}.admin-btn.primary:hover{background:var(--brand-color-hover)}.admin-btn.primary:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.admin-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.admin-btn.secondary:hover{background:#ffffff26}.admin-btn.compact{padding:4px 10px;font-size:.78rem}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:32px;min-height:32px}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-btn.danger:hover{color:#ef4444;background:#ef44441a}.editor-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;margin:1rem}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-primary);z-index:1}.editor-tabs{display:flex;gap:4px}.editor-tab{padding:6px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.editor-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.editor-body{padding:1rem}.editor-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.editor-textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;line-height:1.6;resize:vertical;outline:none;margin-bottom:.75rem}.editor-textarea:focus{border-color:var(--brand-color)}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}@media (max-width: 480px){.editor-row{grid-template-columns:1fr}}.editor-field{display:flex;flex-direction:column;gap:4px}.editor-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);color:#fbbf24;font-size:.8rem;margin-bottom:.75rem}.editor-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.version-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:.5rem}.version-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.version-num{font-weight:600;color:var(--brand-color);font-size:.85rem}.version-time{color:var(--text-secondary);font-size:.78rem}.version-reason{color:var(--text-secondary);font-size:.78rem;font-style:italic;margin-bottom:.5rem}.version-content{font-size:.82rem;color:var(--text-primary);background:var(--bg-tertiary);padding:8px 10px;border-radius:4px;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-family:inherit;margin:0}.graph-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.graph-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;height:400px}@media (min-width: 768px){.graph-container{height:500px}}.graph-container canvas{width:100%!important;height:100%!important}.chat-list{display:flex;flex-direction:column;gap:.375rem}.chat-record{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem}.chat-record-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;flex-wrap:wrap}.chat-role-icon{display:flex;align-items:center;color:var(--brand-color)}.chat-role{font-size:.8rem;font-weight:500}.chat-time{font-size:.72rem;color:var(--text-secondary)}.chat-record-content{font-size:.85rem;line-height:1.6;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.admin-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.admin-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem}.admin-empty{text-align:center;padding:3rem;color:var(--text-secondary);font-size:.9rem}.admin-muted{color:var(--text-secondary);font-size:.8rem}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand-color);cursor:pointer}