@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--bg-color:#000;--text-color:#fff;--text-secondary:#b3b3b3;--primary-color:#fff;--border-color:#fff;--border-width:3px;--shadow-offset:4px;--radius:0;--font-mono:"Atkinson Hyperlegible Mono", monospace}@media (width<=640px){:root{--border-width:2px;--shadow-offset:3px}}html{scrollbar-gutter:stable;overflow-y:scroll}*{box-sizing:border-box}body{font-family:var(--font-mono);background-color:var(--bg-color);color:var(--text-color);text-align:center;overflow-wrap:break-word;flex-direction:column;min-height:100dvh;margin:0;display:flex}#root{flex-direction:column;flex:1;display:flex}img{max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}main.container{flex:1}.page{width:100%;max-width:800px;margin:0 auto}.site-footer{text-align:center;color:var(--text-secondary);padding:1.5rem 1rem 5rem;font-size:.75rem}.glass-panel,.brutalist-panel,.card{background:var(--bg-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);padding:2rem 2.25rem 2.75rem}.card-padded-top{padding-top:3rem}.status-card{text-align:center;padding:2.5rem 2.25rem}.auth-container{flex-direction:column;gap:1rem;width:100%;max-width:800px;margin:1.5rem auto;display:flex}h1,h2,h3{text-transform:uppercase;letter-spacing:-.05em;margin-top:0;font-weight:700}.hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-top:clamp(1rem,5vh,2.5rem);display:flex}.hero-title{margin:0;font-size:clamp(1.35rem,2.5vw + .5rem,1.85rem);line-height:1.2}.hero-lead{color:var(--text-secondary);margin:0;font-size:clamp(.85rem,.8vw + .6rem,1.05rem);line-height:1.5}.hero .btn{width:33.333%;min-width:150px;max-width:100%}.auth-title{text-align:center;color:var(--text-color);margin-bottom:.35rem;font-size:clamp(1.35rem,2.5vw + .5rem,1.85rem)}.auth-subtitle{text-align:center;color:var(--text-color);text-transform:uppercase;border-bottom:var(--border-width) solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem;font-size:.85rem;font-weight:700}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.page-header.centered{justify-content:center}.page-header:not(:first-child){margin-top:1.75rem}.page-title{text-align:left;align-items:center;gap:.5rem;margin:0;font-size:clamp(1.15rem,2vw + .4rem,1.5rem);display:flex}.page-title svg{flex-shrink:0}.question-text{text-transform:none;margin:0 0 2rem;font-size:clamp(1.1rem,1.5vw + .5rem,1.45rem);line-height:1.35}.section-label,.field-label,label{color:var(--text-color);text-transform:uppercase;margin:0 0 .4rem;font-size:.9rem;font-weight:700}.field-label{text-align:center;display:block}.body-text{margin:0;font-size:.9rem;line-height:1.5}.muted{color:var(--text-secondary)}.form-group{flex-direction:column;gap:.3rem;margin-bottom:.75rem;display:flex}.field-hint{color:var(--text-secondary);text-align:center;margin:.25rem 0 0;font-size:.75rem;line-height:1.3}.form-section{width:100%;max-width:400px;margin:0 auto}input,textarea,select{background:var(--bg-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);color:var(--text-color);z-index:1;max-width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .1s;position:relative}input:focus,textarea:focus,select:focus{box-shadow:3px 3px 0px var(--border-color);outline:none;transform:translate(-3px,-3px)}textarea{resize:vertical;width:100%}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input{width:100%;padding-right:3rem}.input-adornment{z-index:2;align-items:center;display:flex;position:absolute;right:10px}.input-wrap .prefix{color:var(--text-secondary);pointer-events:none;z-index:2;font-weight:700;transition:all .1s;position:absolute;left:14px}.input-wrap.has-prefix:focus-within .prefix{transform:translate(-4px,-4px)}.input-wrap.has-prefix input{padding-left:2.2rem;padding-right:1rem}button,.btn{background:var(--bg-color);color:var(--text-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);text-transform:uppercase;cursor:pointer;min-height:2.5rem;box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .1s;display:flex}button svg,.btn svg{flex-shrink:0}button:hover,.btn:hover{background:var(--text-color);color:var(--bg-color)}button:active,.btn:active,button.active,.btn.active{transform:translate(var(--shadow-offset), var(--shadow-offset));box-shadow:none}button.active,.btn.active{background:var(--text-color);color:var(--bg-color)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button:disabled:hover,.btn:disabled:hover{background:var(--bg-color);color:var(--text-color)}.btn-block{width:100%}.report-line{text-align:center;margin-top:.5rem}.report-link{box-shadow:none;text-transform:none;width:auto;height:auto;min-height:0;color:var(--text-secondary);opacity:.75;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:400;text-decoration:underline;display:inline}.report-link:hover{color:var(--text-color);opacity:1;background:0 0}.report-link:active{box-shadow:none;transform:none}.card-delete{color:var(--text-secondary);opacity:.7}.card-delete:hover{opacity:1;color:var(--text-color)!important}.btn-sm{min-height:2rem;box-shadow:2px 2px 0px var(--border-color);padding:.3rem .85rem;font-size:.75rem}.btn-sm:active{transform:translate(2px,2px)}.icon-btn{box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;min-height:0!important;padding:0 .5rem!important}.icon-btn:hover{color:inherit!important;background:0 0!important}.icon-btn:active{box-shadow:none!important;transform:none!important}.btn-invert{background:var(--text-color);color:var(--bg-color)}.btn-invert:hover{background:var(--bg-color);color:var(--text-color)}.modal-list{padding-left:.75rem;padding-right:.75rem}.follow-list-item{min-width:0}.follow-list-name{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.modal-box .markdown-content{padding-left:.75rem;padding-right:.75rem}.btn-row{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.btn-row>button,.btn-row>.btn,.btn-row>a{flex:0 33.333%;width:33.333%;min-width:130px;max-width:100%}.profile-card .btn-row>button,.profile-card .btn-row>.btn,.profile-card .btn-row>a{flex:calc(50% - .375rem);width:calc(50% - .375rem);min-width:130px}.btn-half{min-width:200px;max-width:100%;margin:0 auto;flex:0 50%!important;width:50%!important}.input-half{min-width:200px;max-width:100%;margin:0 auto;display:block;width:50%!important}.segmented{justify-content:center;gap:.4rem;width:100%;margin:0 auto .75rem;display:flex}.segmented>button{flex:0 33.333%;width:33.333%;min-width:100px;max-width:100%;min-height:2.2rem;padding:.35rem .5rem;font-size:.75rem}.error-message,.success-message{color:var(--bg-color);background:var(--text-color);border:var(--border-width) solid var(--border-color);text-transform:uppercase;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-section{margin-bottom:4rem}.divider{border:none;border-top:2px dashed var(--border-color);opacity:.4;width:100%;margin:1rem 0}.link{color:var(--text-color);font-weight:700;text-decoration:underline;transition:all .1s}.link:hover{background:var(--text-color);color:var(--bg-color)}.avatar{object-fit:cover;background:#fff;border-radius:50%;flex-shrink:0}.avatar-sm{width:20px;height:20px}.avatar-md{width:36px;height:36px}.avatar-lg{width:clamp(48px,4vw + 32px,72px);height:clamp(48px,4vw + 32px,72px)}.avatar-xl{width:clamp(64px,5vw + 40px,92px);height:clamp(64px,5vw + 40px,92px)}.navbar{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-color);justify-content:space-between;align-items:center;gap:.75rem;min-height:4rem;padding:1.35rem 2rem;display:flex}.nav-home{align-items:center;gap:1rem;min-width:0;text-decoration:none;display:flex}.nav-logo{flex-shrink:0;width:42px;height:42px;display:block}.nav-brand{color:var(--text-color);text-transform:uppercase;text-align:left;font-size:clamp(1.15rem,2vw + .4rem,1.5rem);font-weight:700;line-height:1;text-decoration:none}.nav-dropdown{width:350px;display:inline-block;position:relative}.nav-user-btn{justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:2.5rem!important;padding:.45rem 1.1rem!important;font-size:.85rem!important;display:flex!important}.nav-avatar{object-fit:cover!important;opacity:.8!important;border-radius:50%!important;flex-shrink:0!important;width:20px!important;height:20px!important}.nav-username{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;margin:0 .35rem;overflow:hidden;text-transform:uppercase!important;font-size:.85rem!important;font-weight:700!important}.nav-user-btn svg{flex-shrink:0!important;width:18px!important;height:18px!important}@media (width<=768px){.navbar{padding:1rem}.nav-logo{width:42px;height:42px}}@media (width<=640px){.nav-dropdown{width:240px}}@media (width<=400px){.nav-brand{font-size:1rem}}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:var(--bg-color);border:var(--border-width) solid var(--border-color);width:100%;box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);z-index:100;flex-direction:column;margin-top:.5rem;display:flex;position:absolute;top:100%;left:0;right:0}.dropdown-item{color:var(--text-color);text-transform:uppercase;border:none;border-bottom:var(--border-width) solid var(--border-color);min-height:2.5rem;box-shadow:none;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.45rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .1s,color .1s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--text-color);color:var(--bg-color)}.nav-bell{color:var(--text-color);align-items:center;gap:.5rem;padding:.4rem;text-decoration:none;transition:all .1s;display:flex}.nav-bell:hover{background:var(--text-color);color:var(--bg-color)}.nav-badge{background:var(--text-color);color:var(--bg-color);text-align:center;min-width:1.5rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700}.nav-bell:hover .nav-badge{background:var(--bg-color);color:var(--text-color)}.badge-new{background:var(--text-color);color:var(--bg-color);text-transform:uppercase;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.dropdown-item:active{transform:none}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.column{flex-direction:column}.modal-box{text-align:center;width:100%;max-width:600px;max-height:calc(100dvh - 2rem);overflow-y:auto}.modal-box.wide{width:100%;max-width:600px}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-bottom:1.5rem;display:flex}.modal-list{padding-top:1rem;overflow-y:auto}.modal-header h2{text-transform:uppercase;text-align:left;align-items:center;gap:.5rem;margin:0;font-size:clamp(1.05rem,1.5vw + .6rem,1.35rem);display:flex}.profile-card{text-align:center;flex-direction:column;align-items:center;gap:.85rem;display:flex}.profile-card .profile-bsky-row{justify-content:flex-end;width:100%;margin-bottom:.5rem;display:flex}.profile-card .profile-bsky-row .btn{width:auto}.profile-card .divider{margin:0}.profile-action-btn,.profile-card .btn-row>button,.profile-card .btn-row>.btn,.profile-card .btn-row>a{margin-bottom:.5rem}.profile-name{overflow-wrap:anywhere;margin:0;font-size:clamp(1.2rem,2vw + .5rem,1.65rem)}.stats-row{text-align:center;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0 auto;font-size:.9rem;display:flex}.stat{color:var(--text-color)}.stat.clickable{cursor:pointer}.stat.clickable .stat-label{text-decoration:underline}.activity-stack{flex-direction:column;gap:4rem;display:flex}.event-context{color:#ffffff80;text-align:center;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem;font-size:.9rem;display:flex;position:relative}.event-context-top{justify-content:space-between;align-items:center;width:100%;min-height:2.5rem;display:flex}.event-header-left{align-items:center;gap:1.25rem;display:flex}.event-icon-left{color:#fff;justify-content:center;align-items:center;min-height:2.5rem;display:flex}.event-icon-left svg{flex-shrink:0;color:#fff!important;opacity:.5!important;width:28px!important;height:28px!important}.card-menu-wrap{justify-content:center;align-items:center;height:2.5rem;display:inline-flex;position:relative}.card-menu-btn-square,.btn-square{aspect-ratio:1!important;box-sizing:border-box!important;flex:0 0 2.5rem!important;justify-content:center!important;align-items:center!important;width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;height:2.5rem!important;min-height:2.5rem!important;max-height:2.5rem!important;margin:0!important;padding:0!important;display:inline-flex!important}.card-menu-btn-square svg{flex-shrink:0;width:18px!important;height:18px!important}.card-menu-btn-square.active{box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color)!important;background:var(--text-color)!important;color:var(--bg-color)!important;transform:none!important}.card-menu-btn-square:active{transform:translate(var(--shadow-offset), var(--shadow-offset))!important;box-shadow:none!important}.card-dropdown{background-color:var(--bg-color);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);z-index:100;flex-direction:column;width:240px;max-width:calc(100vw - 3rem);margin-top:0;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.card-dropdown-item{color:var(--text-color);text-transform:uppercase;border:none;border-bottom:var(--border-width) solid var(--border-color);min-height:2.5rem;box-shadow:none;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.45rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .1s,color .1s;display:flex}.card-dropdown-item:last-child{border-bottom:none}.card-dropdown-item:hover{background-color:var(--text-color);color:var(--bg-color)}.card-dropdown-item:active{box-shadow:none;transform:none}.event-meta{overflow-wrap:anywhere;text-align:center;margin:0 auto;line-height:1.5}.mention{vertical-align:middle;cursor:pointer;align-items:center;gap:.3rem;margin:0 .15rem;transition:opacity .2s,color .2s;display:inline-flex;position:relative;top:-1px}.mention-avatar{object-fit:cover;opacity:.8;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:opacity .2s}.mention .username-link{vertical-align:baseline;transition:color .2s,opacity .2s}.mention:hover{color:#fff!important;opacity:1!important}.mention:hover .mention-avatar{opacity:1!important}.mention:hover .username-link{color:#fff!important;opacity:1!important}.event-time{white-space:nowrap;color:#fff;opacity:.5;font-size:.9rem}.event-context:last-child{margin-bottom:0}.card-title{text-transform:uppercase;letter-spacing:-.02em;color:var(--text-color);margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.answer-text{white-space:pre-wrap;color:#fff;margin:0;font-size:.9rem;line-height:1.5}.answer-placeholder{color:var(--text-secondary);font-size:.9rem;font-style:italic}.feed-end{text-align:center;color:var(--text-secondary);padding:1.5rem 1rem;font-size:.9rem;font-style:italic}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid #ffffff26}::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ccc}*{scrollbar-width:thin;scrollbar-color:var(--text-color) var(--bg-color)}.zoom-slider{appearance:none;background:var(--bg-color);border:2px solid var(--border-color);height:24px;box-shadow:4px 4px 0px var(--border-color);border-radius:0;outline:none;min-height:0;padding:0}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--text-color);border:2px solid var(--bg-color);cursor:pointer;border-radius:0;width:24px;height:24px}.zoom-slider::-moz-range-thumb{background:var(--text-color);border:2px solid var(--bg-color);cursor:pointer;border-radius:0;width:24px;height:24px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{--color-1:var(--text-color);--size:2px;width:calc(48 * var(--size));height:calc(48 * var(--size));border:calc(5 * var(--size)) solid var(--color-1);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;animation:1s linear infinite rotation;display:inline-block}.markdown-content{line-height:1.6}.markdown-content a{color:var(--text-color);font-weight:700;text-decoration:underline;transition:all .1s}.markdown-content a:hover{background:var(--text-color);color:var(--bg-color)}@media (width<=768px){.container{padding:1.5rem}.glass-panel,.brutalist-panel,.card{padding:1.5rem 1.5rem 2.25rem}.card-padded-top{padding-top:2.25rem}.auth-container{margin:.5rem auto}.stats-row{gap:.5rem 1rem;font-size:.85rem}.nav-brand{display:none}}