*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#f4f6f8}button,input,select,textarea{font:inherit}input,select,textarea{scroll-margin-top:calc(var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px) + 90px)}button{touch-action:manipulation}.flex{display:flex}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.mx-auto{margin-left:auto;margin-right:auto}.overflow-x-auto{overflow-x:auto}.browse-table{min-width:760px}.browse-table th,.browse-table td{padding:12px 8px!important}.browse-table thead th{position:sticky;top:0;z-index:3;background:var(--field)}@media (orientation: landscape){.browse-table td:last-child,.browse-table th:last-child{position:sticky;right:0;background:var(--paper);box-shadow:-4px 0 8px #0f17230a}.browse-table thead th:last-child{background:var(--field)}}.flex>*{min-width:0}.app-nav button{flex-shrink:0}.app-nav .overflow-x-auto{scrollbar-width:none}.app-nav .overflow-x-auto::-webkit-scrollbar{display:none}#root{height:100%;display:flex;flex-direction:column;padding-top:calc(var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px));padding-bottom:calc(var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px));padding-left:calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px));padding-right:calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px))}.app-scroll-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:w-72{width:18rem}}@media (max-width: 1023px){.app-nav .hidden{display:none}.app-nav .sm\:hidden{display:flex}}@media (orientation: portrait){.post-actions{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.post-actions::-webkit-scrollbar{display:none}.post-actions>*{flex-shrink:0}}@media (max-width: 399px){.app-nav>.flex>.flex:last-child{gap:10px!important}.app-nav .serif{font-size:16px!important}}
