#lights{width:100%;height:100%;overflow:hidden;position:absolute}canvas{width:100%;height:100%}.bounceCardsContainer{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:400px}.card{position:absolute;width:200px;aspect-ratio:1;border:5px solid #fff;border-radius:25px;overflow:hidden;box-shadow:0 4px 10px #0003}.card .image{width:100%;height:100%;object-fit:cover}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.page{min-height:100vh;position:relative;overflow:hidden;animation:pageFade .5s ease both;filter:brightness(var(--scene-darken))}@keyframes pageFade{0%{opacity:0}to{opacity:1}}.page:after{content:"";position:absolute;inset:0;background:var(--sky-overlay);pointer-events:none;z-index:2}[data-theme=day]{--celestial-color: radial-gradient(circle, #fff3b0, #ffd60a);--celestial-glow: rgba(255, 214, 10, .7);--celestial-opacity: 1;--sky-overlay: rgba(255, 255, 255, 0);--scene-darken: 1}[data-theme=night]{--celestial-color: radial-gradient(circle, #f5f5f5, #bfc6cf);--celestial-glow: rgba(180, 200, 220, .4);--celestial-opacity: 1;--sky-overlay: rgba(10, 20, 40, .6);--scene-darken: .7}.sky{position:fixed;inset:0;z-index:1;pointer-events:none}.celestial{position:absolute;width:80px;height:80px;border-radius:50%;top:20%;left:-10%;background:var(--celestial-color);box-shadow:0 0 60px var(--celestial-glow);animation:celestialMove 60s linear infinite;opacity:var(--celestial-opacity);transition:background 1s ease,box-shadow 1s ease}@keyframes celestialMove{0%{transform:translate(0)}to{transform:translate(120vw)}}.content{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.content h1{font-size:3rem;margin-bottom:1.5rem}.react-bit{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem 3rem;border-radius:16px}.mountains{background:linear-gradient(#7fa3c7,#dfe9f3)}.mountains .background:before,.mountains .background:after{content:"";position:absolute;bottom:0;width:0;height:0;border-left:300px solid transparent;border-right:300px solid transparent}.mountains .background:before{left:15%;border-bottom:350px solid #4a5d73}.mountains .background:after{left:45%;border-bottom:450px solid #2f3e4e}.forest{background:linear-gradient(#2f6b4f,#0f2e23)}.forest .background{background:repeating-linear-gradient(90deg,transparent 0,transparent 50px,#1f4f3b 50px,#1f4f3b 100px)}.coast{background:linear-gradient(#7ec8e3 60%,#f3e5ab 60%)}.coast .background:after{content:"";position:absolute;bottom:0;width:100%;height:40%;background:#f3e5ab}.nav{position:fixed;top:24px;left:24px;z-index:100;display:flex;flex-direction:row;gap:.8rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.2rem;border-radius:14px;box-shadow:0 20px 40px #00000040}.nav a{color:#fff;text-decoration:none;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.nav a:hover{opacity:1}.nav a.active{opacity:1;font-weight:600}.theme-toggle{position:fixed;top:24px;right:24px;z-index:100;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;padding:.6rem 1rem;border-radius:999px;cursor:pointer;font-size:.9rem}.center-text{text-align:center}.title-neon{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:900;color:#0ff;text-shadow:0 0 5px #00ffff,0 0 15px #00ffff,0 0 30px #00ffff}.title-tech{font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.appQuad{min-height:100vh;background:#e5e7eb;padding:16px;box-sizing:border-box}.title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:16px}.quadrant-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:calc(100vh - 96px)}.quadrant{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;border-radius:16px;border:1px solid #d1d5db;overflow:hidden}.quadrant-header{padding:8px 12px;font-weight:600;background:#f3f4f6;border-bottom:1px solid #d1d5db}.quadrant-editor{height:120px;padding:12px;font-family:monospace;font-size:.875rem;border:none;border-bottom:1px solid #d1d5db;outline:none;resize:none;box-sizing:border-box}.quadrant-output{flex:1;padding:12px;background:#f9fafb;font-size:.875rem;overflow:auto;margin:0}.forum-page{max-width:720px;margin:4rem auto;padding:2rem;border-radius:1.5rem;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px #00000040}.forum-input{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.forum-username,.forum-textarea,.forum-edit{padding:.75rem 1rem;border-radius:.75rem;border:none;outline:none;font-size:.95rem;background:#ffffffe6}.forum-textarea{min-height:110px;resize:vertical}.forum-username:focus,.forum-textarea:focus,.forum-edit:focus{box-shadow:0 0 0 2px #00000026}.forum-button{align-self:flex-end;padding:.6rem 2rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;background:#000;color:#fff;transition:transform .15s ease,opacity .15s ease}.forum-button:hover{transform:translateY(-1px);opacity:.9}.forum-posts{display:flex;flex-direction:column;gap:1.25rem}.forum-post{padding:1.25rem;border-radius:1rem;background:#ffffffd9;box-shadow:0 10px 30px #0000001f;transition:transform .15s ease,box-shadow .15s ease}.forum-post:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000002e}.forum-post-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;opacity:.7}.forum-post p{margin:.5rem 0 .75rem;line-height:1.5}.forum-actions{display:flex;gap:.5rem}.forum-actions button{padding:.3rem .75rem;border-radius:999px;border:none;font-size:.75rem;cursor:pointer;background:#00000014;transition:background .15s ease}.forum-actions button:hover{background:#00000026}.forum-empty{text-align:center;opacity:.5;margin-top:2rem}