@import"https://fonts.googleapis.com/css2?family=Rubik+Spray+Paint&family=Rubik+Wet+Paint&display=swap";@font-face{font-family:PIXY;src:url(../../../fonts/PIXY.ttf)}@font-face{font-family:Technology;src:url(../../../fonts/Technology.ttf)}@font-face{font-family:Unbounded;font-weight:300;font-style:normal;src:url(../../../fonts/UnboundedLight.ttf)}@font-face{font-family:Unbounded;font-weight:400;font-style:normal;src:url(../../../fonts/UnboundedRegular.ttf)}@font-face{font-family:Unbounded;font-weight:500;font-style:normal;src:url(../../../fonts/UnboundedMedium.ttf)}@font-face{font-family:Unbounded;font-weight:700;font-style:normal;src:url(../../../fonts/UnboundedBold.ttf)}@font-face{font-family:Unbounded;font-weight:800;font-style:normal;src:url(../../../fonts/UnboundedBlack.ttf)}.wall-reader{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#29292d;color:#fff;font-family:Nunito sans,sans-serif}.wall-reader__topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 24px;background:transparent;z-index:10}.wall-reader__brand{display:flex;align-items:center;gap:16px;text-decoration:none}.wall-reader__brand .header-oorno-image{height:58px;object-fit:contain}.wall-reader__streamer-info{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 20px;z-index:10}.wall-reader__streamer-profile{display:flex;align-items:center;gap:16px}.wall-reader__streamer-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#4a4a4f;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:inherit;text-decoration:none;transition:transform .2s,filter .2s}.wall-reader__streamer-avatar:hover{transform:scale(1.05);filter:brightness(1.1)}.wall-reader__streamer-avatar img{width:100%;height:100%;object-fit:cover}.wall-reader__streamer-details{display:flex;flex-direction:column;gap:4px}.wall-reader__streamer-name{font-size:16px;font-weight:600}.wall-reader__streamer-socials{display:flex;gap:8px}.wall-reader__streamer-socials .social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:opacity .2s}.wall-reader__streamer-socials .social-icon svg{width:100%;height:100%;color:#fff}.wall-reader__streamer-socials .social-icon:hover{opacity:.8}.wall-reader__streamer-stats{font-size:14px;color:#a1a1aa}.wall-reader__streamer-stats strong{color:#fff}.wall-reader__workspace{display:flex;flex:1;overflow:hidden;position:relative;border-radius:8px;margin:0 24px 24px;background:#000}.wall-reader__viewport{flex:1;overflow:hidden;position:relative}.wall-reader__canvas-container{position:absolute;top:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjMzMzIiAvPjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgeD0iMTAiIHk9IjEwIiBmaWxsPSIjMzMzIiAvPjwvc3ZnPg==) repeat}.wall-reader__item{pointer-events:auto;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.wall-reader__item.is-dimmed{opacity:.3}.wall-reader__item.is-hovered{opacity:1;z-index:100}.wall-reader__floating-left{position:absolute;left:32px;top:32px;display:flex;flex-direction:column;background:#36363a;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000080}.wall-reader__floating-left .wall-tool-btn{width:48px;height:48px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.wall-reader__floating-left .wall-tool-btn:hover{background:#ffffff1a}.wall-reader__floating-left .wall-tool-btn.active{box-shadow:inset 0 0 0 2px #e8fd5c;border-radius:8px;margin:4px;width:40px;height:40px}.wall-reader__floating-left .wall-tool-divider{height:1px;background:#ffffff1a;margin:0 12px}.wall-reader__floating-right{position:absolute;right:32px;top:32px;bottom:96px;width:340px;background:#29292df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.wall-reader__floating-bottom{position:absolute;right:32px;bottom:32px;display:flex;gap:12px}.wall-reader__floating-bottom .action-btn{height:48px;padding:0 24px;border-radius:24px;border:none;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.wall-reader__floating-bottom .action-btn--secondary{background:#4a4a4f;color:#fff}.wall-reader__floating-bottom .action-btn--secondary:hover{background:#5a5a5f}.wall-reader__floating-bottom .action-btn--primary{background:#fff;color:#000}.wall-reader__floating-bottom .action-btn--primary:hover{background:#f0f0f0}.wall-reader__floating-bottom .action-btn--primary.active{background:#e5e5e5}.authors-panel{display:flex;flex-direction:column;height:100%}.authors-panel__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px}.authors-panel__header h3{font-size:18px;font-weight:600;margin:0}.authors-panel__header .authors-panel__close{background:#4a4a4f;border:none;width:32px;height:32px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.authors-panel__header .authors-panel__close:hover{background:#5a5a5f}.authors-panel__content{flex:1;overflow-y:auto;padding:0 24px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.authors-panel__section-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}.authors-panel__row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:16px}.authors-panel__row .name{color:#fff}.authors-panel__row .area{color:#a1a1aa}.authors-panel__divider{height:1px;background:#ffffff1a;margin:20px 0}.authors-panel__row-interactive{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:10px;margin:0 -10px;border-radius:6px;cursor:default}.authors-panel__row-interactive .name{color:#e4e4e7}.authors-panel__row-interactive .meta{display:flex;align-items:center;gap:16px;color:#71717a}.authors-panel__row-interactive .meta .date{font-size:12px}.authors-panel__row-interactive .meta .delete-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;margin-left:8px;opacity:.7}.authors-panel__row-interactive .meta .delete-btn:hover{opacity:1}.authors-panel__row-interactive.is-active,.authors-panel__row-interactive:hover{background:#733ffe}.authors-panel__row-interactive.is-active .name,.authors-panel__row-interactive.is-active .area,.authors-panel__row-interactive.is-active .date,.authors-panel__row-interactive:hover .name,.authors-panel__row-interactive:hover .area,.authors-panel__row-interactive:hover .date{color:#fff}.authors-panel__row-interactive.is-active .date,.authors-panel__row-interactive:hover .date{display:none}.authors-panel__row-interactive.is-active .delete-btn,.authors-panel__row-interactive:hover .delete-btn{display:block}.authors-panel__empty{text-align:center;padding:32px 0;color:#71717a;font-size:14px}