@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #fafafa;--line: #dbdbdb;--text: #111827;--muted: #6b7280;--primary: #0a84ff;--primary-strong: #0066e8;--shadow-soft: none;--shadow-card: none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit}button,input,textarea{font-family:inherit}::selection{background:#0a84ff38}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;opacity:.4;background-color:#000000bf;filter:blur(8px);-webkit-filter:blur(8px)}.modal{position:fixed;top:20vh;left:calc(50% - 250px);width:500px;background-color:#fff;box-sizing:content-box;border-radius:14px;box-shadow:0 2px 8px #00000040;z-index:30;animation:slide-down .3s ease-out forwards}.modal.modal--post{top:78px;left:50%;transform:translate(-50%);width:min(1360px,90vw);height:calc(100vh - 96px);max-height:calc(100vh - 96px);border-radius:14px;overflow:visible;animation:none}.modal.modal--post>div{width:100%;height:100%;max-height:100%}@media (max-width: 655px){.modal{width:300px;left:calc(50% - 150px)}.modal.modal--post{width:100vw;max-height:100vh;height:100vh;left:0;top:0;transform:none;border-radius:0}.modal.modal--post>div{height:100vh;max-height:100vh}}@keyframes slide-down{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}