:root{font-family:IBM Plex Mono,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--app-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-bg-color: #000000;--link-color: #646cff;--link-hover-color: #535bf2;--accent-color: #f59e42;--accent-glow-filter: drop-shadow(0 0 2px var(--accent-color))}html,body{margin:0;padding:0;height:100%;max-height:100%;overflow:hidden;overflow-x:hidden;width:100%;max-width:100vw;position:relative;box-sizing:border-box;background-color:var(--app-bg-color)}body{display:flex;flex-direction:column;min-width:320px;min-height:100vh;max-height:100vh;overflow:hidden;overflow-x:hidden;width:100%;max-width:100vw;position:relative;min-height:100dvh;max-height:100dvh}@media (display-mode: standalone){body{padding:0;margin:0;min-height:100vh;height:100vh;min-height:100dvh;height:100dvh;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:var(--app-bg-color)}html{height:100vh;height:100dvh;overflow:hidden}}@supports (-webkit-touch-callout: none){body{-webkit-text-size-adjust:100%;overscroll-behavior-y:none;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important;-webkit-appearance:none;border-radius:0}@media (display-mode: standalone){body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}html{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;margin:0;padding:0}}}@media (display-mode: standalone) and (max-width: 768px){body{min-height:100vh;height:100vh}}@media (display-mode: standalone){:root{background-color:var(--app-bg-color, #000000)!important}body,html,#root{background-color:var(--app-bg-color, #000000)!important}}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:0;border:1px dotted transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s ease;min-height:44px;min-width:44px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px dotted -webkit-focus-ring-color}button:disabled{background-color:#4a4a4a;color:#888;cursor:not-allowed;opacity:.7;border-color:transparent}button:disabled:hover{border-color:transparent;background-color:#4a4a4a}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--app-bg-color: #ffffff;--accent-glow-filter: none}html,body{background-color:var(--app-bg-color)}a:hover{color:var(--link-hover-color)}button{background-color:#f9f9f9}button:disabled{background-color:#e0e0e0;color:#a0a0a0}button:disabled:hover{background-color:#e0e0e0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--app-bg-color)}::-webkit-scrollbar-thumb{background-color:#64748b;border-radius:0}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#64748b var(--app-bg-color);font-family:IBM Plex Mono,monospace}.no-zoom-on-focus{font-size:16px!important}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important}@media screen and (-webkit-min-device-pixel-ratio: 0){.no-zoom-on-focus:focus{font-size:16px!important}}@media (max-width: 768px){.nostr-header{position:sticky;top:0;z-index:1000;background-color:var(--bg-color)}.nostr-feed{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ascii-container{max-width:100%!important;max-height:none!important;overflow:visible!important}.ascii-char{line-height:1!important;padding:0!important;letter-spacing:0!important}}@supports (-webkit-touch-callout: none){@media (display-mode: standalone){.nostr-feed{padding-top:0;margin-top:0}body,html{margin:0;padding:0;background-color:var(--app-bg-color)}.note-text{overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 200px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.note-text-mobile{overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:none!important;padding-bottom:calc(2rem + var(--safe-area-inset-bottom))!important;min-height:calc(100vh - 300px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.note-text-ios-pwa{overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:none!important;padding-bottom:calc(3rem + var(--safe-area-inset-bottom))!important;min-height:calc(100vh - 250px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));margin-bottom:var(--safe-area-inset-bottom)}.notes-container{min-height:calc(100vh - 200px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}}#root{width:100%;height:100%;margin:0;padding:0;text-align:center;overflow-x:hidden;flex:1;display:flex;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background-color:var(--bg-color);color:var(--text-color);width:100vw;margin:0;padding:0;overflow:hidden}@supports (-webkit-touch-callout: none){.app{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;margin:0;padding:0;overflow:hidden}@media (display-mode: standalone){.app{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;margin:0;padding:0;overflow:hidden}}}header{background-color:var(--card-bg);padding:1rem;box-shadow:0 2px 4px #0000001a;text-align:center}header h1{margin:0;color:var(--text-color);font-size:1.5rem}main{padding:2rem 0}::selection{background:#64748b;color:#000}::-moz-selection{background:#64748b;color:#000}[data-theme=light] ::selection{background:#1a1a1a;color:#fff}[data-theme=light] ::-moz-selection{background:#1a1a1a;color:#fff}button{border:none;border-radius:0;padding:0;margin:0;outline:none;transition:background-color .3s ease}button:hover{background-color:var(--hover-bg)}button:focus{outline:none}button:focus-visible{outline:2px dotted var(--border-color)}.relay-dropdown-content:focus,.relay-dropdown-content:focus-visible{outline:none}.relay-dropdown-content input:focus,.relay-dropdown-content button:focus{outline:none}.relay-dropdown-content input:focus-visible,.relay-dropdown-content button:focus-visible{outline:none}:root{--bg-color: #000000;--text-color: #64748b;--border-color: #64748b;--hover-bg: #1a1a1a;--card-bg: #000000;--relay-connected: #00ff00;--relay-disconnected: #ff0000;--toggle-on-bg: #1a4d1a;--toggle-on-text: #00ff00;--toggle-on-hover: #2a6d2a;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);font-family:IBM Plex Mono,monospace}[data-theme=light]{--bg-color: #ffffff;--text-color: #1a1a1a;--border-color: #1a1a1a;--hover-bg: #f5f5f5;--card-bg: #ffffff;--relay-connected: #006400;--relay-disconnected: #8b0000;--toggle-on-bg: #d4edda;--toggle-on-text: #155724;--toggle-on-hover: #c3e6cb;--accent-color: #5b21b6;--accent-glow-filter: none}.relay-status-light,[data-theme=light] .relay-status-light{background-color:var(--card-bg)}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}.nostr-feed{width:100%;height:100%;flex:1;display:flex;flex-direction:column;background-color:var(--app-bg-color);overflow:hidden}.notes-container{width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background-color:var(--bg-color)}
