*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,-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;background-color:#fffef2;font-weight:500}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:600}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden;background:#fffef2}.App-header{text-align:center;margin-bottom:3rem}.App-header h1{font-size:2.5rem;color:#000;margin-bottom:.5rem;font-weight:800;letter-spacing:-.02em}.App-main{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box}section{background:#fffef2;border:3px solid #000;box-shadow:5px 5px #000;padding:2rem;border-radius:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;overflow-x:hidden}.input-section{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;gap:1rem;width:100%}.url-input{flex:1;padding:.75rem 1rem;font-size:1rem;border-radius:0;outline:none;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;color:#000;transition:box-shadow .15s,transform .15s}.url-input:focus{box-shadow:5px 5px #000;border:3px solid #000;background:#fff}.url-input:disabled{background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;opacity:.6;cursor:not-allowed}.run-button{padding:.75rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border-radius:0;cursor:pointer;transition:box-shadow .15s,transform .15s;white-space:nowrap}.run-button .icon{stroke:#2563eb}.run-button:not(:disabled){background:#fffef2;border:3px solid #000;box-shadow:5px 5px #000}.run-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #000}.run-button:active:not(:disabled){transform:translate(5px,5px);box-shadow:none}.run-button:disabled{border:3px solid #999;background:#e5e5e5;box-shadow:3px 3px #999;opacity:.7;cursor:not-allowed}.run-button:disabled .icon{stroke:#6c757d}.raw-json-button{padding:.5rem 1rem;background:#fffef2;border:3px solid #000;box-shadow:5px 5px #000;border-radius:0;cursor:pointer;font-size:.9rem;font-weight:600;color:#000;transition:box-shadow .15s,transform .15s}.raw-json-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #000}.raw-json-button:active{transform:translate(5px,5px);box-shadow:none}.share-button{padding:.5rem 1rem;background:#fffef2;border:3px solid #000;box-shadow:5px 5px #000;border-radius:0;cursor:pointer;font-size:.9rem;font-weight:600;color:#000;transition:box-shadow .15s,transform .15s;display:flex;align-items:center;gap:.25rem}.share-button svg{width:1em;height:1em}.share-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #000}.share-button:active{transform:translate(5px,5px);box-shadow:none}.error-message{padding:.75rem;background-color:#ffe0e0;color:#c33;border:3px solid #000;box-shadow:5px 5px #000;font-size:.9rem;font-weight:600}.content-warning{margin-bottom:.5rem;padding:.5rem;background-color:#fff3cd;border:3px solid #000;box-shadow:3px 3px #000;font-size:.9rem;font-weight:600;color:#856404}.content-warning strong{color:#856404}.content-warning button{margin-left:.5rem;padding:.25rem .5rem;background-color:#fff;border:3px solid #000;box-shadow:2px 2px #000;cursor:pointer;font-size:.85rem;font-weight:600;color:#856404;transition:transform .15s,box-shadow .15s}.content-warning button:hover{transform:translate(1px,1px);box-shadow:1px 1px #000}.preview-section h2{font-size:1.5rem;color:#000;margin-bottom:1rem}.preview-content{padding:1.5rem;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;border-radius:0;border:none;min-height:200px;word-wrap:break-word;white-space:pre-wrap;font-family:monospace;font-size:.9rem;color:#000;overflow-x:auto}.preview-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.preview-content--syntax{padding:0;overflow-x:auto}.preview-content--syntax pre{margin:0!important;padding:1.5rem!important;font-size:.875rem;line-height:1.5}.preview-content--syntax code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}.preview-content--syntax .react-syntax-highlighter-line-number{min-width:2.5em;padding-right:1em;-webkit-user-select:none;user-select:none}.activitypub-info{margin-bottom:1.5rem;padding:1.5rem;background:#fffef2;border:3px solid #000;box-shadow:5px 5px #000;border-radius:0;border:none}.activitypub-info h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#000}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1/-1}.info-item strong{color:#333;font-size:.9rem}.info-item a{color:#2563eb;text-decoration:none;word-break:break-all}.info-item a:hover{text-decoration:underline}.type-badge{display:inline-block;padding:.25rem .75rem;background-color:#2563eb;color:#fff;border:3px solid #000;box-shadow:2px 2px #000;font-size:.85rem;font-weight:700}.content-html{margin-top:.5rem;padding:1rem;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;border-radius:0;border:none;line-height:1.6;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;overflow-x:hidden;max-width:100%}.content-html *{max-width:100%;box-sizing:border-box}.content-html a{color:#2563eb;text-decoration:none;word-break:break-all}.content-html a:hover{text-decoration:underline;color:#1d4ed8}.content-html p{margin:.5rem 0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.content-html p:first-child{margin-top:0}.content-html p:last-child{margin-bottom:0}.content-html .content-html__attachment-link{display:block;padding:.5rem;border:3px solid #000;box-shadow:2px 2px #000;text-decoration:none;color:#2563eb}.content-html .content-html__attachment-link:hover{text-decoration:underline;color:#1d4ed8}.content-html blockquote{margin:1rem 0;padding:.75rem 1rem .75rem 1.5rem;border:none;border-left:4px solid #000;background:#fff;color:#333;font-style:italic}.content-html blockquote p{margin:.5rem 0}.content-html blockquote p:first-child{margin-top:0}.content-html blockquote p:last-child{margin-bottom:0}.content-html blockquote:first-child{margin-top:0}.content-html blockquote:last-child{margin-bottom:0}@media(max-width:768px){.App{padding:1rem;width:100%;max-width:100%}.App-header{margin-bottom:1.5rem}.App-header h1{font-size:1.75rem}.App-main{gap:1rem}section{padding:1rem}.input-group{flex-direction:column}.run-button{width:100%}.preview-content{padding:1rem;font-size:.8rem}.content-html{padding:.75rem}.content-html blockquote{padding:.5rem .75rem .5rem 1rem;border-left-width:3px;margin:.75rem 0}.user-header{flex-wrap:wrap}.user-header-date{font-size:.8rem;white-space:normal}}@media(max-width:480px){.App{padding:.5rem;width:100%;max-width:100%}.App-header{margin-bottom:1rem}.App-header h1{font-size:1.5rem}section{padding:.75rem}.url-input{font-size:.9rem;padding:.625rem .75rem}.run-button{padding:.625rem 1rem;font-size:.9rem}.content-html{padding:.5rem}.content-html img,.content-html video{max-width:100%!important;height:auto!important}.custom-emoji{height:.8em!important;max-height:.8em!important}.content-body .custom-emoji{height:1.5em!important;max-height:1.5em!important}}.user-header{margin-bottom:.5rem;display:flex;gap:.5rem;justify-content:space-between;align-items:flex-start;box-sizing:border-box;width:100%;max-width:100%}.user-header .handle,.user-header .nickname{word-break:break-all;overflow-wrap:break-word}.user-header-avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border:3px solid #000;box-shadow:3px 3px #000;object-fit:cover;object-position:center;flex-shrink:0;display:block;aspect-ratio:1/1}.user-header-content{display:flex;gap:.5rem;flex:1;min-width:0;max-width:100%;box-sizing:border-box}.user-header-info{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.user-header-date{font-size:.85rem;opacity:.7;flex-shrink:0;white-space:nowrap;box-sizing:border-box}@media(max-width:480px){.user-header{flex-direction:column;gap:.25rem}.user-header-content{width:100%}.user-header-date{font-size:.75rem;align-self:flex-start;white-space:normal;word-break:break-all}}.sensitive-media-container{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:0;isolation:isolate;line-height:0}.sensitive-media-wrapper{filter:blur(10px) grayscale(.7);transition:filter .3s ease;display:inline-block;max-width:100%;line-height:0}.sensitive-media-wrapper.shown{filter:none}.sensitive-media-wrapper img,.sensitive-media-wrapper video{display:block;max-width:100%;height:auto}.sensitive-media-hide-button{position:absolute;top:.5rem;right:.5rem;z-index:10;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#000000b3;border-radius:50%;font-size:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.sensitive-media-hide-button:hover{background-color:#000000e6}.sensitive-media-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:#0003;border-radius:0;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:1;pointer-events:auto;transition:opacity .5s ease,background-color .3s ease}.sensitive-media-overlay.hidden{opacity:0;pointer-events:none}.sensitive-media-overlay:hover{background-color:#0000004d}.sensitive-media-overlay-text{font-size:1.2rem;font-weight:500;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}.custom-emoji{height:1em;max-height:1em;width:auto;vertical-align:middle;margin:0 .1em;display:inline-block}.content-body .custom-emoji{height:2em;max-height:2em}.poll-container{margin-top:1rem;padding:1rem;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;border-radius:0;border:none}.poll-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.9rem}.poll-header strong{color:#000;font-weight:600}.poll-type{display:inline-flex;align-items:center;justify-content:center;opacity:.7;color:#333;cursor:help}.poll-type-icon{display:inline-block;font-size:1rem;line-height:1;vertical-align:middle}.poll-end-time,.poll-voter-count{font-size:.85rem;opacity:.7;color:#333}.poll-options{display:flex;flex-direction:column;gap:.5rem}.poll-option{display:flex;flex-direction:column;gap:.25rem}.poll-option-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.poll-option-name{flex:1;word-break:break-word;color:#000}.poll-option-stats{margin-left:.5rem;font-size:.85rem;opacity:.7;color:#333;white-space:nowrap}.poll-option-bar-container{width:100%;height:10px;border:3px solid #000;overflow:hidden;position:relative;background:#fff}.poll-option-bar{height:100%;background:#2563eb;border-right:3px solid #000;transition:width .3s ease}.poll-footer{margin-top:.5rem;padding-top:.5rem;border-top:3px solid #000;font-size:.85rem;font-weight:600;color:#333}.audience-container{margin-top:.5rem;margin-bottom:.5rem;padding:.5rem;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;border-radius:0;font-size:.85rem}.audience-container.audience-emoji-only{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;width:auto;min-width:auto}.audience-emoji{font-size:1rem;opacity:.7;margin-left:.25rem}.user-header-audience-emoji{font-size:.9rem;opacity:.7;margin-left:.25rem;display:inline-block}.audience-item{display:flex;align-items:flex-start;gap:.25rem;margin-bottom:.25rem}.audience-item:last-child{margin-bottom:0}.audience-label{font-weight:600;color:#000;min-width:2.5rem;flex-shrink:0}.audience-values{flex:1;word-break:break-word;overflow-wrap:break-word;color:#333}.audience-link{color:#2563eb;text-decoration:none;cursor:pointer;transition:opacity .2s}.audience-link:hover{text-decoration:underline;opacity:.8}.audience-private{opacity:.6;font-style:italic}.audience-separator{color:#333}.audience-more{color:#333;opacity:.7;font-size:.8rem}.quote-object.content-html{margin-top:1rem}.quote-object--truncated.content-html{padding:.5rem}.quote-object__truncated{font-style:italic;color:#333}.quote-object__loading{color:#333}.quote-object__error-message{font-weight:700;color:#dc3545}.quote-object__error-message[data-error-code="404"],.quote-object__error-message[data-error-code="410"]{color:#ed6c02}.link-preview{margin-top:.5rem;padding:.5rem;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;border-radius:0;display:flex;gap:.5rem;align-items:flex-start}.link-preview-image{flex-shrink:0;width:100px;height:100px;overflow:hidden;border-radius:0}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.link-preview-link{color:#2563eb;text-decoration:none;font-weight:500;word-break:break-word;overflow-wrap:break-word}.link-preview-link:hover{text-decoration:underline;opacity:.8}.link-preview-type{font-size:.8rem;color:#333;opacity:.7}@media(prefers-color-scheme:dark){.App{background:#1a1a1a;color:#e0e0e0}.App-header h1{color:#e0e0e0;font-weight:800}section{background:#2d2d2d;border:3px solid #fff;box-shadow:5px 5px #fff}.url-input{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;color:#e0e0e0}.url-input:focus{background:#2d2d2d;border:3px solid #fff;box-shadow:5px 5px #fff}.url-input:disabled{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;opacity:.6}.run-button .icon{stroke:#60a5fa}.run-button:not(:disabled){background:#2d2d2d;border:3px solid #fff;box-shadow:5px 5px #fff}.run-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #fff}.run-button:active:not(:disabled){transform:translate(5px,5px);box-shadow:none}.run-button:disabled{border-color:#666;background:#333;box-shadow:3px 3px #666;opacity:.7}.run-button:disabled .icon{stroke:#6c757d}.raw-json-button{background:#2d2d2d;border:3px solid #fff;box-shadow:5px 5px #fff;color:#e0e0e0}.raw-json-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #fff}.raw-json-button:active{transform:translate(5px,5px);box-shadow:none}.share-button{background:#2d2d2d;border:3px solid #fff;box-shadow:5px 5px #fff;color:#e0e0e0}.share-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #fff}.share-button:active{transform:translate(5px,5px);box-shadow:none}.error-message{background-color:#4a1f1f;color:#ff6b6b;border-color:#fff;box-shadow:5px 5px #fff}.preview-content{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;color:#e0e0e0}.activitypub-info{background:#2d2d2d;border:3px solid #fff;box-shadow:5px 5px #fff}.activitypub-info h3{color:#e0e0e0}.info-item strong{color:#b0b0b0}.info-item a{color:#60a5fa}.info-item a:hover{color:#93c5fd}.content-html{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;color:#e0e0e0}.content-html a{color:#60a5fa}.content-html a:hover{color:#93c5fd}.content-html .content-html__attachment-link{border-color:#fff3;color:#60a5fa}.content-html .content-html__attachment-link:hover{color:#93c5fd}.content-html blockquote{background:#2d2d2d;border-left-color:#fff;color:#b0b0b0}.quote-object{color:#e0e0e0}.quote-object__truncated{font-style:italic;color:#999}.quote-object__loading{color:#b0b0b0}.quote-object__error-message{font-weight:700}.quote-object__error-message[data-error-code="401"],.quote-object__error-message[data-error-code="403"],.quote-object__error-message[data-error-code="500"]{color:#ff6b6b}.quote-object__error-message[data-error-code="404"],.quote-object__error-message[data-error-code="410"]{color:#ed6c02}.user-header-date{opacity:.8}.user-header-avatar{border-color:#fff;box-shadow:3px 3px #fff}.sensitive-media-overlay{background-color:#0000004d}.sensitive-media-overlay:hover{background-color:#0006}.content-warning{background-color:#4a3a1f;border-color:#ffc107;color:#ffd54f}.content-warning strong{color:#ffd54f}.content-warning button{background-color:#2a2a2a;border-color:#ffc107;color:#ffd54f}.content-warning button:hover{background-color:#3a3a3a}.poll-container{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;color:#e0e0e0}.poll-header strong{color:#e0e0e0}.poll-type,.poll-end-time,.poll-voter-count{color:#b0b0b0}.poll-option-name{color:#e0e0e0}.poll-option-stats{color:#b0b0b0}.poll-option-bar-container{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d}.poll-option-bar{background:#60a5fa}.poll-footer{border-top-color:#ffffff1a;color:#b0b0b0}.audience-container{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;color:#e0e0e0}.audience-emoji,.user-header-audience-emoji{opacity:.8}.audience-label{color:#e0e0e0}.audience-values{color:#b0b0b0}.audience-link{color:#60a5fa}.audience-link:hover{color:#93c5fd}.audience-private{opacity:.5}.link-preview{background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;color:#e0e0e0}.link-preview-link{color:#60a5fa}.link-preview-link:hover{color:#93c5fd}.link-preview-type{color:#b0b0b0}.reply-object{margin-bottom:1rem;padding:.5rem .5rem .5rem 1rem;border-left:2px solid rgba(255,255,255,.15);border-radius:0;background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d;font-size:.85em;color:#b0b0b0}.reply-object__label{color:#b0b0b0;margin-bottom:.25rem}.reply-object__link{color:#60a5fa}.reply-object__link:hover{color:#93c5fd}.reply-object__loading,.reply-object__error{color:#b0b0b0;font-size:.9em}.reply-object__error{color:#ff6b6b}.replies-object{margin-top:1rem;padding:.5rem .5rem .5rem 1rem;border-left:2px solid rgba(255,255,255,.15);border-radius:0;background:#2d2d2d;border:3px solid #fff;box-shadow:inset 2px 2px #ffffff0d}.replies-object--loading,.replies-object--error{border-left-color:#ffffff26}.replies-object__loading,.replies-object__heading{font-size:.85em;color:#b0b0b0;margin-bottom:.25rem}.replies-object__error{font-size:.85em;color:#ff6b6b}}@media(prefers-color-scheme:light){.reply-object{margin-bottom:1rem;padding:.5rem .5rem .5rem 1rem;border-left:2px solid #000;border-radius:0;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a;font-size:.85em}.reply-object__label{color:#333;margin-bottom:.25rem}.reply-object__loading,.reply-object__error{color:#333;font-size:.9em}.reply-object__error{color:#dc3545}.reply-object__link{color:#2563eb}.reply-object__link:hover{color:#1d4ed8}.replies-object{margin-top:1rem;padding:.5rem .5rem .5rem 1rem;border-left:2px solid #000;border-radius:0;background:#fff;border:3px solid #000;box-shadow:inset 2px 2px #0000001a}.replies-object--loading,.replies-object--error{border-left-color:#00000026}.replies-object__loading,.replies-object__heading{font-size:.85em;color:#333;margin-bottom:.25rem}.replies-object__error{font-size:.85em;color:#dc3545}}