#root{margin:0;padding:0;overflow:hidden}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#08080808;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:280px;min-height:100dvh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;outline:none;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}input[type=checkbox]{appearance:none;background-color:#0000;border:2px solid #333;border-radius:4px;width:20px;height:20px}input[type=checkbox]:after{content:" ";border:2px solid #fff;border-width:0 2px 2px 0;width:15%;height:40%;display:none;position:relative;top:20%;left:40%;transform:rotate(50deg)}input[type=checkbox]:checked:after{display:block}div.paper{background:#171717;border-radius:16px;align-items:center;gap:10px;padding:8px 16px;display:flex}.btn{cursor:pointer;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:700;line-height:20px;display:flex}.btn-border{color:inherit;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(94.73deg,#2bd9ff 0%,#f838d9 100%) border-box;border:1px solid #0000;transition:all .3s}.btn-border:hover{background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(94.73deg,#14b4d8 0%,#ba179f 100%) border-box}.btn-primary{color:#0a0a0a;background:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{color:#fff;background:#222}.btn-warning{color:#fff;background:#ff563f}.btn>span{justify-content:center;align-items:center;gap:8px;display:flex}.top-right-controls{z-index:200;position:absolute;top:28px;right:28px}.top-right-controls button svg{color:#fff;border-radius:0;width:24px;height:24px;padding:0}.top-right-controls button{vertical-align:middle;background-color:#0000}.top-right-controls button.login{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s;display:inline-flex}.top-right-controls button.login:hover{background-color:#0000004d}.top-right-controls img.profile{vertical-align:middle;cursor:pointer;border-radius:12px;width:3em;height:3em;margin-left:.5em}.top-right-controls .wallet-btn-header{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;padding:0;transition:background-color .2s;display:inline-flex}.top-right-controls .wallet-btn-header:hover{background-color:#0000004d}.top-right-controls .wallet-btn-header svg{color:#fff;width:24px;height:24px}.top-right-controls .wallet-balance{color:#fff;font-size:14px;font-weight:500}.login-dialog{z-index:200;background-color:#222;border-radius:20px;flex-direction:column;gap:16px;min-width:280px;padding:2em;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.login-dialog h2{text-align:center;margin-top:0;margin-bottom:0}.login-dialog .close-button{cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none;padding:0;position:absolute;top:1em;right:1.2em}.login-error{color:#ff6b6b;text-align:center;background-color:#ff646433;border-radius:8px;padding:.5em 1em;font-size:.9em}.qr-login{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-login-header{text-align:center}.qr-login-icon{margin-bottom:.5em;font-size:2em;display:block}.qr-login-header p{color:#fff;margin:0;font-size:.95em}.qr-login-apps{color:#888;margin-top:.25em;font-size:.8em;display:block}.qr-code-container{background-color:#fff;border-radius:12px;padding:16px}.qr-loading{justify-content:center;align-items:center;width:200px;height:200px;display:flex}.qr-spinner{border:3px solid #ddd;border-top-color:#6313ad;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-actions{gap:8px;display:flex}.qr-action-btn{cursor:pointer;border-radius:8px;padding:.5em 1em;font-size:.85em;transition:all .2s;color:#888!important;background-color:#0000!important;border:1px solid #444!important;height:auto!important}.qr-action-btn:hover{color:#fff!important;background-color:#333!important}.qr-action-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{color:#666;align-items:center;gap:1em;font-size:.85em;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:#444;flex:1;height:1px}.login-dialog button,.login-dialog button:visited,.login-dialog button:active{color:#fff;cursor:pointer;height:3em;font-family:inherit;font-size:inherit;background-color:#6313ad;border:none;border-radius:8px;padding-left:1em;padding-right:1em}.login-dialog button:hover{background-color:#7727c1}.login-extension{justify-content:center;display:flex}.login-extension button{width:100%}.wallet-settings-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wallet-settings{background:#1a1a1a;border-radius:12px;width:90%;max-width:400px;padding:24px;position:relative}.wallet-settings h3{color:#fff;margin:0 0 16px;font-size:18px;font-weight:600}.wallet-description{color:#888;margin:0 0 16px;font-size:14px;line-height:1.4}.wallet-connected{flex-direction:column;gap:12px;display:flex}.wallet-status{color:#4ade80;align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:8px;height:8px}.wallet-connect{flex-direction:column;gap:12px;display:flex}.wallet-input{color:#fff;box-sizing:border-box;background:#0a0a0a;border:1px solid #333;border-radius:8px;width:100%;padding:12px;font-size:14px}.wallet-input:focus{border-color:#f7931a;outline:none}.wallet-input::placeholder{color:#666}.wallet-error{color:#ef4444;font-size:13px}.wallet-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .2s}.wallet-btn:hover{opacity:.9}.wallet-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-btn.connect{color:#000;background:#f7931a}.wallet-btn.disconnect{color:#fff;background:#333}.wallet-help{color:#666;margin:0;font-size:12px;line-height:1.4}.closeButton{cursor:pointer;color:#fff;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;font-size:1.5rem;transition:background-color .2s;display:flex;position:absolute;top:1em;right:1.5em}.closeButton:hover{background-color:#0000004d}@media (width<=768px){.closeButton{position:fixed;top:2em;left:1.5em}}@keyframes showImage{0%{opacity:0;scale:1.2}15%{opacity:1}75%{opacity:1}to{opacity:0;scale:1}}@keyframes showAuthor{0%{opacity:0}to{opacity:1}}@keyframes showPanel{0%{opacity:0}to{opacity:1}}@keyframes hidePanel{0%{opacity:1}to{opacity:0}}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rotate{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}.slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100vw;height:100vh;animation-name:showImage;animation-duration:12s;animation-timing-function:ease-in;position:fixed;top:0;left:0;overflow:hidden;scale:1}.slide video{max-width:100vw;max-height:100dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide.paused{animation-play-state:paused}.bottom-controls{z-index:200;flex-direction:column;gap:1.5em;display:flex;position:fixed;bottom:2.5em;right:2em}.bottom-controls button{background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background-color .2s;display:flex}.bottom-controls button:hover{background-color:#0000004d}.bottom-controls button svg{color:#fff;width:24px;height:24px}.bottom-controls button.reposted{cursor:default}.bottom-controls button.reposted svg{color:#7cfc00}.bottomPanel{z-index:200;opacity:0;background:linear-gradient(#0000 0%,#000 100%);width:100%;height:150px;padding-top:120px;padding-left:100px;animation-name:hidePanel;animation-duration:.5s;animation-timing-function:ease-in;display:none;position:absolute;bottom:0;left:0}.bottomPanel:hover{opacity:1;animation-name:showPanel;animation-duration:.5s;animation-timing-function:ease-in}.bottomPanel .caption{color:#fff;text-align:center;max-width:80%;margin:auto;font-size:2em;font-weight:500}.centerSymbol{z-index:200;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centerSymbol svg{width:6m;fill:#fff;height:6em}.centerSymbol.spin svg{animation-name:spin;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}.bottom-controls .heart svg{cursor:pointer;width:1.5em;height:1.5em}.bottom-controls .heart.liking svg{animation:2s ease-in-out infinite rotate}.bottom-controls .heart.liked svg{fill:red;animation:1s ease-in-out bump;overflow:visible}.bottom-controls .link svg{cursor:pointer;color:#fff;width:1.5em;height:1.5em;padding:.5em}.bottom-controls .zap svg{cursor:pointer;width:1.5em;height:1.5em}.bottom-controls .zap.zapped svg{fill:orange;animation:1s ease-in-out bump}.bottom-controls .zap.error{fill:red}.bottom-controls .zap.zapping svg{animation:2s ease-in-out infinite rotate}.bottom-controls .bookmark svg{cursor:pointer;width:1.5em;height:1.5em}.bottom-controls .bookmark.bookmarked svg{fill:#fff;animation:1s ease-in-out bump}.bottom-controls .savecollection svg{cursor:pointer;width:1.5em;height:1.5em}.bottom-controls .savecollection.saved svg{fill:#fff;animation:1s ease-in-out bump}@media screen and (width<=768px){.controls{top:2em}}.top-left-controls{z-index:200;position:absolute;top:2em;left:2em}.back-button{color:#ddd;cursor:pointer;background-color:#0006;border-radius:50%;padding:3px 10px;font-size:20px;display:block}.back-button:hover{color:#fff;background-color:#000c}.author-info{cursor:pointer;color:#fff;z-index:200;flex-flow:wrap;gap:8px;display:flex;position:absolute;bottom:2em;left:2em}.author-info a{line-height:.3em}.author-info a svg{color:#fff;height:24px;line-height:1em}.author-info .fediverse{background-color:#006bb6;border-radius:8px;padding:4px 6px;display:inline}.author-name{padding-right:1em}.author-image{background-color:#0000;background-repeat:no-repeat;background-size:cover;border-radius:12px;width:64px;height:64px;transition:opacity 1s ease-in-out;animation-name:showAuthor;animation-duration:.5s;animation-timing-function:ease-in;display:block}@media screen and (width<=768px){.author-image{width:48px;height:48px}}.author-identity,.author-actions{flex-direction:row;align-items:center;gap:8px;display:flex}@media screen and (width<=768px){.author-name{max-width:14em;line-height:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.disclaimer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:500;background:#000c;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:80vw;max-width:30em;padding:2em;font-size:1.2rem;animation:.5s ease-in-out fadeIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}@media (width<=768px){.disclaimer{box-sizing:border-box;justify-content:start;width:100vw;max-width:none;max-height:100dvh;position:absolute;top:0;left:0;overflow-y:scroll;transform:none}}.disclaimer .disclaimer-footer{flex-shrink:1;justify-content:end;display:flex}.disclaimer .warning{color:#ff563f;margin-bottom:0;font-size:2rem;font-weight:500}.scrollview{scroll-snap-type:y mandatory;width:100vw;height:100dvh;overflow-y:auto}.scrollview .scroll-content{scroll-snap-align:start none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100dvh}.scrollview .scroll-content .image{pointer-events:none;object-fit:contain;-webkit-backdrop-filter:blur(20px)brightness(.5);background-color:#0000;width:100vw;max-width:100%;height:100dvh;max-height:none}.scrollview:focus-visible{outline:none!important}.left-bottom-menu{z-index:100;flex-direction:column;gap:1.5em;display:flex;position:fixed;bottom:9em;left:2em}.left-bottom-menu button{background-color:#0000;border:none;padding:0}.left-bottom-menu button svg{fill:#fff;color:#fff;height:24px}.bottom-menu{z-index:220;background:0 0;flex-direction:column;gap:1.5em;display:flex;position:fixed;bottom:1em;left:50%;translate:-50%}.bottom-menu button{background-color:#0000;border:none}.bottom-menu button svg{color:#fff;height:24px}@media screen and (width<=768px){.left-bottom-menu{bottom:7em}}.info-panel{overflow-wrap:break-word;box-sizing:border-box;z-index:220;background-color:#111;border-radius:16px 16px 0 0;flex-direction:column;gap:4px;width:80dvw;max-height:90vh;padding-top:16px;display:flex;position:absolute;bottom:0;left:50%;overflow-y:scroll;translate:-50%}.info-panel .link svg{cursor:pointer;color:#fff;width:1.5em;height:1.5em;padding:.5em}.info-panel-content{padding-left:1em;padding-right:1em}.info-panel-footer{text-align:center}.info-panel-footer button{background-color:#0000;border:none}.info-panel-footer button svg{color:#fff;height:24px}.info-panel-tags{padding-left:1em;padding-right:1em}.info-panel-tags .tag{color:#fff;cursor:pointer;background-color:#444;border-radius:24px;margin-right:.2em;padding:.2em .6em;font-size:1rem;line-height:2.2em;display:inline;overflow:visible}.info-panel-tags .tag:hover{background-color:#555;gap:8px}@media screen and (width<=768px){.info-panel{width:100dvw;min-width:100dvw;left:0;translate:0}}.info-panel-author{flex-direction:row;padding-left:1em;padding-right:1em;display:flex}.info-panel-author .link{align-self:center}.info-panel-author .author-info{left:initial;bottom:initial;flex-direction:row;flex-grow:1;align-items:center;gap:8px;display:flex;position:relative}.zap-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zap-modal{background:#1a1a1a;border-radius:12px;min-width:300px;max-width:400px;padding:24px}.zap-modal h3{color:#fff;text-align:center;margin:0 0 16px}.zap-amounts{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.zap-amount-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;padding:12px 8px;font-size:14px;transition:all .2s}.zap-amount-btn:hover,.zap-amount-btn.selected{background:#f7931a;border-color:#f7931a}.zap-comment{color:#fff;box-sizing:border-box;background:#222;border:1px solid #333;border-radius:8px;width:100%;margin-bottom:16px;padding:12px}.zap-comment::placeholder{color:#666}.zap-submit-btn{color:#000;cursor:pointer;background:#f7931a;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700}.zap-submit-btn:disabled{opacity:.5;cursor:not-allowed}.zap-setup-link{color:#f7931a;text-align:center;margin-top:8px;text-decoration:none;display:block}button.zap-setup-link{cursor:pointer;background:0 0;border:none}.zap-error{color:#ff6b6b;text-align:center;margin-top:8px}.qr-container{background:#fff;border-radius:8px;justify-content:center;margin:16px 0;padding:16px;display:flex}.qr-hint{color:#888;text-align:center;margin:0 0 16px;font-size:14px}.zap-copy-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.zap-copy-btn:hover{background:#333}.qr-container.payment-success{background:#f7931a;align-items:center;min-height:200px}.success-icon{font-size:80px;animation:.5s ease-in-out pulse}@keyframes pulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes showGridImage{0%{opacity:0;visibility:visible}to{opacity:1}}.mason-view{flex-direction:column;align-items:start;height:100dvh;display:flex;overflow:hidden scroll}.mason-imagegrid{grid-template-columns:repeat(7,calc(14.2857% - 12px));gap:12px;width:100vw;padding:12px;display:grid}.mason-imagegrid .column{flex-direction:column;gap:12px;line-height:0;display:flex}.mason-imagegrid .column a{color:#fff;cursor:pointer}.mason-imagegrid img.mason-image{cursor:pointer;visibility:hidden;background:#222;border-radius:.5rem;width:100%}.mason-imagegrid video.mason-image{cursor:pointer;border-radius:.5rem;width:100%}.mason-imagegrid .mason-image.show{visibility:visible;animation-name:showGridImage;animation-duration:.5s;animation-timing-function:ease-in}.mason-imagegrid .image:hover{filter:brightness(1.1);outline:1px solid #fff}.mason-imagegrid .info-section{box-sizing:border-box;opacity:0;pointer-events:none;visibility:hidden;background:linear-gradient(#0000,#000c);width:100%;padding:2em .5em .5em;line-height:1.4em;transition:opacity .2s ease-in-out,visibility 0s linear .2s;display:block;position:absolute;bottom:0;left:0}.mason-imagegrid .info-section.visible{opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility}.mason-imagegrid .info-section a{pointer-events:visible}.mason-imagegrid .title{pointer-events:visible;padding-bottom:.2em;display:flex}.mason-imagegrid .time{text-align:right;color:#aaa;flex-grow:1}.mason-imagegrid .is-relative{position:relative}.page-header{box-sizing:border-box;flex-direction:row;width:100vw;min-height:90px;padding:1.2em 6em .6em 5em;line-height:64px;display:flex}.page-header .page-search{display:flex}.page-header .page-search .title{cursor:pointer;margin-top:8px;padding:8px;font-size:24px;font-weight:700}.page-header .page-search .title:hover{color:#fff}.page-header .page-search input{cursor:pointer;background:0 0;border:none;width:fit-content;min-width:50vw;margin-top:10px;margin-bottom:6px;margin-right:10px;padding:10px;font-size:24px;font-weight:700}.page-header .page-search input:focus-visible{background:#333;border-radius:10px;outline:none}.page-header .page-search svg{width:24px}.page-header h2{cursor:pointer;word-break:break-all;text-overflow:ellipsis;margin:0 10px 0 0;overflow:hidden}.page-header .author-info{bottom:initial;left:initial;position:relative}@media screen and (width<=768px){.page-header .author-info .author-name{display:block}}.search-results{grid-auto-flow:column;align-self:center;gap:4em;padding:4em;display:grid}.search-results .author-info{bottom:initial;left:initial;position:relative}@media screen and (width<=768px){.search-results .author-info .author-name{display:block}.search-results{grid-auto-flow:dense}}.search-results h2{margin-top:0}.search-results .people-list,.search-results .topic-list{flex-direction:column;gap:8px;display:flex}.search-results .topic-list .topic-title svg{vertical-align:middle;width:32px}.search-results .topics{flex-direction:column;gap:4em;display:flex}.search-results .topic{cursor:pointer;background-color:#222;background-position:50%;background-size:cover;border-radius:16px;height:6em;padding:1em}.search-results .topic-title{font-size:30px}.search-results .tag-list{max-width:500px}.tag-list .tag{color:#fff;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background-color:#444;border-radius:24px;min-width:3em;margin-bottom:.4em;margin-right:.4em;padding:0 .6em;font-size:1rem;line-height:2.2em;display:inline-block}.tag-list .tag.selected{background-color:#7600ff}.tag-list .tag:hover{background-color:#555}.tag-list .tag.selected:hover{background-color:#7322ff}.tag-list .tag.action{color:#000;background-color:#fff}