.thought-card{width:100%;max-width:500px;height:auto;background-color:#fff;border:2px solid black;padding:20px;border:1px solid black;border-radius:2px;margin-bottom:20px;box-shadow:6px 6px #000}.thought-message{font-size:20px;font-family:Menlo,Monaco,Courier New,monospace;color:#000;margin-bottom:10px}.thought-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#999}.heart-section{display:flex;align-items:center}.heart-icon{font-size:16px;border-radius:50%;width:40px;height:40px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;transition:background-color .3s ease;color:red}.heart-icon.liked{background-color:#ffa0a0}.heart-count{font-size:14px;margin-left:10px;color:#525252;font-family:Menlo,Monaco,Courier New,monospace}.thought-footer{display:flex;justify-content:space-between;align-items:center}.time-stamp{font-size:14px;font-family:Menlo,Monaco,Courier New,monospace;color:#525252}@media (min-width: 320px) and (max-width: 767px){.thought-card{padding:15px;font-size:.9rem;box-shadow:4px 4px #000}.thought-message{font-size:16px}.heart-icon{width:35px;height:35px;font-size:14px}.heart-count,.time-stamp{font-size:12px}}@media (max-width: 768px){.thought-card{padding:18px;font-size:1rem;max-width:450px}.thought-message{font-size:18px}.heart-icon{width:38px;height:38px}.heart-count,.time-stamp{font-size:13px}}@media (min-width: 1024px) and (max-width: 1600px){.thought-card{max-width:600px;padding:25px;font-size:1.1rem;box-shadow:8px 8px #000}.thought-message{font-size:22px}.heart-icon{width:45px;height:45px;font-size:18px}.heart-count,.time-stamp{font-size:15px}}.thought-form{width:100%;max-width:500px;height:auto;background-color:#f0f0f0;border:1.5px solid black;padding:20px;box-shadow:6px 6px #000;border-radius:2px;margin-bottom:20px}.thought-form h2{font-size:18px;padding-bottom:10px;font-weight:400;color:#000;margin-bottom:10px;font-family:Menlo,Monaco,Courier New,monospace}.thought-form input[type=text]{box-sizing:border-box;width:100%;height:70px;padding:0 10px 20px;margin-bottom:20px;border:2px solid rgb(174,174,174);border-radius:2px;font-size:18px;font-family:Menlo,Monaco,Courier New,monospace}.thought-form button{display:inline-flex;align-items:center;background-color:#ffa0a0;border:none;color:#000;padding:10px 20px;border-radius:40px;font-size:16px;cursor:pointer;font-family:Menlo,Monaco,Courier New,monospace}.thought-form button:before{content:"❤️ ";font-size:16px;margin-right:5px;font-family:Arial,sans-serif}.thought-form button:after{content:"❤️ ";font-size:16px;margin-left:5px;font-family:Arial,sans-serif}.error-message{font-family:Menlo,Monaco,Courier New,monospace;font-size:14px}@media (min-width: 320px) and (max-width: 767px){.thought-form{padding:15px;box-shadow:4px 4px #000}.thought-form h2{font-size:14px}.thought-form input[type=text]{height:60px;padding:10px;font-size:6px}.thought-form button{padding:8px 15px;font-size:14px}.error-message{font-size:12px}}@media (max-width: 768px){.thought-form{padding:18px;box-shadow:5px 5px #000;max-width:450px}.thought-form h2{font-size:17px}.thought-form input[type=text]{height:65px;font-size:14px}.thought-form button{padding:9px 18px;font-size:15px}}@media (min-width: 1024px) and (max-width: 1600px){.thought-form{max-width:600px;padding:25px;box-shadow:8px 8px #000}.thought-form h2{font-size:20px}.thought-form input[type=text]{height:75px;font-size:20px}.thought-form button{padding:12px 25px;font-size:18px}.error-message{font-size:15px}}h1{font-family:Menlo,Monaco,Courier New,monospace;display:flex;justify-content:center;padding:20px;font-size:2.5rem;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 320px) and (max-width: 767px){h1{padding:6px;font-size:1.2rem;letter-spacing:1px}}@media (min-width: 768px) and (max-width: 1023px){h1{padding:10px;font-size:1.8rem;letter-spacing:1.5px;justify-content:center}}footer{display:flex;justify-content:center;align-items:center;font-size:16px;padding-top:32px;padding-bottom:8px;font-weight:400;color:#000;font-family:Menlo,Monaco,Courier New,monospace}body{font-family:Arial;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px}h1{font-size:1.5rem;color:#333}.container{max-width:600px;width:100%}@media (min-width: 320px) and (max-width: 767px){body{padding-left:200px;padding-right:200px}h1{font-size:1.8rem}.container{padding:10px}}@media (min-width: 768px) and (max-width: 1023px){body{padding:15px}h1{font-size:2rem}.container{padding:15px;max-width:90%}}@media (min-width: 1024px) and (max-width: 1600px){body{padding:30px}h1{font-size:2.5rem}.container{max-width:1200px}}:root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}