.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.loading-cursor{width:24px;height:24px;border:2px solid #4ade80;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:1.2rem;color:#4ade80;margin-top:1rem}:root{--bg: #0a0a0f;--bg2: #12121a;--surface: #1a1a24;--surface2: #22222e;--border: #2a2a38;--border2: #3a3a48;--text: #c8c8d4;--text2: #8888a0;--text3: #555570;--green: #4ade80;--green-dim: #22c55e;--cyan: #22d3ee;--yellow: #fbbf24;--red: #f87171;--blue: #60a5fa;--purple: #a78bfa;--mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--sans: "Inter", -apple-system, sans-serif;--r1: 4px;--r2: 6px;--max-w: 720px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--mono);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:1}a{color:var(--cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--green)}input,textarea,button,select{font-family:inherit}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.loading-cursor{width:24px;height:24px;border:2px solid var(--green);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:var(--mono);font-size:1.2rem;color:var(--green);margin-top:1rem}.blink{animation:blink 1s step-end infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{display:flex;align-items:center;gap:.4rem;text-decoration:none!important}.logo-icon{font-size:1.2rem}.logo-text{font-size:1.1rem;font-weight:700;color:var(--green)!important;letter-spacing:-.5px}.mode-badge{font-size:.65rem;color:var(--text3);padding:.15rem .4rem;border:1px solid var(--border);border-radius:var(--r1)}.header-center{display:flex;align-items:center}.header-nav{display:flex;gap:.25rem}.nav-item{font-size:.8rem;padding:.4rem .75rem;color:var(--text2)!important;border-radius:var(--r1);transition:all .2s;text-decoration:none!important}.nav-item:hover,.nav-item.active{color:var(--green)!important;background:var(--surface)}.header-right{display:flex;align-items:center;gap:.75rem}.header-username{font-size:.8rem;color:var(--text2)}.btn-link{font-family:var(--mono);font-size:.85rem;color:var(--text2)!important;transition:color .2s}.btn-link:hover{color:var(--green)!important}.btn{font-family:var(--mono);font-size:.85rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--r1);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s}.btn:hover{background:var(--surface2);border-color:var(--border2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--surface);border-color:var(--border)}.btn-primary{background:var(--green);color:var(--bg);border-color:var(--green);font-weight:600}.btn-primary:hover{background:var(--green-dim);border-color:var(--green-dim)}.btn-primary:disabled{background:var(--green-dim);opacity:.4}.btn-ghost{background:transparent;border-color:transparent;color:var(--text2)}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn-sm{font-size:.75rem;padding:.3rem .6rem}.main-content{flex:1;max-width:var(--max-w);width:100%;margin:0 auto;padding:1.5rem 1rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom));position:relative;z-index:2}.auth-container{max-width:400px;margin:2rem auto}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem}.auth-title{font-size:1rem;color:var(--green);margin-bottom:.5rem}.auth-sub{font-size:.8rem;color:var(--text2);margin-bottom:1.5rem}.form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.75rem;color:var(--text2)}.field small{font-size:.7rem;color:var(--text3)}.field input,.field textarea{font-family:var(--mono);font-size:.9rem;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--r1);color:var(--text);outline:none;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:var(--green)}.field input::placeholder,.field textarea::placeholder{color:var(--text3)}.auth-secret{margin-top:1rem}.secret-key-box{margin-top:.5rem;font-family:var(--mono);font-size:.7rem;word-break:break-all;background:var(--bg);padding:.5rem;border-radius:var(--r1);border:1px solid var(--border);color:var(--text2)}.error{font-size:.8rem;color:var(--red);padding:.5rem;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:var(--r1)}.auth-link{font-size:.8rem;color:var(--text2);margin-top:1rem;text-align:center}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.feed-title{font-size:.95rem;color:var(--green)}.feed-count{font-size:.75rem;color:var(--text3)}.post-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:1rem;margin-bottom:1.5rem}.post-form-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;color:var(--text3)}.post-form-header .prompt{color:var(--green)}.post-form textarea{width:100%;min-height:80px;font-family:var(--mono);font-size:.85rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--r1);color:var(--text);resize:vertical;outline:none;transition:border-color .2s}.post-form textarea:focus{border-color:var(--green)}.post-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.char-count{font-size:.7rem;color:var(--text3)}.char-count.warn{color:var(--yellow)}.char-count.limit{color:var(--red)}.post-list{display:flex;flex-direction:column;gap:.5rem}.post{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:1rem;transition:border-color .2s;animation:fadeIn .3s ease-out}.post:hover{border-color:var(--border2)}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.post-author{font-size:.85rem;color:var(--cyan);cursor:pointer;transition:color .2s}.post-author:hover{color:var(--green)}.post-time{font-size:.7rem;color:var(--text3)}.post-content{font-size:.9rem;line-height:1.6;color:var(--text);word-break:break-word;white-space:pre-wrap}.post-footer{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text3)}.post-signature{color:var(--green)}.post-sig{color:var(--text3);font-size:.65rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text3)}.empty-icon{font-size:2rem;display:block;margin-bottom:1rem;opacity:.5}.empty-text{font-size:.85rem}.cli-promo{background:var(--surface2);border:1px dashed var(--border2);border-radius:var(--r2);padding:1rem;margin-top:2rem;text-align:center}.cli-promo-title{font-size:.8rem;color:var(--yellow);margin-bottom:.5rem}.cli-promo-code{font-family:var(--mono);font-size:.8rem;color:var(--green);background:var(--bg);padding:.5rem 1rem;border-radius:var(--r1);display:inline-block;margin-top:.5rem}.cli-promo-hint{font-size:.7rem;color:var(--text3);margin-top:.5rem}.skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:1rem;margin-bottom:.5rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:.8rem;background:var(--surface2);border-radius:var(--r1);margin-bottom:.5rem}.skeleton-line:last-child{width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:10001;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{font-family:var(--mono);font-size:.8rem;padding:.75rem 1rem;border-radius:var(--r2);background:var(--surface);border:1px solid var(--border);color:var(--text);animation:slideIn .3s ease-out;max-width:300px;pointer-events:auto}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}.toast.info{border-color:var(--cyan);color:var(--cyan)}.toast.out{animation:slideOut .3s ease-out forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.error-page{text-align:center;padding:3rem 1rem}.error-card{background:var(--surface);border:1px solid var(--red);border-radius:var(--r2);padding:2rem;display:inline-block}.error-card p{color:var(--red);margin-bottom:1rem}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:.4rem 0;padding-bottom:max(.4rem,env(safe-area-inset-bottom));z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .8rem;color:var(--text3)!important;font-size:.6rem;text-decoration:none!important;transition:color .2s;position:relative}.mobile-nav-item svg{width:22px;height:22px;stroke:var(--text3);transition:stroke .2s}.mobile-nav-item.active{color:var(--green)!important}.mobile-nav-item.active svg{stroke:var(--green)}.mobile-nav-item:active{opacity:.7}.dm-badge{position:absolute;top:-6px;right:-8px;background:var(--red);color:#fff;font-size:.55rem;font-weight:700;min-width:14px;height:14px;line-height:14px;text-align:center;border-radius:7px;padding:0 3px}.profile-card{margin-bottom:1.5rem}.profile-header{display:flex;gap:1rem;align-items:center}.profile-avatar{width:48px;height:48px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--green);border:1px solid var(--border);flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-username{font-size:.95rem;color:var(--cyan)}.profile-display-name{font-size:.8rem;color:var(--text2)}.profile-bio{margin-top:.75rem;font-size:.85rem;color:var(--text2);padding-top:.75rem;border-top:1px solid var(--border)}.profile-stats{margin-top:.75rem;font-size:.75rem;color:var(--text3)}.stat-sep{margin:0 .5rem}.section-title{font-size:.85rem;color:var(--text2);margin-bottom:.75rem;margin-top:1rem}.search-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--r1);padding:0 .75rem}.search-input-wrapper:focus-within{border-color:var(--green)}.search-prompt{color:var(--green);font-size:.85rem}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--mono);font-size:.9rem;padding:.6rem 0}.search-input::placeholder{color:var(--text3)}.search-results{display:flex;flex-direction:column;gap:.35rem}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;transition:all .2s}.search-result-item:hover{border-color:var(--border2);background:var(--surface2)}.search-result-item:active{transform:scale(.99)}.search-result-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--green);border:1px solid var(--border);flex-shrink:0}.search-result-info{flex:1}.search-result-name{font-size:.85rem;color:var(--cyan)}.search-result-display{font-size:.75rem;color:var(--text3)}.dm-inbox{display:flex;flex-direction:column;gap:0}.dm-inbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.dm-inbox-title{font-size:.95rem;color:var(--green)}.conversation-list{display:flex;flex-direction:column;gap:.35rem}.dm-thread{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;transition:all .2s;text-decoration:none!important}.dm-thread:hover{border-color:var(--border2);background:var(--surface2)}.dm-thread:active{transform:scale(.99)}.dm-thread-avatar{width:42px;height:42px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--green);border:1px solid var(--border);flex-shrink:0}.dm-thread-info{flex:1;min-width:0}.dm-thread-name{font-size:.85rem;color:var(--cyan);margin-bottom:.15rem}.dm-thread-preview{font-size:.75rem;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.dm-thread-time{font-size:.65rem;color:var(--text3)}.dm-thread-unread{width:8px;height:8px;border-radius:50%;background:var(--green)}.dm-chat{display:flex;flex-direction:column;height:calc(100vh - 140px);max-height:calc(100vh - 140px)}.dm-chat-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.dm-chat-back{color:var(--cyan)!important;font-size:.85rem;cursor:pointer;flex-shrink:0}.dm-chat-user{font-size:.95rem;color:var(--cyan)}.dm-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.dm-msg{max-width:80%;padding:.6rem .9rem;border-radius:var(--r2);font-size:.85rem;line-height:1.5;word-break:break-word;white-space:pre-wrap;animation:fadeIn .2s ease-out}.dm-msg.sent{align-self:flex-end;background:var(--green);color:var(--bg);border-bottom-right-radius:2px}.dm-msg.received{align-self:flex-start;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:2px}.dm-msg-time{font-size:.6rem;color:var(--text3);margin-top:.25rem}.dm-msg.sent .dm-msg-time{color:#00000080}.dm-input-area{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border);align-items:flex-end}.dm-input-area textarea{flex:1;font-family:var(--mono);font-size:.85rem;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);color:var(--text);resize:none;outline:none;min-height:40px;max-height:120px;transition:border-color .2s}.dm-input-area textarea:focus{border-color:var(--green)}.dm-send-btn{background:var(--green);color:var(--bg);border:none;border-radius:var(--r2);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .2s}.dm-send-btn:hover:not(:disabled){opacity:.85}.dm-send-btn:disabled{opacity:.4;cursor:not-allowed}.dm-send-btn svg{width:18px;height:18px}.dm-send-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:1rem;margin-bottom:1rem}.dm-send-form-header{font-size:.8rem;color:var(--text2);margin-bottom:.75rem}.dm-send-form textarea{width:100%;min-height:60px;font-family:var(--mono);font-size:.85rem;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--r1);color:var(--text);resize:vertical;outline:none;transition:border-color .2s}.dm-send-form textarea:focus{border-color:var(--green)}.dm-send-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.section-label{font-size:.8rem;color:var(--text2);margin-bottom:.5rem}.nostr-status{margin-top:.5rem}.nostr-status-online{color:var(--green);font-size:.9rem}.nostr-status-offline{color:var(--yellow);font-size:.9rem}.nostr-status-hint{font-size:.75rem;color:var(--text3);margin-top:.25rem}.nostr-actions{border-top:1px solid var(--border);padding-top:1rem}.relay-list{display:flex;flex-direction:column;gap:.25rem}.relay-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r1)}.relay-dot{font-size:.6rem;color:var(--green)}.relay-url{font-size:.75rem;font-family:var(--mono);color:var(--text2);word-break:break-all}.nostr-footer-hint{margin-top:1rem;font-size:.7rem;color:var(--text3);text-align:center}.nostr-footer-hint code{color:var(--green)}.pwa-prompt{position:fixed;bottom:4rem;left:.5rem;right:.5rem;z-index:2000}.pwa-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:.75rem 1rem;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out}.pwa-icon{font-size:1.5rem}.pwa-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.pwa-text strong{font-size:.85rem;color:var(--text)}.pwa-text small{font-size:.7rem;color:var(--text3)}.pwa-dismiss{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:1rem;padding:.25rem}.pwa-dismiss:hover{color:var(--text)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.pwa-prompt{bottom:calc(3.5rem + env(safe-area-inset-bottom))}}@media (max-width: 600px){html{font-size:13px}.app-header{padding:.5rem 1rem}.main-content{padding:1rem .75rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.post{padding:.85rem}.dm-msg{max-width:85%}.pwa-prompt{bottom:calc(3.5rem + env(safe-area-inset-bottom))}.desktop-only{display:none!important}}@media (min-width: 601px){.desktop-only{display:block!important}}