:root{--bg-site:oklch(17% .02 255);--bg-card:oklch(23% .02 260);--text-body:oklch(100% 0 0);--text-heading:oklch(60% .14 255);--color-link:oklch(45% .18 35);--color-icon:oklch(30% .06 255);--color-border:oklch(30% .06 255);--color-muted:oklch(60% .015 255);--color-success:oklch(60% .15 150);--color-error:oklch(60% .18 25);--font-body:system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-site);color:var(--text-body);font-family:var(--font-body);flex-direction:column;min-height:100vh;margin:0;padding:0;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin-top:0}a{color:var(--color-link);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.glass{background:color-mix(in oklch, var(--bg-card) 60%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff0d}.btn{text-align:center;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:filter .2s,transform .1s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--text-heading);color:var(--bg-site)}.btn-icon{color:var(--text-body);background:0 0;border:1px solid #0000;padding:.5rem}.btn-icon:hover{background:var(--color-border);border:1px solid var(--color-border)}.top-menu{z-index:50;border-bottom:1px solid var(--color-border);position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.menu-container{text-align:center;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo h1{margin:0;font-size:1.8rem}.logo .subtitle{color:var(--color-muted);margin:0;font-size:.9rem}.main-container{flex:1;width:100%;max-width:1200px;margin:2rem auto;padding:0 2rem}.input-section{text-align:center;border-radius:8px;margin-bottom:3rem;padding:2rem}.input-wrapper{gap:.5rem;max-width:600px;margin:1.5rem auto .5rem;display:flex}.input-wrapper input{border:1px solid var(--color-border);background-color:var(--bg-site);color:var(--text-body);border-radius:4px;outline:none;flex:1;padding:1rem;font-size:1rem;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--text-heading)}.error-message{color:var(--color-error);min-height:1.5rem;margin:0;font-size:.9rem}.cards-section{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.card{text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000004d}.card-icon{background-color:var(--color-border);width:60px;height:60px;color:var(--text-heading);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.card-title{margin-bottom:.5rem;font-size:1.2rem}.card-link-container{background:var(--bg-site);border:1px solid var(--color-border);border-radius:20px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.5rem 1rem;display:flex}.card-link{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 30px);font-family:monospace;font-size:.9rem;overflow:hidden}.card-description{color:var(--color-muted);margin-top:auto;font-size:.9rem}.copy-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;transition:color .2s;display:flex}.copy-btn:hover{color:var(--text-body)}.toast{background-color:var(--color-success);color:var(--bg-site);z-index:100;border-radius:4px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(150%)}.toast.show{transform:translateY(0)}.bottom-menu{border-top:1px solid var(--color-border);margin-top:auto;padding:2rem}.footer-container{text-align:center;max-width:1200px;margin:0 auto}.gitea-link{justify-content:center;align-items:center;margin:1rem 0;display:flex}.github-button{background-color:var(--bg-card);color:var(--text-body);border:1px solid var(--color-border);border-radius:6px;align-items:center;padding:10px 20px;font-size:16px;text-decoration:none;transition:all .2s;display:inline-flex}.github-button:hover{background-color:var(--color-border);opacity:1}.github-button svg{fill:currentColor;margin-right:10px}.section-divider{background-color:var(--color-border);border:0;height:1px;margin:4rem 0 3rem}.contribute-section{text-align:center;border-radius:8px;max-width:800px;margin:0 auto 2rem;padding:2rem}.contribute-section p{color:var(--color-muted);margin-bottom:1.5rem}@media (width<=768px){.input-wrapper{flex-direction:column}.cards-section{grid-template-columns:1fr}}