: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}#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}#app-title{font-size:24px;font-weight:600;color:#000}#app-subtitle{font-size:16px;font-weight:600;color:#000}#main-container{height:100%;width:100%;display:flex;flex-direction:column}#main-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #000;order:1}#main-header h1{margin:0;font-size:18px}.more-container{position:relative}.more-dropdown{position:absolute;top:calc(100% + 2px);right:0;background:#fff;border:1px solid #000;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}.more-dropdown button:hover{background:#f0f0f0}.post-more-dropdown{position:absolute;top:calc(100% + 2px);right:0;background:#fff;border:1px solid #000;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}.post-more-dropdown button:hover{background:#f0f0f0}#main-nav{display:flex;border-top:1px solid #000;order:3;padding-bottom:env(safe-area-inset-bottom)}.nav-button{flex:1;padding:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.nav-button.active{background:#000;color:#fff}.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%)}#main-content{flex:1;padding:10px;overflow-y:auto;order:2;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input,textarea,select{font-size:16px;box-sizing:border-box}button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#fff,#f0f0f0);border:1px solid #999;border-radius:4px;color:#000;cursor:pointer;font-family:inherit;font-size:13px;padding:6px 12px;text-align:center;-webkit-user-select:none;user-select:none;line-height:1.3}button:hover,input[type=button]:hover,input[type=submit]:hover{background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);border-color:#777}button:active,input[type=button]:active,input[type=submit]:active{background:linear-gradient(to bottom,#d5d5d5,#e5e5e5);border-color:#666;box-shadow:inset 0 1px 2px #0000001a}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{background:#f5f5f5;border-color:#d3d3d3;color:#999;cursor:not-allowed}textarea{width:100%;max-width:100%;min-width:0;resize:vertical;font-family:inherit;padding:8px;border:1px solid #000;border-radius:4px}.link-previews{margin-top:10px;display:flex;flex-direction:column;gap:8px}.link-preview{display:block;text-decoration:none;color:inherit;border:1px solid #ccc;border-radius:8px;overflow:hidden;transition:border-color .2s}.link-preview:hover{border-color:#999}.link-preview-content{display:flex;min-height:80px}.link-preview-image{width:120px;flex-shrink:0;overflow:hidden;background:#f5f5f5;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}.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:#666;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:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image-direct{display:block}.feed{display:flex;flex-direction:column;gap:10px}.post{border:1px solid #000;padding:10px;background:#fafafa;border-radius:4px;white-space:pre-wrap}.post.no-border{border:none;background:#fff}.post form{display:flex;flex-direction:column;gap:10px}.post form input{width:100%;font-size:16px;box-sizing:border-box}#mock-device-body{height:100%;width:100%;position:relative;overflow:hidden;border-radius:inherit}#mock-device-header{position:absolute;display:none}#mock-device{height:calc(100vh - 4rem);max-height:852px;width:393px;border:1px solid #000;border-radius:20px;overflow:hidden;background:#fff;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:#fff}#mock-device-body,#app,#main-container{height:100%}#main-nav{padding-bottom:env(safe-area-inset-bottom)}}#mock-device-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:relative;overflow:hidden}#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}.globe-spiral{position:absolute;width:24px;height:24px;font-size:24px;line-height:1;pointer-events:none;z-index:-1}#mock-device-container{--golden-angle: 137.5deg;--spiral-spacing: 8px}#root{background:#fff;height:100%;width:100%}.replies-container{display:flex;flex-direction:column;gap:15px}.reply{padding:10px;border:1px solid #ddd;border-radius:8px}