*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh;color:#1a1a1a}.landing-page{min-height:100vh;display:flex;flex-direction:column}.landing-nav{border-bottom:1px solid #e5e7eb;background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.landing-logo{height:32px}.landing-user-info{display:flex;align-items:center;gap:1rem}.landing-user-name{font-size:14px;color:#4b5563}.landing-logout-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s}.landing-logout-btn:hover{border-color:#9ca3af;background:#f9fafb}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:800px;margin:0 auto;width:100%}.landing-logo-large{max-width:300px;margin-bottom:3rem}.landing-title{font-size:2rem;font-weight:300;color:#1a1a1a;margin-bottom:1rem;text-align:center}.landing-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:3rem;text-align:center}.landing-menu{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.landing-menu-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit}.landing-menu-item:hover{border-color:#1a1a1a;box-shadow:0 2px 8px #0000000d}.landing-menu-item-content{display:flex;flex-direction:column;gap:.25rem}.landing-menu-item-title{font-size:1.125rem;font-weight:500;color:#1a1a1a}.landing-menu-item-desc{font-size:.875rem;color:#6b7280}.landing-menu-item-arrow{font-size:1.5rem;color:#d1d5db}.landing-footer{padding:2rem;text-align:center;color:#9ca3af;font-size:.875rem;border-top:1px solid #e5e7eb}.vocab-viewer{background:#f3f4f6;min-height:100vh;padding:20px}.container{max-width:1600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012,0 10px 20px #0000000f;overflow:hidden}.header{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#1f2937;padding:30px;text-align:center}.header h1{font-size:2.5em;margin-bottom:10px}.header p{opacity:.9;font-size:1.1em}.info-box{background:#f0f4f8;border-left:4px solid #667eea;padding:15px 20px;margin:20px 30px;border-radius:6px;font-size:.95em}.tabs-container{padding:0 30px;border-bottom:2px solid #e2e8f0;background:#f8f9fa;overflow-x:auto;white-space:nowrap}.tabs{display:inline-flex;gap:5px}.tab{padding:15px 25px;border:none;background:none;cursor:pointer;font-size:15px;font-weight:500;border-bottom:3px solid transparent;transition:all .2s;color:#64748b}.tab:hover{background:#667eea1a;color:#667eea}.tab.active{border-bottom-color:#667eea;color:#667eea;background:#fff}.tab-content{padding:30px}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.controls-left{display:flex;align-items:center;gap:15px}.badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #667eea4d}button{padding:10px 18px;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}button:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}input{padding:10px 15px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;width:280px;transition:border-color .2s}input:focus{outline:none;border-color:#667eea}.table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #e2e8f0}th{background:linear-gradient(to bottom,#f8f9fa,#f1f3f5);font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:sticky;top:0;z-index:10;transition:background .2s}th:hover{background:linear-gradient(to bottom,#e9ecef,#e5e7eb)}tbody tr{transition:background-color .15s}tbody tr:hover{background-color:#f8f9fa}tbody tr:last-child td{border-bottom:none}.code{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:3px 8px;border-radius:4px;font-size:12px;font-family:Monaco,Courier New,monospace;font-weight:600}.badge-small{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin:2px}.badge-blue{background:#dbeafe;color:#1e40af}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-red{background:#fee2e2;color:#991b1b}.badge-orange{background:#ffedd5;color:#9a3412}.badge-green{background:#d1fae5;color:#065f46}.badge-gray{background:#f3f4f6;color:#374151}.badge-teal{background:#ccfbf1;color:#115e59}.copy-btn{margin-left:8px;padding:4px 8px;font-size:11px;border-radius:4px;opacity:.7}.copy-btn:hover{opacity:1}.spinner{display:flex;justify-content:center;align-items:center;height:400px;font-size:24px;color:#667eea}.toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 24px;border-radius:8px;box-shadow:0 10px 40px #10b98166;z-index:1000;animation:slideIn .3s ease-out;font-weight:500}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state-icon{font-size:48px;margin-bottom:15px}.view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.view-toggle button{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;transition:all .2s}.view-toggle button.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.view-toggle button:hover:not(.active){color:#667eea}.tree-view{font-family:Monaco,Courier New,monospace;font-size:14px;line-height:2;background:#fafbfc;border-radius:8px;padding:15px}.tree-item{padding:8px 0;transition:background .15s ease}.tree-item:hover{background:#667eea0d;border-radius:4px}.tree-line{display:inline-flex;align-items:center;width:100%}.tree-connector{color:#cbd5e0;font-weight:400;margin-right:8px;min-width:24px;display:inline-block;white-space:pre}.tree-node-id{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:3px 10px;border-radius:5px;font-weight:600;margin-right:10px;display:inline-block;font-size:13px}.tree-description{color:#64748b;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-left:8px;flex:1}.tree-parent .tree-node-id{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6;font-weight:700}.tree-metadata{display:inline-flex;gap:6px;margin-left:10px}@media (max-width: 768px){.header h1{font-size:1.8em}.tab-content{padding:20px 15px}.controls{flex-direction:column;align-items:stretch}input,.view-toggle{width:100%}.tree-view{font-size:12px}}