:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #5865F2;--primary-light: #7983f5;--primary-dark: #4752c4;--secondary: #2D3748;--accent: #EB459E;--background: #F9FAFB;--card-bg: #FFFFFF;--text-primary: #1A202C;--text-secondary: #4A5568;--error: #E53E3E;--success: #38A169;--border-color: #E2E8F0;--input-bg: #F7FAFC;--tooltip-bg: #2D3748;--tooltip-text: #FFFFFF;--border-radius: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px rgba(0,0,0,.05), 0 4px 6px rgba(0,0,0,.05);--transition: all .2s ease}[data-theme=dark]{--primary: #5865F2;--primary-light: #7983f5;--primary-dark: #4752c4;--secondary: #4A5568;--accent: #EB459E;--background: #1A1B26;--card-bg: #2D3748;--text-primary: #F7FAFC;--text-secondary: #CBD5E0;--error: #FC8181;--success: #68D391;--border-color: #4A5568;--input-bg: #2D3748;--tooltip-bg: #F7FAFC;--tooltip-text: #1A202C;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px rgba(0,0,0,.2), 0 4px 6px rgba(0,0,0,.2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:var(--background);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{max-width:1280px;margin:0 auto;padding:2rem}.container{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem}h1{text-align:center;margin-bottom:.5rem;font-weight:700;font-size:2.25rem;color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-container{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;z-index:10}.app-logo{max-height:40px;width:auto}.app-name{font-weight:700;font-size:1.25rem;margin-left:.75rem;color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;z-index:10}.docs-link{color:var(--text-primary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:var(--transition);background-color:#5865f21a}.docs-link:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.nav-links{position:relative;top:auto;left:auto;transform:none;margin-bottom:1rem}#root,.container{padding:1rem}}@media (max-width: 640px){.container{padding:.5rem}.search-container{flex-direction:column;padding:1.25rem;width:90%;max-width:100%;box-sizing:border-box}input{width:100%;min-width:0;box-sizing:border-box;padding:.75rem;margin-bottom:.5rem}button{width:100%;margin-top:.5rem}h1{font-size:1.75rem}.profile-content{padding:1.5rem}.avatar-container{width:100px;height:100px;margin:-70px auto 1.25rem}.profile-info-item{flex-direction:column;align-items:flex-start}.profile-info-item strong{margin-bottom:4px}}.search-container{display:flex;gap:.75rem;margin-top:1.5rem;width:100%;max-width:500px;background-color:var(--card-bg);padding:1.75rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:var(--transition)}.search-container:hover{box-shadow:var(--shadow-lg)}input{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:8px;width:100%;background-color:var(--input-bg);color:var(--text-primary);transition:var(--transition)}input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #5865f233}input::placeholder{color:#a0aec0}button{padding:.75rem 1.25rem;font-size:1rem;font-weight:600;background-color:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{background-color:#cbd5e0;cursor:not-allowed;transform:none}.error{width:100%;max-width:500px;background-color:var(--card-bg);border-left:4px solid var(--error);border-radius:8px;padding:1.25rem;margin-top:1.5rem;box-shadow:var(--shadow-sm);color:var(--text-primary);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error p{margin:.5rem 0}.error strong{color:var(--error)}.error pre{background-color:#fff;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.9rem;border:1px solid #FED7D7;margin-top:.75rem}.profile{background-color:var(--card-bg);border-radius:var(--border-radius);width:100%;max-width:500px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg);transition:var(--transition);animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile:hover{transform:translateY(-5px)}.banner-image{width:100%;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.banner-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--card-bg),transparent)}.banner-image .gif-indicator{top:10px;right:10px;bottom:auto}.share-button-left{position:absolute!important;top:10px!important;left:10px!important;background-color:#5865f2d9!important;color:#fff!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:5!important;transition:var(--transition)!important;box-shadow:var(--shadow-sm)!important;border:none!important;padding:0!important;margin:0!important}.share-button-left:hover{background-color:var(--primary)!important;transform:scale(1.1)!important;box-shadow:var(--shadow-md)!important}.share-button-left .share-icon{width:14px!important;height:14px!important;stroke:#fff!important;stroke-width:2!important}.profile-content{padding:2rem;position:relative;display:flex;flex-direction:column;align-items:center}.avatar-container{position:relative;width:120px;height:120px;margin:-80px auto 1.5rem}.avatar{width:100%;height:100%;border-radius:50%;border:6px solid var(--card-bg);position:relative;z-index:1;object-fit:cover;box-shadow:var(--shadow-md);transition:var(--transition)}.avatar:hover{transform:scale(1.05)}.gif-indicator{position:absolute;bottom:0;right:0;background-color:#5865f2e6;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:3;box-shadow:var(--shadow-sm);text-transform:uppercase}.avatar-decoration{position:absolute;top:-10%;left:-7.5%;width:130%;height:130%;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:pulse 5s infinite alternate}@keyframes pulse{0%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}to{filter:drop-shadow(0 4px 8px rgba(88,101,242,.3))}}.profile h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center}.profile p{margin:.5rem 0 0;color:var(--text-secondary);font-size:.95rem;text-align:center}.profile-info{display:flex;flex-direction:column;width:100%;gap:12px;margin-top:1rem}.profile-info-item{margin-bottom:12px;display:flex;align-items:center;gap:8px}.profile-info-item strong{display:flex;align-items:center;min-width:80px;gap:5px;line-height:1.2}.badges-container{align-items:flex-start}.badges-content{display:flex;flex-wrap:wrap;gap:6px;margin-left:0}.badges-section{display:flex;align-items:center;margin:1rem 0;flex-wrap:wrap;gap:.5rem}.badges-title{display:inline-flex;align-items:center;margin-right:.25rem;gap:4px}.badge{position:relative;cursor:help;background-color:transparent;padding:0;border-radius:0;transition:var(--transition);display:inline-flex;align-items:center}.badge:hover{transform:translateY(-3px) scale(1.1)}.badge:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--tooltip-bg);color:var(--tooltip-text);border-radius:6px;font-size:.9em;white-space:nowrap;z-index:100;margin-bottom:8px;box-shadow:var(--shadow-md)}.badge-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1));vertical-align:middle}.info-icon{width:16px;height:16px;stroke:var(--primary);flex-shrink:0;margin-top:2.5px}.badge-custom-icon{width:20px;height:20px;stroke:var(--primary);fill:none;transform:translateY(-2px);transition:transform .3s ease,stroke .3s ease}.badge-custom-icon:hover{transform:translateY(-3px) scale(1.1);stroke:var(--accent)}.theme-toggle{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10;padding:0}.app-logo{position:absolute;top:1rem;right:94.5rem;width:40px;height:40px}.theme-toggle:hover{background-color:#5865f21a;transform:none}.theme-icon{width:24px;height:24px}.search-history{width:100%;max-width:500px;background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.25rem;margin-top:.5rem;margin-bottom:.5rem;box-shadow:var(--shadow-md);animation:fadeIn .3s ease;position:relative;z-index:10}.search-history h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:var(--text-primary)}.search-history ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.search-history li{display:flex;margin-bottom:8px}.history-item{width:100%;text-align:left;background-color:var(--input-bg);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;transition:var(--transition);font-weight:400;display:flex;justify-content:space-between;align-items:center}.history-item:hover{background-color:var(--primary-light);color:#fff}.history-item-content{flex:1}.remove-icon-container{width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:opacity .2s ease;margin-left:8px;border-radius:50%}.remove-icon-container:hover{opacity:1;background-color:#fff3}.remove-icon{width:18px;height:18px;stroke:var(--error)}.history-item:hover .remove-icon{stroke:#fff}.search-history li button:first-child{flex:1}.search-history li button strong{display:block;font-size:1.1rem;margin-bottom:4px;color:var(--primary)}.history-id{display:block;font-size:.8rem;color:var(--text-secondary);opacity:.8;margin-top:2px}.remove-history-item{background-color:var(--error);color:#fff;padding:.5rem;font-size:.85rem;min-width:auto;opacity:.7}.remove-history-item:hover{opacity:1;background-color:var(--error)}.clear-history{margin-top:1rem;background-color:var(--secondary);width:100%}.clear-history:hover{background-color:var(--error)}.search-history li button{width:100%;text-align:left;background-color:var(--input-bg);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;transition:var(--transition);font-weight:400}.search-history li button:hover{background-color:var(--primary-light);color:#fff}.search-history p{color:var(--text-secondary);text-align:center;margin:1rem 0}.history-toggle{position:absolute;top:1.5rem;right:5rem;background:transparent;border:none;color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10;padding:0}.history-toggle:hover{background-color:#5865f21a}.history-icon{width:20px;height:20px;stroke:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-display{display:flex;align-items:center;height:24px;width:24px;border-radius:4px;margin-right:8px;border:1px solid rgba(127,127,127,.3);position:relative}.color-value{position:absolute;left:32px;top:0;background-color:var(--background-secondary);border-radius:4px;padding:2px 8px;font-size:12px;white-space:nowrap;font-family:monospace;border:1px solid rgba(127,127,127,.2);color:var(--text-primary)!important}.color-display:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (prefers-color-scheme: dark){:root{color-scheme:dark}body:not([data-theme]){--primary: #5865F2;--primary-light: #7983f5;--primary-dark: #4752c4;--secondary: #4A5568;--accent: #EB459E;--background: #1A1B26;--card-bg: #2D3748;--text-primary: #F7FAFC;--text-secondary: #CBD5E0;--error: #FC8181;--success: #68D391;--border-color: #4A5568;--input-bg: #2D3748;--tooltip-bg: #F7FAFC;--tooltip-text: #1A202C;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px rgba(0,0,0,.2), 0 4px 6px rgba(0,0,0,.2)}}.share-success-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--success);color:#fff;padding:10px 20px;border-radius:8px;box-shadow:var(--shadow-md);font-weight:500;z-index:100;animation:fadeInUp .3s ease,fadeOut .3s ease 2.7s;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.docs-container{max-width:800px;margin:2.5rem auto 0;padding:2rem;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);color:var(--text-primary)}.docs-container h1{text-align:center;margin-bottom:2rem;font-weight:700;font-size:2rem;color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.docs-section{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.docs-section:last-child{border-bottom:none}.docs-section h2{color:var(--primary);margin-bottom:1rem;font-size:1.5rem}.docs-section h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.2rem;font-weight:600}.docs-section p,.docs-section li{margin-bottom:.75rem;line-height:1.6;color:var(--text-secondary)}.docs-section strong{color:var(--text-primary);font-weight:600}.docs-section code{background-color:var(--input-bg);padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.9rem;color:var(--primary);display:inline-block;margin:.5rem 0}.docs-section ul,.docs-section ol{padding-left:1.5rem;margin-bottom:1rem}.docs-section ul ul,.docs-section ol ul,.docs-section ul ol,.docs-section ol ol{margin-top:.5rem;margin-bottom:.5rem}.back-link{margin-top:2rem;text-align:center}.back-link a{display:inline-block;background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:var(--transition)}.back-link a:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.warning-box{background-color:#eb459e1a;border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:6px}.warning-box h4{color:var(--accent);margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.warning-box p,.warning-box li{color:var(--text-secondary);margin-bottom:.5rem}.warning-box ul{margin-bottom:1rem}.not-found-container{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--card-bg);border-radius:var(--border-radius);width:100%;max-width:600px;padding:3rem 2rem;margin:2rem auto;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:fadeIn .5s ease-in-out}.not-found-code{font-size:8rem;font-weight:800;line-height:1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.8;text-shadow:0 5px 10px rgba(0,0,0,.1);font-family:Inter,sans-serif}.not-found-title{font-size:2.25rem;margin-bottom:1rem;color:var(--text-primary)}.not-found-message{font-size:1.1rem;max-width:450px;margin-bottom:2rem;color:var(--text-secondary);line-height:1.6}.not-found-illustration{margin:1rem 0 2.5rem;color:var(--primary);opacity:.75;transition:transform .3s ease,opacity .3s ease}.not-found-illustration:hover{transform:scale(1.05);opacity:1}.not-found-actions{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.home-button{background-color:var(--primary);color:#fff;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md)}.home-button:hover{transform:translateY(-2px);background-color:var(--primary-dark);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.not-found-code{font-size:6rem}.not-found-title{font-size:1.75rem}.not-found-message{font-size:1rem}.not-found-container{padding:2rem 1.5rem;margin:1rem auto}}