@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;scrollbar-width:none;background:#100f0f;height:100%;font-family:Roboto Mono,Courier New,monospace;overflow:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}#root{background:#100f0f;height:100%}.app-container{background:#100f0f;flex-direction:column;width:100%;max-width:430px;height:100%;display:flex;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}@media (width>=431px){.app-container{height:874px}}.header{z-index:10;background:#100f0f;flex-shrink:0;justify-content:space-between;align-items:flex-start;min-height:97px;padding:18px 24px 20px;display:flex;position:sticky;top:0}.header-title-stack{flex-direction:column;gap:0;display:flex}.header-app-name{color:#fff;letter-spacing:0;font-size:34px;font-weight:700;line-height:.85}.header-screen-name{color:#fff;letter-spacing:0;margin-top:1px;font-size:34px;font-weight:700;line-height:.85}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:20px;height:20px;margin-top:1px;padding:0;display:flex}.hamburger-bar{background:#fff;border-radius:0;width:20px;height:2px;display:block}.screen{flex:1;padding:0 24px 80px}.back-btn{color:#555;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;margin-bottom:28px;padding:0;font-family:inherit;font-size:13px;display:inline-block}.back-btn:hover{color:#fff}.flyer-screen .board-scroll-area{flex-direction:column;display:flex}.flyer-pic-card{flex:1;min-height:0}.flyer-screen .board-footer{padding-top:4px}.flyer-back-btn{color:#959595;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:4px 0 0 4px;padding:0;font-family:inherit;font-size:14px;font-weight:400;display:flex}.flyer-back-triangle{flex-shrink:0}.board-scroll-area{scrollbar-width:none;flex:1;min-height:0;padding:0 24px;overflow-y:auto}.board-scroll-area::-webkit-scrollbar{display:none}.board-footer{background:#100f0f;flex-shrink:0;padding:16px 24px 24px;position:relative}.board-fade-overlay{pointer-events:none;z-index:10;background:linear-gradient(#100f0f00 0%,#100f0f 100%);width:402px;height:240px;position:absolute;bottom:calc(100% - 9px);left:14px}.board-top-bar{align-items:center;margin-bottom:20px;display:flex}.filter-pill{color:#fff;cursor:pointer;letter-spacing:.02em;background:0 0;border:1px solid #fff;border-radius:3px;padding:7px 14px;font-family:inherit;font-size:16px;font-weight:500}.filter-pill:hover{color:#100f0f;background:#fff}.flyer-card{cursor:pointer;border-radius:3px;margin-bottom:4px;padding:16px}.flyer-card:active{opacity:.75}.flyer-card-read{background:0 0;border:1px solid #3b3b3b}.flyer-card-unread{background:#fff;border:1px solid #fff}.card-name{text-transform:uppercase;margin-bottom:1px;font-size:20px;font-weight:700;line-height:1.2}.card-meta{letter-spacing:.04em;color:#959595;text-transform:uppercase;margin-bottom:7px;font-size:13px;font-weight:400}.flyer-card-read .card-name{color:#fff}.flyer-card-unread .card-meta{color:#959595;font-weight:500}.flyer-card-unread .card-name{color:#100f0f}.card-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;font-weight:400;line-height:22px;display:-webkit-box;overflow:hidden}.flyer-card-read .card-preview{color:#fff}.flyer-card-unread .card-preview{color:#100f0f;font-size:16px;font-weight:400;line-height:22px}.create-flyer-btn{color:#100f0f;cursor:pointer;text-align:center;letter-spacing:.02em;background:#fff;border:1px solid #fff;border-radius:3px;width:100%;margin-top:24px;padding:15px;font-family:inherit;font-size:16px;font-weight:600;display:block}.create-flyer-btn:hover{background:#e0e0e0;border-color:#e0e0e0}.flyer-name{color:#fff;text-transform:uppercase;margin-bottom:1px;font-size:20px;font-weight:700;line-height:1.2}.flyer-meta-line{color:#959595;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:400}.flyer-divider{border:none;border-top:1px solid #3b3b3b;margin-bottom:24px}.flyer-body-card{background:#100f0f;border:1px solid #3b3b3b;border-radius:3px;margin-bottom:28px;padding:16px 16px 13px}.flyer-body{color:#fff;white-space:pre-wrap;margin-bottom:0;font-size:16px;font-weight:400;line-height:22px}.flyer-tags{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.tag{color:#555;letter-spacing:.04em;border:1px solid #3b3b3b;border-radius:3px;padding:5px 10px;font-family:inherit;font-size:11px}.pic-tag{color:#d9d9d9;letter-spacing:.04em;background:0 0;border:1px solid #d9d9d9;border-radius:3px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:400}.message-btn{color:#100f0f;cursor:pointer;text-align:center;letter-spacing:.02em;background:#fff;border:none;border-radius:3px;width:100%;padding:15px;font-family:inherit;font-size:16px;font-weight:600;display:block}.message-btn:hover{background:#e0e0e0}.chat-item-card{cursor:pointer;border-radius:3px;margin-bottom:4px;padding:16px}.chat-item-card:active{opacity:.75}.chat-item-read{background:0 0;border:1px solid #3b3b3b}.chat-item-unread{background:#fff;border:1px solid #fff}.chat-item-header{align-items:baseline;gap:10px;margin-bottom:2px;display:flex}.chat-item-time{letter-spacing:.04em;flex-shrink:0;font-size:13px;font-weight:400}.chat-item-unread .chat-item-time{color:#959595}.chat-item-read .chat-item-time{color:#555}.chat-item-name{text-transform:uppercase;font-size:20px;font-weight:700;line-height:1.2}.chat-item-instrument{text-transform:uppercase;letter-spacing:.04em;color:#959595;margin-bottom:7px;font-size:13px;font-weight:400}.chat-item-unread .chat-item-name{color:#100f0f}.chat-item-read .chat-item-name{color:#fff}.chat-item-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:400;line-height:22px;display:-webkit-box;overflow:hidden}.chat-item-unread .chat-item-preview{color:#100f0f}.chat-item-read .chat-item-preview{color:#fff}.chat-list-footer{background:#100f0f;flex-shrink:0;height:24px;position:relative}.chat-screen{flex-direction:column;flex:1;min-height:0;display:flex}.chat-screen .flyer-back-btn{margin-bottom:4px;padding:0 24px}.chat-messages-area{scrollbar-width:none;flex:1;padding:20px 24px 24px;overflow-y:auto}.chat-messages-area::-webkit-scrollbar{display:none}.chat-top-fade{pointer-events:none;z-index:10;background:linear-gradient(#100f0f 0%,#100f0f00 100%);height:290px;margin-bottom:-290px;position:sticky;top:-20px;left:0;right:0}.chat-message-row{align-items:flex-start;gap:12px;margin-bottom:40px;display:flex}.chat-avatar{color:#100f0f;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:4px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.chat-avatar-img{object-fit:cover}.chat-msg-meta{align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.chat-msg-sender{color:#fff;letter-spacing:0;text-transform:uppercase;font-size:20px;font-weight:700;line-height:1.2}.chat-msg-sender-self{color:#fff}.chat-msg-time{color:#555;letter-spacing:.04em;font-size:13px;font-weight:400}.chat-msg-text{color:#fff;font-size:16px;font-weight:400;line-height:22px}.chat-msg-text-self{color:#fff}.chat-input-bar{background:#100f0f;flex-shrink:0;align-items:center;gap:10px;padding:16px 24px 24px;display:flex}.chat-input{color:#fff;background:#181717;border:1px solid #3b3b3b;border-radius:3px;outline:none;flex:1;min-width:0;height:56px;padding:11px 14px;font-family:inherit;font-size:16px;font-weight:500}.chat-input::placeholder{color:#555;font-size:16px;font-style:italic}.chat-input:focus{border-color:#fff}.send-btn{color:#100f0f;cursor:pointer;letter-spacing:.04em;background:#fff;border:none;border-radius:3px;flex-shrink:0;height:55px;padding:0 18px;font-family:inherit;font-size:16px;font-weight:600}.send-btn:hover{background:#e0e0e0}.menu-overlay{z-index:200;background:#100f0f;flex-direction:column;width:100%;max-width:430px;height:100dvh;padding:18px 24px 40px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.menu-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:52px;display:flex}.menu-close-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:relative}.close-bar{background:#fff;border-radius:0;width:24px;height:2px;display:block;position:absolute}.close-bar-1{transform:rotate(45deg)}.close-bar-2{transform:rotate(-45deg)}.menu-nav{flex-direction:column;gap:12px;margin-top:30px;display:flex}.menu-nav-item{color:#fff;text-align:center;cursor:pointer;letter-spacing:0;text-transform:uppercase;background:#181717;border:none;border-radius:3px;height:57px;padding:0 16px;font-family:inherit;font-size:16px;font-weight:600;line-height:57px}.menu-nav-item:hover{background:#222020}.profile-tooltip{color:#fff;z-index:100;white-space:nowrap;background:#181717;border:1px solid #3b3b3b;border-radius:3px;width:fit-content;padding:13px;font-size:16px;font-weight:400;line-height:22px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.profile-tooltip:after{content:"";border-top:8px solid #3b3b3b;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:100%;left:13px}.profile-tooltip:before{content:"";z-index:1;border-top:7px solid #181717;border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;top:calc(100% - 1px);left:13px}.profile-tooltip-bold{color:#fff;font-weight:700}.profile-tooltip-red{color:#f37070}.profile-name{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:20px;font-weight:700;line-height:1.2}.profile-meta{color:#959595;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:400}.post-flyer-screen .flyer-back-btn{margin-left:0}.post-flyer-screen .board-footer{margin-top:-20px;padding-top:4px}.post-flyer-screen{flex-direction:column;display:flex}.post-flyer-body{scrollbar-width:none;flex-direction:column;flex:1;min-height:0;padding:30px 24px 0;display:flex;overflow-y:auto}.post-flyer-body::-webkit-scrollbar{display:none}.post-flyer-section-header{margin-bottom:28px}.post-flyer-title{color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:20px;font-weight:700;line-height:1.2}.post-flyer-date{color:#959595;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:13px;font-weight:400}.post-flyer-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.post-flyer-field-grow{flex:1;min-height:0}.post-flyer-label{color:#878787;font-family:inherit;font-size:13px;font-weight:400}.post-flyer-input{color:#fff;background:#181717;border:1px solid #3b3b3b;border-radius:3px;outline:none;height:56px;padding:0 14px;font-family:inherit;font-size:16px;font-weight:400}.post-flyer-input::placeholder{color:#555;font-style:italic}.post-flyer-input:focus{border-color:#fff}.post-flyer-textarea{color:#fff;resize:none;background:#181717;border:1px solid #3b3b3b;border-radius:3px;outline:none;flex:1;min-height:180px;padding:14px;font-family:inherit;font-size:16px;font-weight:400;line-height:22px}.post-flyer-textarea::placeholder{color:#555;font-style:italic}.post-flyer-textarea:focus{border-color:#fff}