@import"https://fonts.googleapis.com/css2?family=Kanit:wght@200&family=Saira+Condensed&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{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#000;color:#fff;font-family:Kanit,sans-serif;display:flex;justify-content:center;align-items:center;margin:0;padding:0;min-height:100vh;text-align:center;box-sizing:border-box}.container{width:95%;max-width:480px;background-color:#1e1e1e;border-radius:15px;box-shadow:0 4px 12px #00000080;padding:20px;margin:10px auto;box-sizing:border-box}header h1{font-size:2rem;margin-bottom:15px;color:#e4e4e4}header p{font-size:1rem;line-height:1.6;color:#ccc;margin-bottom:20px}.confess-box{background-color:#212121;border-radius:15px;padding:15px;box-sizing:border-box}textarea{width:100%;height:200px;resize:none;border:none;outline:none;background-color:#2c2c2c;color:#fff;padding:15px;font-size:1.2rem;border-radius:10px;font-family:Kanit,sans-serif;box-sizing:border-box;margin-bottom:20px}textarea:focus{outline:2px solid #8A3AB9;background-color:#333}textarea::placeholder{color:#999;text-align:left}select.dropdown{width:100%;padding:15px;font-size:1.1rem;border:none;border-radius:10px;background-color:#2c2c2c;color:#fff;margin-bottom:15px;box-sizing:border-box}button{width:100%;padding:18px;font-size:1.2rem;font-weight:700;border:none;border-radius:10px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;cursor:pointer;font-family:Kanit,sans-serif;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;margin-bottom:15px}button:hover{transform:scale(1.05);box-shadow:0 6px 8px #0006}button:disabled{background:#555;cursor:not-allowed}#errorContainer{color:#cd486b;font-size:1rem;margin-top:10px;display:none;text-align:center}.loader{display:none;border:4px solid #FFF;border-top:4px solid #8A3AB9;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){header h1{font-size:1.8rem}header p{font-size:.9rem}textarea{height:250px;font-size:1.1rem}button{padding:20px;font-size:1.3rem}.container{padding:15px}}.container{text-align:center;width:100%}#dynamic-text{display:block;width:100%;line-height:1.2}#dynamic-text span{display:block;font-size:3.5vw;margin:0;padding:0}select{text-align:center}select::selection{text-align:left}@media (min-width: 480px){#dynamic-text span{font-size:16px}}*{box-sizing:border-box}.all_in_one_container{width:100%;max-width:1142px;padding:0 10px;margin:0 auto}body{background-color:#000}.the_box{display:flex;align-items:flex-start;flex-wrap:wrap;padding:50px 0;gap:30px}.per_confession_item{flex-basis:calc(33.33333% - 30px);margin:0;overflow:hidden;border-radius:28px}.confession_share_a{display:block;padding:30px 20px;background-color:#121212;overflow:hidden;position:relative;border-radius:28px;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;word-wrap:break-word}.confession_share_a:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000080;text-decoration:none}.confession_acual_text{min-height:87px;margin-bottom:25px;font-weight:700;font-size:30px;color:#fff;position:relative;z-index:2}.confessed_date_box{font-size:18px;color:#fff;z-index:2;position:relative}.confessed_date_time{font-weight:700;color:#f9b234;transition:color .5s ease}.confession_card_bg{height:128px;width:128px;background-color:#f9b234b3;position:absolute;top:-75px;right:-75px;border-radius:50%;transition:all .5s ease}.confession_share_a:hover .confession_card_bg{transform:scale(10)}.per_confession_item:nth-child(2n) .confession_card_bg{background-color:#3ecd5eb3}.per_confession_item:nth-child(3n) .confession_card_bg{background-color:#e44002b3}.per_confession_item:nth-child(4n) .confession_card_bg{background-color:#952affb3}.per_confession_item:nth-child(5n) .confession_card_bg{background-color:#cd3e94b3}.per_confession_item:nth-child(6n) .confession_card_bg{background-color:#4c49eab3}@media only screen and (max-width: 979px){.per_confession_item{flex-basis:calc(50% - 30px)}.confession_acual_text{font-size:24px}}@media only screen and (max-width: 639px){.per_confession_item{flex-basis:calc(100% - 20px);margin:10px}.confession_acual_text{min-height:72px;line-height:1.2;font-size:24px}.confession_share_a{padding:20px 10px}.confessed_date_box{font-size:16px}}.filter_dropdown_container{position:relative;display:inline-block;margin-bottom:20px;text-align:center}.filter_dropdown_button{color:#fff;padding:10px 16px;border:none;border-radius:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .3s ease;background:none}.filter_dropdown_button:hover{color:#f9b234}.filter_icon{width:20px;height:20px}.filter_dropdown_menu{position:absolute;top:100%;left:0;width:200px;background-color:#333;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1000;overflow:hidden}.filter_option{padding:10px 16px;color:#fff;cursor:pointer;transition:background-color .2s ease}.filter_option:hover,.filter_option.active{background-color:#f9b234}.share_button{margin-top:10px;padding:10px 16px;background-color:#f9b234;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.share_button:hover{background-color:#d9901a}