html,body{margin:0;padding:0;height:100%;overflow-x:hidden}@keyframes moveGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}body{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(270deg,indigo,#000,#1b7cdc,#000,indigo);background-size:300% 300%;animation:moveGradient 25s ease infinite;color:#e0e0e0;font-family:Fira Code,monospace}#root,.app{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(3px) brightness(.75);backdrop-filter:blur(3px) brightness(.75)}footer{flex-shrink:0;text-align:center;padding:1rem;font-size:.9rem;opacity:.7;background:#00000080;color:#ccc}.links a{color:#aeb8ff;text-decoration:none;font-weight:600;transition:color .3s ease}.links a:hover{color:#ff85a2;text-decoration:underline}.pastel-pink{color:#ffb6c1;font-weight:600}.cursor{display:inline-block;animation:blink 1s step-start infinite;color:#ffb6c1}@keyframes blink{50%{opacity:0}}.pronouns,.relationship-status,.something-status{margin-top:.5rem;font-size:.9rem;font-weight:400;opacity:.75;color:#ffb6c1;cursor:help;transition:opacity .4s ease,transform .4s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:.4;transform:translateY(-2px)}.tools{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;padding:2rem;text-align:center;box-sizing:border-box}.tools h1{margin-bottom:2rem}.section-header{cursor:pointer;color:#ffb6c1;font-size:1.6rem;margin:1rem 0;transition:color .3s ease}.section-header:hover{color:#ff85a2}.section-content{margin:0 auto;text-align:center;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.section-content li{list-style:none}.section-content a{color:#ffb6c1;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:color .3s ease}.section-content a:hover{color:#ff85a2;text-decoration:underline}.section-content img{width:20px;height:20px;border-radius:4px}.nav-links{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:1rem;font-weight:600}.nav-links a{color:#ffb6c1;text-decoration:none;padding:0 1rem;position:relative;display:flex;align-items:center;height:2.5rem}.nav-links a+a{border-left:1px solid rgba(255,182,193,.5)}.nav-links a:hover{color:#ff85a2;text-decoration:underline}