.RelationshipGraph_container__NhBan{width:100%;margin:2rem 0}.RelationshipGraph_graphWrapper__Ypi_e{width:100%;height:800px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--card-background)}.RelationshipGraph_empty__MhwYb,.RelationshipGraph_loading__XGZlr{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-secondary);font-size:1.1rem}.RelationshipGraph_legend__M_YtJ{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem;padding:1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px}.RelationshipGraph_legendSection__y1adw{flex:1 1;min-width:200px}.RelationshipGraph_legendSection__y1adw h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.RelationshipGraph_legendItems__rOxaS{display:flex;flex-direction:column;gap:.5rem}.RelationshipGraph_legendItem__i4Byy{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.RelationshipGraph_legendColor__CcBgl{width:16px;height:16px;border-radius:50%;flex-shrink:0}@media (max-width:768px){.RelationshipGraph_graphWrapper__Ypi_e{height:400px}.RelationshipGraph_legend__M_YtJ{flex-direction:column;gap:1rem}.RelationshipGraph_legendSection__y1adw{min-width:100%}.RelationshipGraph_legendItems__rOxaS{flex-direction:row;flex-wrap:wrap}}@media (max-width:480px){.RelationshipGraph_graphWrapper__Ypi_e{height:300px}.RelationshipGraph_legendItems__rOxaS{flex-direction:column}}.SearchBar_searchContainer__yOIEw{position:relative;width:100%;max-width:600px}.SearchBar_searchInputWrapper__TcEvV{position:relative;width:100%}.SearchBar_searchInput__It28G{width:100%;padding:var(--space-sm) var(--space-md);padding-right:var(--space-3xl);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-base);outline:none}.SearchBar_searchInput__It28G:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);background-color:var(--color-background)}.SearchBar_searchInput__It28G::placeholder{color:var(--color-text-tertiary)}.SearchBar_searchIcon__TWZTk{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-lg);pointer-events:none;opacity:.5}.SearchBar_dropdown__MoOSo{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:1000}.SearchBar_resultsList__dk4Cz{padding:var(--space-sm) 0}.SearchBar_categoryGroup__7g6sK{margin-bottom:var(--space-md)}.SearchBar_categoryGroup__7g6sK:last-child{margin-bottom:0}.SearchBar_categoryLabel__J31JT{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.SearchBar_categoryIcon__4o3pV{font-size:var(--font-size-base)}.SearchBar_categoryResults__xCbDh{display:flex;flex-direction:column}.SearchBar_resultItem__KR7o_{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.SearchBar_resultItem__KR7o_:hover{background-color:var(--color-surface-hover)}.SearchBar_resultItemSelected__fJ8xN{background-color:var(--color-accent-light)}.SearchBar_resultCategoryIcon__IAmVf{font-size:var(--font-size-base);flex-shrink:0}.SearchBar_resultEmoji__6PrKd{font-size:var(--font-size-lg);flex-shrink:0}.SearchBar_resultTitle__d75VY{font-size:var(--font-size-base);flex-grow:1}.SearchBar_noResults__PoIoW{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width:768px){.SearchBar_searchInput__It28G{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);padding-right:var(--space-2xl)}.SearchBar_searchIcon__TWZTk{right:var(--space-sm);font-size:var(--font-size-base)}.SearchBar_dropdown__MoOSo{max-height:300px}.SearchBar_categoryLabel__J31JT{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.SearchBar_resultItem__KR7o_{gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.SearchBar_resultCategoryIcon__IAmVf{font-size:var(--font-size-sm)}.SearchBar_resultEmoji__6PrKd{font-size:var(--font-size-base)}.SearchBar_resultTitle__d75VY{font-size:var(--font-size-sm)}.SearchBar_noResults__PoIoW{padding:var(--space-md) var(--space-sm);font-size:var(--font-size-xs)}}.page_container__jZF7q{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.page_hero__7KFOs{text-align:center;margin-bottom:var(--space-3xl)}.page_hero__7KFOs h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.page_hero__7KFOs p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:var(--line-height-relaxed)}.page_searchContainer__pJPVb{max-width:600px;margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto}.page_graphSection__kB7AE{margin:var(--space-3xl) 0}.page_sectionTitle__6ic_4{font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary);text-align:center}.page_sectionDescription__9_4_N{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-xl) auto;line-height:var(--line-height-relaxed)}.page_categories___mviK{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-3xl)}.page_categoryCard__yLKel{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-2xl);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.page_categoryCard__yLKel:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-dark);text-decoration:none}.page_categoryIcon__QEcAQ{font-size:3rem;margin-bottom:var(--space-lg)}.page_categoryCard__yLKel.page_patterns__JeU8i{border-left:4px solid var(--color-pattern)}.page_categoryCard__yLKel.page_patterns__JeU8i:hover{background-color:var(--color-pattern-light);border-left-color:var(--color-pattern)}.page_categoryCard__yLKel.page_antiPatterns__fvpqX{border-left:4px solid var(--color-anti-pattern)}.page_categoryCard__yLKel.page_antiPatterns__fvpqX:hover{background-color:var(--color-anti-pattern-light);border-left-color:var(--color-anti-pattern)}.page_categoryCard__yLKel.page_obstacles__gc49y{border-left:4px solid var(--color-obstacle)}.page_categoryCard__yLKel.page_obstacles__gc49y:hover{background-color:var(--color-obstacle-light);border-left-color:var(--color-obstacle)}.page_categoryTitle__0r8dl{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.page_categoryDescription__vS5H0{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg);flex:1 1}.page_categoryCount__uZpW8{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.page_categoryCard__yLKel.page_patterns__JeU8i .page_categoryCount__uZpW8{color:var(--color-pattern)}.page_categoryCard__yLKel.page_antiPatterns__fvpqX .page_categoryCount__uZpW8{color:var(--color-anti-pattern)}.page_categoryCard__yLKel.page_obstacles__gc49y .page_categoryCount__uZpW8{color:var(--color-obstacle)}@media (max-width:768px){.page_container__jZF7q{padding:var(--space-xl) var(--space-lg)}.page_hero__7KFOs h1{font-size:var(--font-size-3xl)}.page_hero__7KFOs p{font-size:var(--font-size-base)}.page_categories___mviK{grid-template-columns:1fr;gap:var(--space-lg)}.page_categoryCard__yLKel{padding:var(--space-xl)}}.VideoThumbnail_thumbnail__IEnZM{display:flex;flex-direction:column;gap:var(--space-sm);width:240px;text-decoration:none;color:var(--color-text-secondary)}.VideoThumbnail_thumbnail__IEnZM:focus-visible,.VideoThumbnail_thumbnail__IEnZM:hover{text-decoration:none;color:var(--color-text-primary)}.VideoThumbnail_thumbnail__IEnZM:focus-visible{outline:none}.VideoThumbnail_imageWrapper__J3n97{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--border-radius);overflow:hidden;background-color:var(--color-surface);box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.VideoThumbnail_thumbnail__IEnZM:focus-visible .VideoThumbnail_imageWrapper__J3n97,.VideoThumbnail_thumbnail__IEnZM:hover .VideoThumbnail_imageWrapper__J3n97{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.28)}.VideoThumbnail_thumbnail__IEnZM:focus-visible .VideoThumbnail_imageWrapper__J3n97{outline:2px solid var(--color-accent);outline-offset:3px}.VideoThumbnail_image__bOpxQ{display:block;width:100%;height:100%;object-fit:cover}.VideoThumbnail_overlay__8VDn_{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.35));transition:background var(--transition-fast)}.VideoThumbnail_thumbnail__IEnZM:focus-visible .VideoThumbnail_overlay__8VDn_,.VideoThumbnail_thumbnail__IEnZM:hover .VideoThumbnail_overlay__8VDn_{background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.45))}.VideoThumbnail_playIcon__VJf9h{width:46px;height:46px;padding:10px 10px 10px 12px;border-radius:50%;background-color:rgba(255,255,255,.92);color:#111;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform var(--transition-fast),background-color var(--transition-fast)}.VideoThumbnail_thumbnail__IEnZM:focus-visible .VideoThumbnail_playIcon__VJf9h,.VideoThumbnail_thumbnail__IEnZM:hover .VideoThumbnail_playIcon__VJf9h{transform:scale(1.08);background-color:#fff}.VideoThumbnail_caption__9R0wk{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-xs);line-height:1.35;font-weight:500}@media (max-width:768px){.VideoThumbnail_thumbnail__IEnZM{width:180px}.VideoThumbnail_playIcon__VJf9h{width:38px;height:38px;padding:8px 8px 8px 10px}}.pattern-detail_container__Agcwy{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.pattern-detail_backLink__zi2l1{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.pattern-detail_backLink__zi2l1:hover{color:var(--color-accent);text-decoration:none}.pattern-detail_backArrow__BscNq{font-size:.875em}.pattern-detail_header__Y22YG{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.pattern-detail_headerMain__tf82w{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.pattern-detail_headerAside__zonqD{flex-shrink:0}.pattern-detail_titleWrapper__dQjqc{display:flex;align-items:flex-start;gap:var(--space-lg)}.pattern-detail_emoji__Gb_bQ{font-size:3rem;line-height:1;flex-shrink:0}.pattern-detail_title__D0SHk{font-size:var(--font-size-3xl);margin:0;color:var(--color-text-primary);flex:1 1}.pattern-detail_category__gUXiN{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm)}.pattern-detail_category__gUXiN.pattern-detail_patterns__kNLPA{background-color:var(--color-pattern-light);color:var(--color-pattern)}.pattern-detail_category__gUXiN.pattern-detail_antiPatterns__isWqr{background-color:var(--color-anti-pattern-light);color:var(--color-anti-pattern)}.pattern-detail_category__gUXiN.pattern-detail_obstacles__oilFB{background-color:var(--color-obstacle-light);color:var(--color-obstacle)}.pattern-detail_content__UsG_z{color:var(--color-text-primary)}.pattern-detail_content__UsG_z h1:first-child{display:none}.pattern-detail_content__UsG_z h2{margin-top:var(--space-2xl);margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.pattern-detail_content__UsG_z h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.pattern-detail_content__UsG_z h3{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.pattern-detail_content__UsG_z a{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:-webkit-text-decoration-color var(--transition-fast);transition:text-decoration-color var(--transition-fast);transition:text-decoration-color var(--transition-fast),-webkit-text-decoration-color var(--transition-fast)}.pattern-detail_content__UsG_z a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.pattern-detail_content__UsG_z ol,.pattern-detail_content__UsG_z ul{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.pattern-detail_content__UsG_z li,.pattern-detail_content__UsG_z li p{margin-bottom:var(--space-sm)}.pattern-detail_content__UsG_z pre{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);overflow-x:auto;margin:var(--space-lg) 0}.pattern-detail_content__UsG_z pre code{background-color:transparent;padding:0;border:none;font-size:var(--font-size-sm)}.pattern-detail_content__UsG_z :not(pre)>code{background-color:var(--color-surface);padding:.125rem .375rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);font-size:.875em}.pattern-detail_content__UsG_z blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-lg);margin:var(--space-xl) 0;color:var(--color-text-secondary);font-style:italic}.pattern-detail_content__UsG_z table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0}.pattern-detail_content__UsG_z td,.pattern-detail_content__UsG_z th{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.pattern-detail_content__UsG_z th{font-weight:600;background-color:var(--color-surface)}.pattern-detail_content__UsG_z tr:hover{background-color:var(--color-surface-hover)}.pattern-detail_content__UsG_z img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--space-lg) 0}.pattern-detail_content__UsG_z hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0}@media (max-width:768px){.pattern-detail_container__Agcwy{padding:var(--space-xl) var(--space-lg)}.pattern-detail_header__Y22YG{flex-direction:column;gap:var(--space-md)}.pattern-detail_headerAside__zonqD{align-self:flex-start}.pattern-detail_titleWrapper__dQjqc{flex-direction:column;gap:var(--space-md)}.pattern-detail_emoji__Gb_bQ{font-size:2.5rem}.pattern-detail_title__D0SHk{font-size:var(--font-size-2xl)}.pattern-detail_content__UsG_z pre{padding:var(--space-md);font-size:var(--font-size-xs)}}