@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:200;src:url(/assets/fonts/barlow-v12-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:300;src:url(/assets/fonts/barlow-v12-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(/assets/fonts/barlow-v12-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:500;src:url(/assets/fonts/barlow-v12-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:600;src:url(/assets/fonts/barlow-v12-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:700;src:url(/assets/fonts/barlow-v12-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:800;src:url(/assets/fonts/barlow-v12-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:900;src:url(/assets/fonts/barlow-v12-latin-900.woff2) format("woff2")}:root{--main-color: #008485;--main-color-light: #00a8a9;--bg-color: #f9f9f9;--text-color: #222;--font-family: "Barlow";--color-success: #0c887e;--color-error: #dc3545;--color-info: #17a2b8;--color-warning: #ffc107}body{font-family:var(--font-family);margin:0;padding:0;background-color:var(--bg-color);font-size:1.25rem;color:var(--text-color)}.container{display:flex;align-items:center;justify-content:center}.container__inner{max-width:1440px;width:100%;padding-left:2rem;padding-right:2rem;box-sizing:border-box}.logo span{color:var(--main-color)}.card{box-shadow:#919eab33 0 0 2px,#919eab1f 0 12px 24px -4px;background-color:#fff;border-radius:1rem;box-sizing:border-box}.card__header{padding:1.5rem 2rem;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;color:#888}.card__header .prompt,.card__header .like{display:flex;align-items:center;gap:.5rem}.card .up{color:#008485;cursor:pointer}.card .down{color:#ff4500;cursor:pointer}.card__content{padding:2rem}.card__footer{padding:1.5rem 2rem;border-top:1px solid #eee;display:flex;align-items:center;justify-content:flex-end;color:#888}.card__footer .date,.card__footer .like>span{display:flex;align-items:center;gap:.5rem}.card h3{margin-top:0;color:var(--main-color)}.card p{text-align:left;line-height:1.5}.desktop-only{display:block}@media screen and (max-width: 950px){.desktop-only{display:none}}.mobile-only{display:none}@media screen and (max-width: 950px){.mobile-only{display:block}}.btn{padding:1rem;border-radius:.5rem;cursor:pointer}.btn--primary{background-color:var(--main-color-light);border:1px solid var(--main-color-light);color:#fff;transition:all .2s ease}.btn--primary:hover{background-color:var(--main-color);border:1px solid var(--main-color)}.btn--secondary{background-color:#fff;border:1px solid #ccc;color:#222;transition:all .2s ease}.btn--secondary:hover{color:var(--main-color);border:1px solid var(--main-color)}.response{width:100%;max-width:990px}.response .close{cursor:pointer;transition:all .2s ease}.response .close:hover{color:var(--main-color)}.response h3{margin-top:0;color:var(--main-color)}.response ul li{margin-bottom:.5rem}.response a{color:var(--main-color);text-decoration:underline;transition:all .2s ease}.response a:hover{color:#222}@media print{.no-print{display:none!important}}
