.app{max-width:2400px;margin:0 auto;padding:1.5rem 2rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:1.5rem;align-items:center}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:.4rem}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .5rem;line-height:1.15}.hero-subtitle{font-size:.9rem;color:var(--muted);max-width:36rem;line-height:1.4}.hero-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.hero-stat{display:flex;gap:.75rem;font-size:.8rem;color:var(--muted)}.hero-card{background:var(--panel);border-radius:14px;padding:1rem 1.25rem;box-shadow:var(--shadow-soft);border:1px solid rgba(15,23,42,.08);animation:floatIn .6s ease forwards}.hero-card h2{font-family:Space Grotesk,sans-serif;margin:0 0 .5rem;font-size:1rem}.hero-card ol{margin:0 0 .75rem 1rem;color:var(--muted);display:grid;gap:.3rem;font-size:.8rem}.toggle-row{display:flex;gap:.5rem;flex-wrap:wrap}.view-toggle{display:flex;align-items:center;gap:.25rem;background:#0f172a0d;border-radius:999px;padding:.2rem}.view-toggle span{font-size:.65rem;color:var(--muted);padding:0 .4rem}.view-toggle button{border:none;background:transparent;padding:.25rem .5rem;border-radius:999px;cursor:pointer;font-weight:500;font-size:.7rem;color:var(--muted);transition:all .15s ease}.view-toggle button.active{background:var(--ink);color:#fff}.main-grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(260px,320px);gap:1.25rem;align-items:start}.filters-panel,.selected-panel{background:var(--panel);border-radius:14px;padding:1rem;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft);position:sticky;top:1rem;height:fit-content;animation:panelIn .7s ease forwards}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.panel-header h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:.95rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-weight:500;font-size:.85rem}.field input{border-radius:8px;border:1px solid rgba(15,23,42,.15);padding:.5rem .7rem;font-size:.85rem;background:#fff}.filter-block{margin-bottom:1rem}.filter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.filter-title{font-weight:600;margin-bottom:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.filter-toggle{border:1px solid rgba(15,23,42,.15);background:#fff;border-radius:999px;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.filter-toggle:hover{border-color:#0f172a59;color:var(--ink)}.chip-grid{display:flex;flex-wrap:wrap;gap:.35rem}.chip{border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:.25rem .55rem;background:#fff;cursor:pointer;font-size:.72rem;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.chip:hover{border-color:#0f172a59}.chip.active{background:var(--chip, var(--ink));border-color:var(--chip, var(--ink));color:#fff}.chip-count{background:#0f172a14;border-radius:999px;padding:.05rem .35rem;font-size:.65rem}.chip.active .chip-count{background:#ffffff40}.list-panel{display:flex;flex-direction:column;gap:1.25rem}.category-section{display:flex;flex-direction:column;gap:.6rem}.section-header{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border:none;border-radius:6px;background:#0f172a08;cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.section-header:hover{background:#0f172a0f}.section-toggle{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:var(--muted);flex-shrink:0}.section-title{flex:1;min-width:0}.section-header h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:.95rem}.section-header p{margin:.1rem 0 0;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-count{color:var(--muted);font-size:.7rem;white-space:nowrap;padding:.15rem .4rem;background:#0f172a0f;border-radius:999px}.category-section.collapsed{margin-bottom:-.5rem}.item-list{display:grid;gap:.35rem}.item-card{background:var(--panel);border-radius:6px;padding:0;border:1px solid rgba(15,23,42,.06);box-shadow:0 1px 2px #0f172a08;margin-left:calc(var(--depth) * 28px);animation:rise .3s ease forwards;animation-delay:var(--delay, 0ms);opacity:0;position:relative;transition:all .15s ease;cursor:pointer}.item-card[style*="--depth: 1"]:before,.item-card[style*="--depth: 2"]:before,.item-card[style*="--depth: 3"]:before,.item-card[style*="--depth: 4"]:before,.item-card[style*="--depth: 5"]:before{content:"";position:absolute;left:-18px;top:50%;width:12px;height:1px;background:#0f172a26}.item-card[style*="--depth: 1"]:after,.item-card[style*="--depth: 2"]:after,.item-card[style*="--depth: 3"]:after,.item-card[style*="--depth: 4"]:after,.item-card[style*="--depth: 5"]:after{content:"";position:absolute;left:-18px;top:0;width:1px;height:50%;background:#0f172a26}.item-card[style*="--depth: 1"]{background:#ffffffd9;border-left:2px solid rgba(15,118,110,.3)}.item-card[style*="--depth: 2"]{background:#ffffffb3;border-left:2px solid rgba(15,118,110,.2)}.item-card[style*="--depth: 3"],.item-card[style*="--depth: 4"],.item-card[style*="--depth: 5"]{background:#ffffff8c;border-left:2px solid rgba(15,118,110,.15)}.item-card:hover{border-color:#0f172a1f;background:#0f172a03}.item-card.is-selected{border-color:var(--accent);background:#0f766e0f}.item-card.is-selected:hover{background:#0f766e14}.item-main{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;min-height:2.25rem}.item-title{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.item-title h3{margin:0;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type{background:#0f172a0d;border-radius:3px;padding:.1rem .35rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);flex-shrink:0}.item-info-btn{width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid rgba(15,23,42,.15);background:#0f172a08;color:var(--muted);font-size:.6rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5;transition:all .15s ease}.item-card:hover .item-info-btn{opacity:1}.item-info-btn:hover{background:#0f172a1a;border-color:#0f172a4d;color:var(--ink)}.item-checkbox{width:1.25rem;height:1.25rem;border-radius:4px;border:1.5px solid rgba(15,23,42,.25);background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-left:auto}.item-checkbox:after{content:"";width:.5rem;height:.5rem;background:transparent;border-radius:2px;transition:all .15s ease}.item-card:hover .item-checkbox{border-color:#0f172a66}.item-card.is-selected .item-checkbox{background:var(--accent);border-color:var(--accent)}.item-card.is-selected .item-checkbox:after{content:"✓";color:#fff;font-size:.7rem;font-weight:700;background:transparent}.item-parent,.item-synonyms{font-size:.75rem;color:var(--muted);margin-bottom:.2rem}.item-description{font-size:.75rem;color:var(--ink);line-height:1.35;margin-bottom:.35rem}.item-tags{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.35rem}.tag{background:#0f766e14;color:#0f766e;padding:.1rem .35rem;border-radius:999px;font-size:.6rem}.item-common>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em}.common-list{display:flex;flex-wrap:wrap;gap:.25rem}.common-list .chip{padding:.15rem .4rem;font-size:.65rem}.selected-panel{display:flex;flex-direction:column;gap:1rem}.selected-groups{display:grid;gap:.75rem}.selected-group-title{font-weight:600;font-size:.8rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--dot, var(--ink));display:inline-block}.selected-chips{display:flex;flex-wrap:wrap;gap:.3rem}.selected-chip{border:1px solid rgba(15,23,42,.15);background:#fff;border-radius:999px;padding:.2rem .5rem;cursor:pointer;font-size:.7rem;display:inline-flex;align-items:center;gap:.3rem;transition:all .15s ease}.selected-chip:hover{border-color:#dc2626;background:#dc26260d}.selected-chip .remove{font-weight:700;color:var(--muted);font-size:.65rem}.selected-chip:hover .remove{color:#dc2626}.empty-state{color:var(--muted);background:#0f172a0a;padding:.75rem;border-radius:8px;font-size:.8rem}.export-panel{background:#0f172a0a;padding:.75rem;border-radius:10px;display:flex;flex-direction:column;gap:.5rem}.export-header{display:flex;flex-direction:column;gap:.5rem}.export-header h4{margin:0;font-family:Space Grotesk,sans-serif;font-size:.85rem}.export-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.export-body{background:#fff;border-radius:8px;padding:.6rem;border:1px solid rgba(15,23,42,.1);white-space:pre-wrap;font-size:.7rem;max-height:200px;overflow:auto;line-height:1.4}.primary{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.5rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 4px 12px #0f766e33;transition:all .15s ease}.primary:hover{box-shadow:0 6px 16px #0f766e4d;transform:translateY(-1px)}.ghost{border:1px solid rgba(15,23,42,.15);background:transparent;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;cursor:pointer;transition:all .15s ease}.ghost:hover{border-color:#0f172a4d;background:#0f172a08}@keyframes floatIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.item-meta-overlay{display:none;position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid rgba(15,23,42,.12);border-radius:6px;padding:.5rem .75rem;box-shadow:0 4px 16px #0f172a1f;z-index:100;cursor:default}.item-meta-overlay:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.item-card:has(.item-info-btn:hover) .item-meta-overlay,.item-card:has(.item-meta-overlay:hover) .item-meta-overlay{display:block}.item-card:has(.item-info-btn:hover),.item-card:has(.item-meta-overlay:hover){z-index:101}.item-common{margin-top:.35rem;padding-top:.35rem;border-top:1px dashed rgba(15,23,42,.08);display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--muted);flex-wrap:wrap}@media (min-width: 1800px){.item-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.item-card{margin-left:calc(var(--depth) * 20px)}}@media (min-width: 2400px){.item-list{grid-template-columns:repeat(3,1fr)}.item-card{margin-left:calc(var(--depth) * 16px)}}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr}.filters-panel,.selected-panel{position:static}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.app{padding:1.25rem 1rem 2rem}.item-main{padding:.5rem}.item-info-btn{opacity:1}}.comfortable .item-card{border-radius:8px}.comfortable .item-main{padding:.6rem .75rem;min-height:2.5rem}.comfortable .item-list{gap:.5rem}.comfortable .item-title h3{font-size:.95rem}.comfortable .item-type{font-size:.65rem;padding:.12rem .4rem}.comfortable .item-checkbox{width:1.4rem;height:1.4rem}.comfortable .item-info-btn{width:1.5rem;height:1.5rem;opacity:.6}.comfortable .item-card:hover .item-info-btn{opacity:1}.comfortable .category-section{gap:.75rem}.comfortable .section-header{padding:.5rem .6rem}.comfortable .section-header h2{font-size:1.05rem}.comfortable .section-header p{font-size:.75rem}.comfortable .list-panel{gap:1.5rem}.app-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffffb3;border-top:1px solid rgba(15,23,42,.08);font-size:.7rem;color:var(--muted);flex-shrink:0;margin-top:auto}.app-footer a{display:flex;align-items:center}.app-footer img{height:14px;width:auto;opacity:.7;transition:opacity .2s ease}.app-footer:hover img{opacity:1}:root{font-family:IBM Plex Sans,sans-serif;color:#0f172a;--ink: #0f172a;--muted: #52606d;--accent: #0f766e;--panel: #ffffff;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.18),transparent 40%),radial-gradient(circle at 90% 15%,rgba(249,115,22,.18),transparent 35%),radial-gradient(circle at 80% 80%,rgba(20,184,166,.2),transparent 45%),linear-gradient(135deg,#f7f2ea,#eef4ff 55%,#fff4df);background-attachment:fixed;color:var(--ink)}#root{min-height:100vh}button,input,select,textarea{font-family:inherit}a{color:inherit}