*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:#e6edf3;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.6;background:linear-gradient(180deg,#0d1117,#0b1016)}body{min-height:100vh;display:flex;flex-direction:column;padding:0;overflow-x:hidden}.nav{display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:1.2rem 2rem;margin-bottom:2.5rem;font-family:Fira Code,monospace;background:#0d1117a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);border-radius:0 0 16px 16px;position:sticky;top:0;z-index:1000;opacity:0;transform:translateY(-10px);animation:navEnter .6s cubic-bezier(.2,.8,.2,1) 80ms forwards;box-shadow:0 6px 20px #00000040}.nav span{color:#ffffff59;-webkit-user-select:none;user-select:none;font-size:1.5rem}.nav a{color:#e6edf3;text-decoration:none;font-size:1.3rem;font-weight:600;letter-spacing:.5px;transition:color .3s ease,text-shadow .3s ease}.nav a:hover{color:#58a6ff;text-shadow:0 0 8px rgba(88,166,255,.7)}.nav a:active,.nav a.router-link-active{color:#ffa657;text-shadow:0 0 10px rgba(255,166,87,.8)}header{text-align:center;margin:3rem 0 2rem}header h1{font-size:3.5rem;font-weight:700;color:#58a6ff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px rgba(88,166,255,.7),0 0 24px rgba(88,166,255,.4);margin-bottom:1rem}header h2{font-size:1.4rem;font-weight:400;color:#c9d1d9;letter-spacing:1px}.home{min-height:100vh;width:100%;background:linear-gradient(180deg,#0d1117,#0b1016);display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;padding:2rem}.home section{display:flex;flex-direction:column;gap:.75rem}.home label{font-size:.95rem;color:#8b949e}.home select{appearance:none;font:inherit;color:#e6edf3;background:#0f1621;border:1px solid #243042;border-radius:10px;padding:.6rem .9rem;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.home select:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.home textarea{flex:1;min-height:72vh;width:100%;resize:none;padding:1rem;font:inherit;font-size:1rem;line-height:1.55;color:#e6edf3;background:#0b121b;border:1px solid #1f2a3a;border-radius:12px;outline:none;box-shadow:inset 0 0 0 1px #ffffff0a;transition:border-color .2s,box-shadow .2s,background .2s}.home textarea:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff2e,inset 0 0 0 1px #ffffff0d;background:#0d1724}.home>button{align-self:center;justify-self:center;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle at 30% 30%,#142032,#0e1624);color:#e6edf3;font-size:2rem;cursor:pointer;box-shadow:0 10px 24px #00000059;transition:transform .18s,box-shadow .2s,border-color .2s,background .2s}.home>button:hover{transform:translateY(-2px) scale(1.05);border-color:#58a6ff;box-shadow:0 14px 30px #00000073,0 0 18px #58a6ff33}.home>button:active{transform:scale(.97)}footer{width:100%;text-align:center;font-size:.9rem;color:#8b949e;padding:1.5rem 1rem;margin-top:auto;background:#0d1117cc;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 12px #00000040;border-radius:16px 16px 0 0}@media (max-width: 980px){.home{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto}.home textarea{min-height:30vh}.home>button{margin:1rem auto;width:68px;height:68px}}@keyframes navEnter{0%{opacity:0;transform:translateY(-10px)}60%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}