@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;place-items:center;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{background-color:#0fc;color:#000;padding:10px;margin-top:20px;border:2px solid #00ffcc;cursor:pointer;transition:background .3s,color .3s}button:hover{background-color:#f0f;color:#fff}@media screen and (max-width: 768px){body{padding:0 10px}h1{font-size:2.5em}button{width:100%;padding:15px;font-size:1rem}}.retro-header{background-color:#000;color:#0fc;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;font-family:"Press Start 2P",cursive}.logo{font-size:1.5rem}.nav-links ul{list-style:none;display:flex;padding:0;margin:0}.nav-links li{margin-left:20px}.nav-links li a{color:#0fc;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#f0f}<<<<<<< HEAD @media (max-width: 768px){.retro-header{flex-direction:column;align-items:center;text-align:center;padding:1rem}.logo{font-size:1.2rem;margin-bottom:1rem}.nav-links ul{flex-direction:column;gap:10px;align-items:center}.nav-links li{margin-left:0}.nav-links li a{font-size:.9rem}}======= @media screen and (max-width: 768px){.retro-header{flex-direction:column;padding:1rem}.logo{font-size:1.2rem;margin-bottom:10px}.nav-links ul{flex-direction:column;margin-top:10px}.nav-links li{margin-left:0;margin-bottom:10px}}>>>>>>> d0fa5cba56b493b037b5c83f0914c5838b4d2906 #root{width:180%;margin:0 auto;text-align:center}.landing-page{background:#111;color:#0fc;font-family:"Press Start 2P",cursive;padding:2rem;text-align:center;min-height:100vh;margin:0 auto}.welcome-title{font-size:3rem;margin-bottom:2rem;text-shadow:0px 0px 10px #00ffcc}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.card{background:#222;border:2px solid #00ffcc;padding:1rem;border-radius:8px;text-align:left;box-shadow:0 0 15px #0fc}.card h3{font-size:1.2rem;margin-bottom:1rem;text-shadow:0px 0px 5px #ff00ff}.card ul{list-style:square;margin-left:1rem;margin-bottom:1rem}.card ul li{margin-bottom:.5rem}.retro-btn{background:#0fc;color:#000;border:2px solid #00ffcc;padding:.5rem 1rem;cursor:pointer;transition:background .3s ease,color .3s ease;font-family:inherit;font-size:.9rem}.retro-btn:hover{background:#f0f;color:#fff}.profile-container{background-color:#111;color:#0fc;font-family:"Press Start 2P",cursive;padding:3rem;min-height:100vh;width:197vh;display:flex;flex-direction:column;align-items:center}.profile-info{background-color:#222;border:2px solid #00ffcc;padding:20px;margin:20px 0;border-radius:10px;width:100%;max-width:900px;box-shadow:0 0 10px #f0f}.profile-info h3{font-size:1.5rem;margin-bottom:1rem;text-shadow:0px 0px 5px #ff00ff}.profile-info p{margin:10px 0;font-size:1rem}.edit-button{background-color:#0fc;color:#000;padding:10px 20px;border:2px solid #00ffcc;cursor:pointer;transition:background .3s,color .3s;font-family:"Press Start 2P",cursive;margin-top:20px}.edit-button:hover{background-color:#f0f;color:#fff}.preferences-form{background-color:#222;border:2px solid #00ffcc;padding:20px;border-radius:10px;width:100%;max-width:900px;box-shadow:0 0 10px #f0f}.preferences-form h3{font-size:1.5rem;margin-bottom:1rem;text-shadow:0px 0px 5px #ff00ff}.preferences-form label{font-size:1.2rem;margin-top:10px}.plan-container{font-family:"Press Start 2P",cursive;background-color:#111;color:#0fc;padding:3rem;min-height:100vh;width:197vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.create-task,.task-list{margin:20px 0;width:100%;max-width:1200px}.task-field label{color:#0fc;font-size:1.2rem}.task{background-color:#222;color:#0fc;padding:15px;margin:10px 0;border-radius:10px;box-shadow:0 0 10px #f0f}.completed{background-color:#444;text-decoration:line-through}.muzic-container{background-color:#111;color:#0fc;font-family:"Press Start 2P",cursive;padding:3rem;min-height:100vh;width:197vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.mood-selector{display:flex;gap:20px;margin-top:20px}.mood-songs{margin-top:20px;width:100%;max-width:1200px}.mood-songs h3{font-size:1.5rem;text-align:center;margin-bottom:1rem}.mood-songs ul{list-style-type:none;padding:0}.mood-songs li{background-color:#222;padding:10px;margin:5px 0;border-radius:6px;box-shadow:0 0 5px #f0f}.community-container{background-color:#111;color:#0fc;font-family:"Press Start 2P",cursive;padding:3rem;min-height:100vh;width:197vh;display:flex;flex-direction:column;align-items:center}.post-card{background-color:#222;color:#0fc;padding:15px;margin:10px 0;border-radius:10px;box-shadow:0 0 10px #f0f;width:100%;max-width:900px}.post-card h3{font-size:1.5rem;margin-bottom:1rem;text-shadow:0px 0px 5px #ff00ff}.post-card p{font-size:1rem}.create-post{background-color:#222;border:2px solid #00ffcc;padding:20px;margin-top:20px;border-radius:10px;width:100%;max-width:900px;box-shadow:0 0 10px #f0f}.create-post h3{font-size:1.5rem;margin-bottom:1rem;text-shadow:0px 0px 5px #ff00ff}.create-post label{font-size:1.2rem;margin-top:10px}.submit-post-button{background-color:#0fc;color:#000;padding:10px;margin-top:10px;border:2px solid #00ffcc;cursor:pointer;transition:background .3s,color .3s;font-family:"Press Start 2P",cursive}.submit-post-button:hover{background-color:#f0f;color:#fff}.dashboard-container{background-color:#111;color:#0fc;font-family:"Press Start 2P",cursive;padding:3rem;min-height:100vh;width:197vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stats{display:flex;justify-content:space-around;width:100%;margin-top:2rem}.stat{background-color:#222;color:#0fc;padding:20px;border-radius:10px;box-shadow:0 0 10px #f0f;text-align:center}.stat h3{font-size:2.5rem;margin-bottom:1rem}.recent-activities{margin-top:30px;width:100%;max-width:1200px}.activity{background-color:#222;color:#0fc;padding:15px;margin:10px 0;border-radius:10px;box-shadow:0 0 10px #f0f}.activity h4{font-size:1.5rem}.activity p{font-size:1rem}.chatbox-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#111;color:#0fc;font-family:"Press Start 2P",cursive;padding:2rem;min-height:100vh}.chatbox-title{margin-bottom:1rem;text-shadow:0px 0px 10px #00ffcc}.chat-window{flex-grow:1;background-color:#222;border:2px solid #00ffcc;border-radius:10px;box-shadow:0 0 15px #f0f;width:100%;max-width:800px;height:400px;overflow-y:auto;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:10px}.message{margin:5px 0;padding:10px;border-radius:6px;box-shadow:0 0 5px #f0f;max-width:80%;word-wrap:break-word}.chatbot-message{background-color:#0fc;color:#111;align-self:flex-start}.user-message{background-color:#f0f;color:#111;align-self:flex-end}.message-user{font-weight:700}.input-container{display:flex;gap:10px;width:100%;max-width:800px}.chat-input{flex-grow:1;background-color:#222;border:2px solid #00ffcc;color:#0fc;padding:10px;border-radius:6px;font-family:"Press Start 2P",cursive}.chat-input::placeholder{color:#0fc}.send-button{background-color:#0fc;color:#111;border:2px solid #00ffcc;padding:10px 20px;border-radius:6px;font-family:"Press Start 2P",cursive;cursor:pointer}.send-button:hover{background-color:#f0f;color:#fff}<<<<<<< HEAD @media (max-width: 768px){#root{width:100%;margin:0 auto;text-align:center}body{overflow-x:hidden}.landing-page{padding:1rem}.welcome-title{font-size:1.7rem;margin-bottom:1rem}.categories{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.card{width:100%;box-sizing:border-box;word-wrap:break-word}.card h3{font-size:1rem}.card ul{padding-left:1rem}.card ul li{font-size:.9rem}.retro-btn{padding:.5rem;font-size:.8rem}.profile-container{padding:1rem;width:100%}.profile-info{padding:10px;margin:10px 0}.profile-info h3{font-size:1.2rem}.profile-info p{font-size:.9rem}.edit-button{padding:8px 16px;font-size:.9rem}.preferences-form{padding:10px}.preferences-form h3{font-size:1.2rem}.preferences-form label{font-size:1rem}.plan-container{width:100%;padding:.1rem}.create-task,.task-list{width:100%}.task{width:95%;box-sizing:border-box}.task-field label{font-size:1rem}.muzic-container{width:100%;padding:.1rem}.mood-selector{flex-direction:column;gap:10px}.mood-songs{width:100%}.mood-songs h3{font-size:1.2rem}.mood-songs li{width:100%;box-sizing:border-box}.community-container{padding:1rem;width:100%}.post-card{width:100%;box-sizing:border-box;word-wrap:break-word}.post-card h3{font-size:1.2rem}.post-card p{font-size:.9rem}.create-post{padding:10px}.create-post h3{font-size:1.2rem}.create-post label{font-size:1rem}.submit-post-button{padding:8px;font-size:.9rem}.dashboard-container{width:100%;padding:.1rem}.stats{flex-direction:column;gap:10px}.stat{width:100%;box-sizing:border-box}.stat h3{font-size:1.5rem}.recent-activities{width:100%}.activity{width:100%;box-sizing:border-box}.activity h4{font-size:1.2rem}.activity p{font-size:.9rem}.chatbox-container{padding:1rem}.chat-window{width:95%;max-width:100%;box-sizing:border-box}.chat-input{width:90%;max-width:100%}.send-button{width:auto;padding:8px 12px}.message{padding:8px;font-size:.9rem}}======= @media screen and (max-width: 768px){#root{width:100%}.landing-page{padding:1.5rem}.welcome-title{font-size:2rem}.categories{grid-template-columns:1fr}.card{padding:1rem}}>>>>>>> d0fa5cba56b493b037b5c83f0914c5838b4d2906 input[type="text"],textarea{width:100%;padding:10px;margin-top:10px;border:2px solid #00ffcc;background-color:#222;color:#0fc}@media screen and (max-width: 768px){input[type=text],textarea{width:100%}}body{margin:0;padding:0;font-family:"Press Start 2P",cursive;background:linear-gradient(45deg,#f0f,#0ff,#f90);background-size:400% 400%;animation:gradient-animation 8s ease infinite;color:#fff}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.muzic-container{text-align:center;padding:2rem}.title{font-size:2.5rem;text-shadow:0 0 10px #00ffcc,0 0 20px #ff00ff}.mood-selector button{background-color:#0fc;color:#000;padding:10px 20px;margin:5px;border:2px solid #00ffcc;cursor:pointer;font-family:"Press Start 2P",cursive;border-radius:12px;transition:transform .2s,background-color .3s}.mood-selector button:hover{background-color:#f0f;color:#fff;transform:scale(1.1)}.additional-options{margin:20px 0}.additional-options select,.additional-options input{padding:10px;margin:5px;border:2px solid #00ffcc;border-radius:10px;font-family:"Press Start 2P",cursive;outline:none}.additional-options input{width:200px}.additional-options button{background-color:#0fc;padding:10px 15px;font-family:"Press Start 2P",cursive;border-radius:12px}.mood-songs{margin-top:20px}.mood-songs h2{font-size:1.8rem;text-shadow:0 0 10px #ff9900}.mood-songs ul{list-style:none;padding:0}.mood-songs li{font-size:1.2rem;margin:10px 0}@media screen and (max-width: 768px){.muzic-container{padding:1.5rem}.title{font-size:1.8rem}.mood-selector{flex-direction:column}.additional-options input{width:100%}.mood-songs h2{font-size:1.5rem}.mood-songs li{font-size:1rem}}input[type=text],input[type=email],textarea{width:100%;padding:10px;margin-top:10px;border:2px solid #00ffcc;background-color:#222;color:#0fc}@media screen and (max-width: 768px){input[type=text],input[type=email],textarea{width:100%}.profile-container{padding:2rem}.profile-info,.preferences-form{width:100%}}.footer{background-color:#000;color:#fff;text-align:center;padding:20px 10px;position:relative;bottom:0;width:100%;font-family:"Press Start 2P",cursive}<<<<<<< HEAD .footer{padding:15px .5px;font-size:.7rem}======= @media screen and (max-width: 768px){.footer{padding:15px 5px;font-size:.9rem}}>>>>>>> d0fa5cba56b493b037b5c83f0914c5838b4d2906{}