:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}@font-face{font-family:sf-mono;src:url(/assets/SFMono-Regular-77Uh1IPk.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:sf-mono;src:url(/assets/SFMono-Bold-DXHgGUoo.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:sf-mono;src:url(/assets/SFMono-RegularItalic-Cn01bACm.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}.font-mono{font-family:sf-mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-mono-regular{font-family:sf-mono,sans-serif;font-weight:400;font-style:normal}.font-mono-bold{font-family:sf-mono,sans-serif;font-weight:700;font-style:normal}.font-mono-italic{font-family:sf-mono,sans-serif;font-weight:400;font-style:italic}:root{--bg: #fff;--bg-elevated: #fafafa;--bg-secondary: #f0f0f0;--bg-subtle: #f8f8f8;--bg-warm: #eeebe9;--bg-warm-alpha: #eeebe9;--border-strong: #000;--border-regular: #bbb;--border-subtle: #ddd;--border-light: #ccc;--text: #000;--text-secondary: #666;--text-tertiary: #999;--btn-bg: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);--btn-bg-hover: linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 100%);--btn-bg-active: linear-gradient(to bottom, #d5d5d5 0%, #e5e5e5 100%);--btn-bg-disabled: #f5f5f5;--btn-border: #999;--btn-border-hover: #777;--btn-border-active: #666;--btn-border-disabled: #d3d3d3;--btn-text-disabled: #999;--nav-active-bg: #000;--nav-active-text: #fff}body.dark{--bg: #111;--bg-elevated: #181818;--bg-secondary: #222;--bg-subtle: #1e1e1e;--bg-warm: #252220;--bg-warm-alpha: #252220;--border-strong: #2a2a2a;--border-regular: #222;--border-subtle: #1c1c1c;--border-light: #202020;--text: #e8e8e8;--text-secondary: #888;--text-tertiary: #555;--btn-bg: linear-gradient(to bottom, #2c2c2c 0%, #222 100%);--btn-bg-hover: linear-gradient(to bottom, #333 0%, #2a2a2a 100%);--btn-bg-active: linear-gradient(to bottom, #1a1a1a 0%, #222 100%);--btn-bg-disabled: #1e1e1e;--btn-border: #4a4a4a;--btn-border-hover: #666;--btn-border-active: #555;--btn-border-disabled: #333;--btn-text-disabled: #555;--nav-active-bg: var(--border-strong);--nav-active-text: var(--text)}#root{background:var(--bg);height:100%;width:100%}#app{display:flex;height:100%;width:100%;position:relative;overflow:hidden;flex-direction:column;text-align:left;align-items:center;justify-content:center}#app-title-container{box-sizing:border-box;height:100%;width:100%;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#app-title{font-size:24px;font-weight:600;color:var(--text)}#app-subtitle{font-size:16px;font-weight:600;color:var(--text)}#app-parent{background:var(--text);border-radius:99em;padding:.25em .75em;display:inline-block;color:var(--bg);font-size:10px;position:absolute;bottom:0;cursor:pointer}#app-parent>a{color:inherit;text-decoration:none}#main-container{height:100%;width:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}#main-header-container{display:flex;flex-direction:column;padding:10px;gap:5px;border-bottom:1px solid var(--border-strong);order:1;background:var(--bg)}#main-header{display:flex;justify-content:space-between;align-items:center}#main-header h1{margin:0;font-size:18px;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main-content{flex:1;padding:10px;overflow-y:auto;order:2;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:var(--bg)}#user-hover{order:3}#main-nav{display:flex;border-top:1px solid var(--border-strong);order:4;padding-bottom:env(safe-area-inset-bottom);background:var(--bg)}.more-container{position:relative}.more-dropdown{position:absolute;top:calc(100% + 2px);right:0;background:var(--bg-elevated);border:1px solid var(--border-strong);min-width:150px;z-index:100;border-radius:4px}.more-dropdown button{display:block;width:100%;background:none;border:none;padding:10px;text-align:left;cursor:pointer;font-size:13px;color:var(--text)}.more-dropdown button:hover{background:var(--bg-secondary)}.post-more-dropdown{position:absolute;top:calc(100% + 2px);right:0;background:var(--bg-elevated);border:1px solid var(--border-strong);min-width:150px;z-index:100;border-radius:4px}.post-more-dropdown button{display:block;width:100%;background:none;border:none;padding:10px;text-align:left;cursor:pointer;font-size:13px;color:var(--text)}.post-more-dropdown button:hover{background:var(--bg-secondary)}.post-more-dropdown-up{top:auto!important;bottom:calc(100% + 2px)!important}.nav-button{flex:1;padding:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text)}.nav-button.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.nav-button.world-button,.nav-button.world-best-button,.nav-button.notifications-button{flex:.7;font-size:16px}.nav-button.notifications-button:not(.has-notifications){filter:grayscale(100%)}input,textarea,select{font-size:16px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #999;border-radius:4px;padding:4px 8px;background:#fff;color:#000;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#444}body.dark input,body.dark textarea,body.dark select{background:var(--bg-elevated);color:var(--text);border-color:var(--border-regular)}body.dark input:focus,body.dark textarea:focus,body.dark select:focus{border-color:var(--border-strong)}body.dark input::placeholder,body.dark textarea::placeholder{color:var(--text-tertiary)}textarea{width:100%;max-width:100%;min-width:0;resize:vertical;padding:8px;border-color:#000}button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;padding:6px 12px;text-align:center;-webkit-user-select:none;user-select:none;line-height:1.3;white-space:pre-wrap}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}button:active,input[type=button]:active,input[type=submit]:active{background:var(--btn-bg-active);border-color:var(--btn-border-active);box-shadow:inset 0 1px 2px #0000001a}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{background:var(--btn-bg-disabled);border-color:var(--btn-border-disabled);color:var(--btn-text-disabled);cursor:default}.feed{display:flex;flex-direction:column;gap:10px}.post{border:1px solid var(--border-strong);padding:10px 10px 5px;background:var(--bg-elevated);border-radius:4px;white-space:pre-wrap;color:var(--text)}.post.no-border{border:none;background:var(--bg)}.post{padding-top:9px}.post-actions{--post-actions-padding: .125rem;--post-actions-top-margin: 10px;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;background:none;position:relative;margin:calc(-1 * var(--post-actions-padding));margin-top:calc(var(--post-actions-top-margin) - var(--post-actions-padding));padding:var(--post-actions-padding)}.post-actions:has(.main-post-more-menu):before,.post-actions:has(.comment-more-menu):before{content:"";position:absolute;left:var(--post-actions-padding);right:var(--post-actions-padding);top:50%;transform:translateY(-50%);height:var(--post-actions-padding);background:var(--bg-warm-alpha);pointer-events:none}.post-actions .btn{font-size:13px;padding:4px 12px;border:none;border-radius:calc(8px - var(--post-actions-padding));box-shadow:0 0 2px #00000012;background:var(--bg-elevated);color:var(--text-secondary);font-family:Noto Sans Mono,monospace;min-width:2.5rem;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;line-height:1.3;white-space:pre-wrap}.post-actions .btn:hover{background:var(--bg);color:var(--text);filter:none}.post-actions .btn:active{background:var(--bg-warm);color:var(--text);filter:none;box-shadow:none}.post-actions .btn:disabled{background:var(--bg-subtle);color:var(--btn-text-disabled);cursor:default;filter:none}.post-actions-left{display:flex;align-items:center;gap:var(--post-actions-padding);background:var(--bg-warm-alpha);border-radius:8px;padding:var(--post-actions-padding);position:relative}.main-post-more-menu{background:var(--bg-warm-alpha);border-radius:8px;padding:var(--post-actions-padding);position:relative}.comment-more-menu{background:var(--bg-warm-alpha);border-radius:8px;padding:var(--post-actions-padding);position:relative;z-index:1}.post-comment-actions{margin-top:5px;display:flex;align-items:center;gap:4px}:is(.main-post-more-menu,.comment-more-menu) .btn{font-family:Noto Sans,sans-serif!important}.post-btns-classic .post-actions{--post-actions-top-margin: 10px;background:none;border:none;margin:0;padding:0;border-radius:0}.post-btns-classic .post-actions-left{gap:4px;background:none}.post-btns-classic .main-post-more-menu,.post-btns-classic .comment-more-menu{background:none}.post-btns-classic .post-actions:has(.main-post-more-menu):before,.post-btns-classic .post-actions:has(.comment-more-menu):before{display:none}.post-btns-classic .post-actions .btn{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;padding:6px 12px;min-width:unset;box-shadow:none}.post-btns-classic .post-actions .btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.post-btns-classic .post-actions .btn:active{background:var(--btn-bg-active);border-color:var(--btn-border-active);box-shadow:inset 0 1px 2px #0000001a}.post-btns-classic .post-actions .btn:disabled{background:var(--btn-bg-disabled);border-color:var(--btn-border-disabled);color:var(--btn-text-disabled)}.post form{display:flex;flex-direction:column;gap:10px}.post form input{width:100%;font-size:16px;box-sizing:border-box}.link-previews{margin-top:10px;display:flex;flex-direction:column;gap:8px}.link-preview{display:block;text-decoration:none;color:inherit;border:1px solid var(--border-light);border-radius:8px;overflow:hidden;transition:border-color .2s;background:var(--bg-elevated)}.link-preview:hover{border-color:var(--border-regular)}.link-preview-content{display:flex;min-height:80px}.link-preview-image{width:120px;flex-shrink:0;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-text{flex:1;padding:12px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;background:var(--bg-elevated)}.link-preview-title{font-weight:700;font-size:14px;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-preview-description{font-size:13px;color:var(--text-secondary);line-height:1.3;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-preview-url{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image-direct{display:block}.replies-container{display:flex;flex-direction:column;gap:8px}.reply{padding:10px;border:1px solid var(--border-regular);border-radius:8px;background:var(--bg-elevated);color:var(--text)}.post-reply-form{display:flex;flex-direction:column}#mock-device-body{height:100%;width:100%;position:relative;overflow:hidden;border-radius:inherit;background:var(--bg)}#mock-device-header{position:absolute;display:none}#mock-device{height:calc(100vh - 4rem);max-height:852px;width:393px;border:1px solid var(--border-strong);border-radius:20px;overflow:hidden;background:var(--bg);position:relative;z-index:10}@media (max-width: 450px){#mock-device-container{justify-content:flex-start;align-items:flex-start;height:100%}#mock-device{height:100%;max-height:none;width:100%;border:none;border-radius:0;background:var(--bg)}#mock-device-body,#app,#main-container{height:100%}#main-nav{padding-bottom:env(safe-area-inset-bottom)}#main-header-container{padding-top:calc(10px + env(safe-area-inset-top))}}#mock-device-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:relative;overflow:hidden;--golden-angle: 137.5deg;--spiral-spacing: 8px}#mock-device-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 20px,transparent 20px),conic-gradient(from 137.5deg at 50% 50%,transparent 0deg,transparent 10deg,#00000008 10deg,#00000008 20deg,transparent 20deg,transparent 30deg);z-index:-1}body.dark #root,body.dark #mock-device-container{background:#000}body.dark #mock-device-container:before{background:radial-gradient(circle at 50% 50%,transparent 20px,transparent 20px),conic-gradient(from 137.5deg at 50% 50%,transparent 0deg,transparent 10deg,#ffffff08 10deg,#ffffff08 20deg,transparent 20deg,transparent 30deg)}.slim-link-btn{display:flex;align-items:center;padding:6px 8px;border:1px solid var(--btn-border);border-radius:4px;background:var(--btn-bg);text-decoration:none;color:var(--text);font-size:13px;cursor:pointer;transition:border-color .15s ease}.slim-link-btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.globe-spiral{position:absolute;width:24px;height:24px;font-size:24px;line-height:1;pointer-events:none;z-index:-1}