:root{--primary-bg:#121212;--secondary-bg:#1e1e1e;--accent-primary:#2d76cc;--accent-secondary:#28a746;--text-primary:#ffffff;--text-secondary:#b0b0b0;--border-color:rgba(255,255,255,0.1);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--header-height:80px;--border-radius-soft:10px;--border-radius-round:24px;--transition-speed:0.3s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--primary-bg);color:var(--text-primary);line-height:1.6;padding-top:var(--header-height);overflow-x:hidden}header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:var(--secondary-bg);box-shadow:0 4px 15px rgba(0,0,0,0.2);z-index:1000;border-bottom:1px solid var(--border-color)}.header__container{max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.header__mobile-actions{display:none;gap:8px;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;gap:12px;flex-shrink:0}.logo-link img{width:48px;height:48px;object-fit:contain}header h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);transition:transform var(--transition-speed) ease,color var(--transition-speed);white-space:nowrap}.logo-link:hover h1{color:var(--accent-primary);transform:scale(1.02)}.search-container{flex-grow:1;max-width:550px;min-width:220px;margin:0 24px;display:flex;align-items:center}.search-wrapper{display:flex;align-items:center;background:var(--primary-bg);border-radius:var(--border-radius-soft);padding:0 16px;transition:all var(--transition-speed);border:1.5px solid var(--border-color);height:44px;width:100%}.search-wrapper:hover{background:rgba(255,255,255,0.04);border-color:rgba(45,118,204,0.5)}.search-wrapper:focus-within{background:rgba(255,255,255,0.06);border-color:var(--accent-primary)}#subject-search{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;padding:8px 0}#subject-search::placeholder{color:var(--text-secondary);opacity:0.85}.mobile-search-toggle{display:none;align-items:center;justify-content:center;background:#1d5bb1;border:1.5px solid #1d5bb1;border-radius:50%;color:#ffffff;cursor:pointer;height:44px;width:44px;transition:all 0.2s ease}.mobile-search-toggle:hover{background:#1d5bb1;border-color:#1d5bb1;transform:scale(1.05)}.mobile-search-toggle.active{background:#1d5bb1;border-color:#1d5bb1}.search-icon-svg{height:22px;width:22px}.search-dropdown{position:absolute;background:var(--secondary-bg);border:1.5px solid var(--accent-primary);border-radius:var(--border-radius-soft);box-shadow:0 8px 32px rgba(0,0,0,0.3);z-index:3000;max-height:65vh;overflow-y:auto;display:none;padding:8px 0;min-width:380px;animation:fadeInDropdown 0.25s ease}@keyframes fadeInDropdown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-section-header{font-size:0.85rem;font-weight:700;color:var(--accent-primary);padding:8px 16px 6px 16px;background:rgba(45,118,204,0.08);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:0.5px}.search-section-list{display:flex;flex-direction:column;padding:4px}.search-result-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all 0.2s ease;background:rgba(255,255,255,0.03);border-radius:8px;margin:2px 4px;min-height:42px;border:1px solid transparent}.search-result-row:hover,.search-result-row.active{background:linear-gradient(135deg,rgba(45,118,204,0.2) 0%,rgba(45,118,204,0.1) 100%);transform:translateX(4px);border-color:rgba(45,118,204,0.3)}.search-result-row .result-name{font-size:0.95rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.3;word-break:break-word}.search-result-row:hover .result-name{color:var(--accent-primary)}.search-result-row mark{background:rgba(45,118,204,0.4);color:#ffffff;padding:2px 5px;border-radius:4px;font-weight:700}.result-type-label{display:flex;align-items:center;gap:4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;border-radius:10px;padding:4px 10px;background:rgba(45,118,204,0.15);color:var(--accent-primary);border:1.5px solid var(--accent-primary);min-width:65px;justify-content:center;height:26px;flex-shrink:0;letter-spacing:0.3px}.result-type-label svg{width:12px;height:12px}.result-shortcode{background:rgba(45,118,204,0.15);color:var(--accent-primary);border:1.5px solid rgba(45,118,204,0.5);border-radius:6px;padding:3px 10px;font-weight:700;font-size:0.8rem;text-transform:uppercase;height:26px;flex-shrink:0;display:inline-flex;align-items:center;letter-spacing:0.3px}.result-branch{color:#8ab4f8;font-size:0.85rem;font-weight:600;height:26px;flex-shrink:0;display:inline-flex;align-items:center}.search-no-results{padding:24px;text-align:center;color:var(--text-secondary);font-size:1rem;font-style:italic}.header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.submit-button,.copy-button{padding:0 20px;border-radius:var(--border-radius-round);font-weight:600;font-size:0.95rem;text-transform:uppercase;text-decoration:none;transition:all var(--transition-speed);border:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:42px;min-width:130px}.submit-button{background-color:var(--accent-primary);color:#fff;border:1.5px solid var(--accent-primary)}.submit-button:hover{background-color:#1d5bb1;transform:translateY(-2px)}.copy-button{background-color:#d43b3b;color:#fff;border:1.5px solid #d43b3b}.copy-button:hover{background-color:#b71c1c;border-color:#b71c1c;transform:translateY(-2px)}.mobile-menu-toggle{display:none;background:var(--accent-secondary);border:1.5px solid var(--accent-secondary);border-radius:8px;color:#ffffff;cursor:pointer;padding:8px;z-index:1001;height:44px;width:44px;align-items:center;justify-content:center;transition:all 0.2s ease}.mobile-menu-toggle:hover{background:#1f8736;border-color:#1f8736;transform:scale(1.05)}.menu-icon{position:relative;width:24px;height:2px;background-color:#ffffff;display:block;transition:all 0.3s ease}.menu-icon::before,.menu-icon::after{content:'';position:absolute;width:24px;height:2px;background-color:#ffffff;left:0;transition:all 0.3s ease}.menu-icon::before{top:-8px}.menu-icon::after{top:8px}.mobile-menu-toggle.active{background:#d43b3b;border-color:#d43b3b}.mobile-menu-toggle.active .menu-icon{background-color:transparent}.mobile-menu-toggle.active .menu-icon::before{transform:rotate(45deg);top:0}.mobile-menu-toggle.active .menu-icon::after{transform:rotate(-45deg);top:0}.mobile-menu{display:none;flex-direction:column;position:fixed;top:0;right:0;width:85vw;max-width:320px;height:100vh;background:linear-gradient(135deg,var(--secondary-bg) 0%,#1a1a1a 100%);box-shadow:-4px 0 24px rgba(0,0,0,0.5);z-index:2000;padding:4rem 1.5rem 2rem 1.5rem;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);border-left:3px solid var(--accent-primary)}.mobile-menu.open{display:flex;transform:translateX(0)}.mobile-menu__header{padding:0 1rem 1.5rem 1rem;border-bottom:2px solid var(--accent-primary);margin-bottom:1.5rem}.mobile-menu__title{font-size:1.4rem;font-weight:700;color:var(--accent-primary);display:flex;align-items:center;gap:10px}.mobile-menu__items{display:flex;flex-direction:column;gap:6px;flex:1}.mobile-menu a{color:var(--text-primary);text-decoration:none;font-size:1.05rem;font-weight:500;padding:1rem 1.2rem;border-radius:10px;transition:all 0.2s ease;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.04);margin-bottom:4px;border:1px solid transparent}.mobile-menu a:hover{background:rgba(45,118,204,0.2);transform:translateX(8px);color:var(--accent-primary);border-color:rgba(45,118,204,0.4)}.mobile-menu a.submit-button,.mobile-menu a.copy-button,.mobile-menu a.github-button,.mobile-menu a.contact-button{display:flex;justify-content:center;align-items:center;margin-top:1rem;padding:12px 14px;border-radius:var(--border-radius-round);font-weight:700;font-size:0.95rem;text-transform:uppercase;text-decoration:none;color:#fff;border:1.5px solid transparent;transition:all var(--transition-speed);width:100%;gap:8px}.mobile-menu a.submit-button{background-color:var(--accent-primary);border-color:var(--accent-primary)}.mobile-menu a.submit-button:hover{background-color:#1d5bb1;transform:translateY(-2px)}.mobile-menu a.copy-button{background-color:#d43b3b;border-color:#d43b3b}.mobile-menu a.copy-button:hover{background-color:#b71c1c;transform:translateY(-2px)}.mobile-menu a.contact-button{background-color:var(--accent-secondary);border-color:var(--accent-secondary)}.mobile-menu a.contact-button:hover{background-color:#1f8736;transform:translateY(-2px)}.mobile-menu a.github-button{background-color:#24292e;border-color:#24292e}.mobile-menu a.github-button:hover{background-color:#2f3437;transform:translateY(-2px)}.mobile-menu a.github-button svg{display:inline-block;vertical-align:middle;color:#fff}.mobile-menu a:not(.submit-button):not(.copy-button):not(.github-button):not(.contact-button){padding:0.9rem 1.2rem;border-radius:10px}.mobile-menu__close{position:absolute;top:0.9rem;right:0.9rem;background:rgba(212,59,59,0.12);border:1.5px solid rgba(212,59,59,0.25);color:#ffdddd;font-size:22px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:transform 0.18s ease,background 0.18s ease,color 0.18s ease;box-shadow:0 8px 20px rgba(0,0,0,0.45);z-index:10;line-height:1}.mobile-menu__close:hover,.mobile-menu__close:focus{background:#d43b3b;border-color:#d43b3b;color:#fff;transform:rotate(90deg) scale(1.05);outline:none}@media (max-width:1024px){.search-container{max-width:400px;margin:0 16px}}@media (max-width:899px){:root{--header-height:70px}body{padding-top:var(--header-height)}header{height:var(--header-height)}.header__container{padding:0 12px}.header__mobile-actions{display:flex}.header__actions{display:none !important}.mobile-menu-toggle,.mobile-search-toggle{display:flex}.search-container{position:fixed;top:var(--header-height);left:0;width:100vw;max-width:100vw;background:var(--secondary-bg);z-index:999;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;padding:14px;margin:0;box-shadow:0 4px 16px rgba(0,0,0,0.3);border-bottom:2px solid var(--accent-primary)}.search-container.active{transform:translateY(0);opacity:1;visibility:visible}.search-wrapper{height:48px;padding:0 14px;background:var(--primary-bg);border:2px solid var(--accent-primary)}#subject-search{font-size:1rem;padding:8px 0;color:var(--text-primary) !important}.search-dropdown{position:fixed !important;top:calc(var(--header-height) + 72px) !important;left:0 !important;width:100vw !important;min-width:0;max-width:100vw;border-radius:0 0 12px 12px;border:none;border-top:2px solid var(--accent-primary);max-height:60vh}.search-section-header{font-size:0.75rem;padding:6px 12px 5px 12px;letter-spacing:0.8px}.search-result-row{padding:8px 10px;min-height:38px;gap:8px;margin:1px 3px}.search-result-row .result-name{font-size:0.9rem !important;font-weight:600 !important;line-height:1.25}.result-type-label{font-size:0.65rem;padding:3px 8px;min-width:55px;height:22px;border-radius:8px;gap:3px;letter-spacing:0.2px}.result-type-label svg{width:10px;height:10px}.result-shortcode{font-size:0.7rem;padding:2px 8px;height:22px;border-radius:5px;letter-spacing:0.2px}.result-branch{font-size:0.75rem;height:22px}.search-result-row.subject-result{flex-direction:column;align-items:flex-start;padding:10px 12px;gap:4px}.search-result-row.subject-result .result-name{font-size:0.95rem !important;width:100%}.search-result-row.subject-result .result-branch{font-size:0.7rem;color:var(--text-secondary);font-weight:500;height:auto}header h1{font-size:1.4rem}.logo-link img{width:44px;height:44px}.mobile-menu{padding:3.5rem 1.2rem 1.5rem 1.2rem}.mobile-menu__close{top:0.8rem;right:0.8rem;width:38px;height:38px;font-size:24px}}@media (max-width:480px){.header__container{padding:0 8px}header h1{font-size:1.2rem}.logo-link{gap:8px}.logo-link img{width:40px;height:40px}.mobile-search-toggle,.mobile-menu-toggle{width:40px;height:40px}.search-container{padding:12px}.search-wrapper{height:46px}.search-dropdown{top:calc(var(--header-height) + 66px) !important}.search-result-row{padding:7px 8px;min-height:36px}.search-result-row .result-name{font-size:0.85rem !important}.result-type-label{font-size:0.6rem;padding:2px 6px;min-width:50px;height:20px}.result-shortcode{font-size:0.65rem;padding:2px 6px;height:20px}.result-branch{font-size:0.7rem;height:20px}.mobile-menu{width:90vw;padding:3rem 1rem 1.2rem 1rem}.mobile-menu__close{width:36px;height:36px;font-size:22px;top:0.7rem;right:0.7rem}}@media (min-width:900px){.mobile-search-toggle,.mobile-menu-toggle,.mobile-menu{display:none !important}.search-container{display:block !important;position:static;width:auto;max-width:550px;margin:0 24px;padding:0;background:none;border:none;transform:none;opacity:1;visibility:visible}}