html{box-sizing:border-box;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;background:#f4f4f4;color:#242424;overflow:hidden;font-size:1rem}body{overflow:scroll;scroll-snap-points-y:repeat(100svh);scroll-snap-type:y mandatory;scroll-snap-stop:always}body.no-scroll-snap{scroll-snap-type:initial}body,#root{width:100%;height:100%;margin:auto}a{text-decoration:none;color:#242424;font-weight:700}h2{text-decoration:underline}h3{text-align:center;margin:0}h4{margin:0 auto;font-weight:400}textarea{min-height:5rem;padding:.5rem}.noBotMar{margin:0 auto;text-decoration:none}.shareButton{width:2.5rem;height:2.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;background:#1da1f2;color:#fff;border:none;border-radius:6px;cursor:pointer}.shareButton svg{fill:#fff;width:100%;height:100%}.container{scroll-snap-align:start;scroll-snap-stop:always;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100svh}.container img{max-width:70%;max-height:50svh}.container.port img{max-width:100%;max-height:80svh}.tweetContainer{box-sizing:border-box;width:100%;max-width:500px;margin:1rem auto;background:#fff;border-radius:1rem;box-shadow:0 0 1.5rem #00000012;padding:.5rem 1.5rem}.top-half{margin-top:1rem}.bottom-half{margin-top:1rem;margin-bottom:1rem}.twitter-post{margin-bottom:16px}.post-header{display:flex;align-items:center;justify-content:start;gap:6px}.stats{height:100%;width:1.5rem;display:flex;align-items:center;justify-content:center}.statNumber{margin-right:1rem}.avatar{width:44px;height:44px;border-radius:50%}.realname{font-weight:700}.verified{max-height:1.5rem}.username{font-weight:400}.timestamp{margin-left:8px}.content{margin:12px 0;font-size:1.1rem;-webkit-user-select:none;user-select:none}.post-footer{height:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:8px}.post-input{display:flex;flex-direction:column;gap:8px}.input-area{width:100%;font-size:1.1rem;padding:8px;border-radius:6px;border:1px solid #ccc}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.input-footer span{display:flex;justify-content:space-between;align-items:center;width:100%}.input-footer span svg{width:1rem}.timer{width:100%;display:flex;flex-direction:row;gap:.5rem}.timer svg{width:1.5rem}.input-footer button{margin-left:.5rem;padding:6px 18px;background:#1da1f2;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.input-footer button:disabled{background:gray;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#0003;display:flex;justify-content:center;align-items:center;z-index:2}.modal{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:1rem;padding:1rem 1rem 2rem;box-shadow:0 0 16px #00000026;min-width:320px;max-width:420px}.modal .button{font-weight:700;margin-top:16px;background:#1da1f2;color:#fff;border:none;border-radius:6px;padding:8px 22px;font-size:1rem;cursor:pointer}.buttonArea{display:flex;flex-direction:row;gap:1rem}.disclaimer{margin:1rem auto 2rem;width:70%;display:flex;justify-content:center;flex-direction:row;gap:.2rem}.attribution{width:100%;text-align:center;align-self:end;margin:1rem auto 2rem}.maruLink{width:100%;display:flex;align-items:center;justify-content:center}.linkImg{height:1.5rem;width:1.5rem;margin:0 .2rem;display:inline-block}.linkImg svg{max-height:100%;max-width:100%}@media (orientation: portrait){.modal{width:85%}.tweetContainer{width:95%}.disclaimer{width:90%}}