:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(#141414 1px,transparent 1px),linear-gradient(90deg,#141414 1px,transparent 1px),#0a0a0a;background-size:60px 60px}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 0%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:0}.hero{position:relative;z-index:1;text-align:center}h1{margin:0 0 1rem;font-size:5rem;font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff}.subtitle{margin:0;font-size:1.15rem;color:#ffffff80;letter-spacing:.04em}.input-row{margin-top:2.5rem;display:flex;gap:0}.url-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-right:none;border-radius:.5rem 0 0 .5rem;padding:1rem 1.25rem;font-family:inherit;font-size:1.1rem;color:#fff;outline:none;transition:border-color .2s,background .2s}.url-input::placeholder{color:#ffffff4d}.url-input:focus{border-color:#fff6;background:#ffffff14}.generate-btn{background:#fff;color:#0a0a0a;border:1px solid #fff;border-radius:0 .5rem .5rem 0;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .15s}.generate-btn:hover{background:#ffffffe6;box-shadow:0 0 20px #ffffff26;transform:translateY(-1px)}.generate-btn:active{transform:translateY(0);box-shadow:none}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result{margin-top:2.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;animation:fade-in .4s ease-out}.short-url{font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.02em}.copy-btn{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s}.copy-btn:hover{color:#fff;border-color:#ffffff73}.repo-card{margin-top:2rem;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1.75rem 2rem;max-width:28rem;width:100%;animation:fade-in .4s ease-out .15s both}.repo-name{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.02em}.repo-desc{margin:0 0 1.25rem;font-size:.95rem;color:#ffffff80;line-height:1.5}.pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.pill{display:inline-block;font-family:inherit;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:9999px}.pill--gray{color:#fff9;border:1px solid rgba(255,255,255,.2)}.pill--green{color:#4ade80;border:1px solid rgba(74,222,128,.35)}.pill--blue{color:#60a5fa;border:1px solid rgba(96,165,250,.35)}.pill--orange{color:#fb923c;border:1px solid rgba(251,146,60,.35)}.owner-did{margin:0;font-size:.8rem;color:#ffffff4d;word-break:break-all}.footer{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;font-size:.75rem;color:#fff3;letter-spacing:.03em;z-index:1;padding:0 1rem}@media(max-width:640px){.shell{padding:1.5rem 1rem;background-size:40px 40px}h1{font-size:2.75rem}.subtitle{font-size:.95rem}.input-row{flex-direction:column;gap:0;margin-top:2rem}.url-input{border-right:1px solid rgba(255,255,255,.15);border-radius:.5rem .5rem 0 0;font-size:1rem;padding:.9rem 1rem}.url-input:focus{border-color:#fff6}.generate-btn{border-radius:0 0 .5rem .5rem;font-size:1rem;padding:.9rem 1.5rem}.result{flex-direction:column;gap:.75rem;margin-top:2rem}.short-url{font-size:1.5rem}.repo-card{padding:1.25rem;max-width:100%}.repo-name{font-size:1.35rem}.repo-desc{font-size:.85rem}.owner-did{font-size:.7rem}}