:root {--falcon-primary: #2c7be5;--falcon-colored-link-black-hover-color: black;--falcon-100: #f9fafd;--falcon-colored-link-100-hover-color: #fafbfd;--falcon-200: #edf2f9;--falcon-colored-link-200-hover-color: #f1f5fa;--falcon-300: #d8e2ef;--falcon-colored-link-300-hover-color: #e0e8f2;--falcon-400: #b6c1d2;--falcon-colored-link-400-hover-color: #c5cddb;--falcon-500: #9da9bb;--falcon-colored-link-500-hover-color: #7e8796;--falcon-600: #748194;--falcon-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--falcon-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);}html, body {margin: 0;overflow: hidden;user-select: none;background-color:#fff;}.material-symbols-outlined {font-size: 28px;}#menuBar {position: fixed;top: 0;left: 0;width: 100%;height: 50px;display: flex;align-items: center;justify-content: space-between;padding: 0 16px;z-index: 100;background: linear-gradient(to right, #0f2027, #203a43, #2c5364);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);color: white;font-weight: 600;font-size: 18px;box-sizing: border-box;}.logo {display: flex;align-items: center;gap: 10px;}.logo .material-symbols-outlined {font-size: 36px;color: #42a5f5;}.logo .title {font-size: 24px;font-weight: bold;}.planet-icon {font-size: 40px;color: #42a5f5;animation: spin 20s linear infinite, glowPulse 3s ease-in-out infinite;transform-origin: center;text-shadow: 0 0 6px #42a5f5, 0 0 10px #42a5f5, 0 0 14px #42a5f5;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}@keyframes glowPulse {0%, 100% {text-shadow: 0 0 6px rgba(66, 165, 245, 0.6), 0 0 12px rgba(66, 165, 245, 0.4), 0 0 20px rgba(66, 165, 245, 0.2);}50% {text-shadow: 0 0 10px rgba(66, 165, 245, 0.9), 0 0 18px rgba(66, 165, 245, 0.7), 0 0 26px rgba(66, 165, 245, 0.5);}}.hoverlabel {position: fixed;top: 60px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.6);color: white;padding: 6px 12px;border-radius: 6px;font-size: 14px;z-index: 40;pointer-events: none;}.menu-option {position: absolute;top: 40px;right: 0;background: white;color: black;border: 1px solid #ccc;border-radius: 6px;box-shadow: 0 2px 10px rgba(0,0,0,0.2);display: none;min-width: 160px;z-index: 1000;overflow: hidden;}.dropdown-item {display: flex;align-items: center;padding: 10px;gap: 10px;cursor: pointer;transition: background 0.2s ease;}.dropdown-item:hover {background-color: #f0f0f0;}canvas {display: block;cursor: grab;position: absolute;top: 0;left: 0;background-color: #f9f9f9;}canvas:active {cursor: grabbing;}canvas.highlight {box-shadow: inset 0 0 0 2px rgba(255, 255, 0, 0.5);}canvas.overlay-disabled {pointer-events: none;}#canvas {transition: opacity 0.2s ease;}canvas.overlay-disabled {opacity: 0.5;}.floating-control {position: fixed;bottom: 20px;left: 20px;z-index: 100;}.circle-menu {position: relative;width: 80px;height: 80px;background: rgba(255,255,255,0.1);border-radius: 50%;display: flex;justify-content: center;align-items: center;backdrop-filter: blur(4px);border: 1px solid rgba(255,255,255,0.2);}.circle-menu .planet {font-size: 30px;z-index: 2;color: rgba(0,0,0,0.2);}.circle-menu .now-cell-status {color:#4682B4;}.circle-menu .arrow {position: absolute;font-size: 18px;color: white;background: rgba(0,0,0,0.2);border-radius: 50%;padding: 4px;cursor: pointer;transition: background 0.2s;}.circle-menu .arrow:hover {background: rgba(0,0,0,0.4);}.circle-menu .arrow.active {background-color: rgba(255, 255, 0, 0.6);color: black;}.arrow.up {top: 0;left: 50%;transform: translate(-50%, -50%);}.arrow.down {bottom: 0;left: 50%;transform: translate(-50%, 50%);}.arrow.left {left: 0;top: 50%;transform: translate(-50%, -50%);}.arrow.right {right: 0;top: 50%;transform: translate(50%, -50%);}.overlay {position: fixed;top: 50px;left: 60px;right: 60px;padding: 30px;bottom: 0;background-color: rgba(241, 243, 245, 0.95);z-index: 50;display: flex;justify-content: center;align-items: center;flex-direction:column;pointer-events: auto;}.hidden {display: none;}.overlayContent {max-width: 600px;width: 90%;background: #fff;padding: 20px;box-shadow: 0 0 12px rgba(0,0,0,0.2);border-radius: 12px;text-align: center;z-index: 51;}.cell-tooltip {position: fixed;top:50px;background: rgba(0, 0, 0, 0.75);color: #fff;font-size: 13px;padding: 4px 8px;border-radius: 4px;pointer-events: none;z-index: 100;display: none;}.modal-close {position: fixed;top: 60px;right: 74px;font-size: 24px;font-weight: bold;background: transparent;border: none;color: #000;cursor: pointer;z-index: 1001;}.modal-close:hover {color: #ff6666;}.form-overlay {z-index: 51;pointer-events: auto;}.form-overlay.hidden {display: none;}.unown-planet {height: 200px;animation: spin 20s linear infinite, glowPulse 3s ease-in-out infinite;transform-origin: center;}.form-container {background: #fff;padding: 30px 40px;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);width: 100%;max-width: 400px;pointer-events: auto;}.form-container h2 {margin-bottom: 20px;text-align: center;color: #333;}.form-container label {display: block;margin: 12px 0 6px;font-weight: 500;}.form-container input {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 6px;font-size: 16px;}.form-container .form-btn {margin:auto;transition: background 0.3s ease;}.form-container .form-btn:hover {background: #2b2fa0;}.form-footer {margin-top: 15px;text-align: center;font-size: 14px;color: #666;}.form-footer a {color: #4e54c8;text-decoration: none;}.form-footer a:hover {text-decoration: underline;cursor:pointer;}#page-process-loading {z-index:999;position:absolute;top:50%;left:50%;display:none;}#page-process-loading >img{width:64px;height:64px;}.la-flex-hsc {display:flex;justify-content:flex-start;align-items:center;padding:2px;}.u-flex-hc {display:flex;align-items:center;justify-content:center;}.u-flex-vc {display:flex;align-items:center;justify-content:center;flex-direction:column;}.u-pad-1 {padding:10px;}.u-pad-2 {padding:20px;}.u-icon-l {font-size:50px;cursor: pointer;}.u-text-m {font-size:30px;}.icon-box-default {position:relative;margin:auto;text-align:center;width:190px;height:190px;overflow:hidden;border-radius:4px;}.icon-box-default >img {width:100%;height:100%;object-fit:cover;}.icon-choose-image-circle {border-radius:50%;border:1px solid #000;}.inputFile {position:absolute;top:0px;left:0px;width:190px;height:190px;overflow:hidden;opacity:0;cursor:pointer;}#body-overlay {z-index:999;position:absolute;top:0px;left:20px;display:none;}.flex-between-center {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.form-card {background: #fff;padding: 30px 40px;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);pointer-events: auto;}.item-clickable {cursor:pointer;color:#4682B4;}.is-pointer {cursor:pointer;}.overlay-fix {justify-content:start;overflow:auto;}.h6-v1 {width:100%;text-align:center;border-bottom:1px solid #000;line-height:0.1em;margin:20px 0px 20px;}.h6-v1 >span {background:rgba(241, 243, 245);padding:0 10px;}.avatar {position: relative;display: inline-block;}.avatar img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}.rounded-soft {border-radius: 0.2083333333rem !important;}.avatar-xl {height: 2rem;width: 2rem;}.la-avatar-s {height: 1rem;width: 1rem;}.la-translate-tick {-webkit-transform: translateX(-50%) translateY(-40%) !important;-ms-transform: translateX(-50%) translateY(-40%) !important;transform: translateX(-50%) translateY(-40%) !important;}.la-btn-tick {cursor:pointer;position:relative;display:inline-block;margin:auto;width:25px;height:25px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0.5;}.la-btn-tick:hover {opacity:1;}.la-btn-tick_circle {position:absolute;width:25px;height:25px;background-color:green;border-radius:12px;left:0;top:0;}.la-btn-tick_stem {position:absolute;width:3px;height:10px;background-color:#fff;left:12px;top:7px;}.la-btn-tick_kick {position:absolute;width:4px;height:3px;background-color:#fff;left:8px;top:14px;}.cover-image-file-input {opacity: 0;cursor: pointer;position: absolute;top: 0;left: 0;padding: 0.25rem 0.5rem;margin-left: 1rem;margin-top: 1rem;border-radius: 0.25rem;font-size: 0.8333333333rem;color: #fff;border: 1px solid #d8e2ef;-webkit-box-shadow: var(--falcon-box-shadow-sm);box-shadow: var(--falcon-box-shadow-sm);background-color: rgba(0, 0, 0, 0.9);}.cover-image {overflow: hidden;}.cover-image:hover .cover-image-file-input {opacity: 1;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.la-cover-img {max-height:360px;max-width:100%;object-fit:cover;}.fs--2 {font-size: 0.6944444444rem !important;}.fs--1 {font-size: 0.8333333333rem !important;}.fs-0 {font-size: 1rem !important;}.fs-1 {font-size: 1.2rem !important;}.fs-2 {font-size: 1.44rem !important;}.fs-3 {font-size: 1.728rem !important;}.fs-4 {font-size: 2.0736rem !important;}.fs-5 {font-size: 2.48832rem !important;}.fs-6 {font-size: 2.985984rem !important;}.fs-7 {font-size: 3.5831808rem !important;}.fs-8 {font-size: 4.29981696rem !important;}.text-400 {color: var(--falcon-400) !important;}.border-dashed {border: 1px dashed #d8e2ef;}.border-dashed-top {border-top: 1px dashed #d8e2ef;}.border-dashed-end {border-right: 1px dashed #d8e2ef;}.border-dashed-start {border-left: 1px dashed #d8e2ef;}.border-dashed-bottom {border-bottom: 1px dashed #d8e2ef;}.chat-send-pm-bgc {background-color:#ccccff;}.la-chat-info {position: absolute;width: 15rem;right: -15rem;background-color: var(--falcon-100);border-left: 1px solid #d8e2ef;z-index: 10;height: calc(100% - 4.5rem);-webkit-transition: right 0.5s ease;-o-transition: right 0.5s ease;transition: right 0.5s ease;}.la-chat-info .la-chat-info-icon {width: 1.25rem;font-size: 1rem;}.la-chat-info-show {right: 0;}.la-form-check {width:1em;height:1em;margin-left:0.5em;margin-top:0.25em;border: 1px solid #4d5969;}.la-form-label {margin-left:3px;font-size:0.875rem;}.la-border-top {border-top:1px solid #d8e2ef;}.la-border-radius {border:1px solid #ccc;border-radius:3px;}.chat-pm-msg-info {background-color:#ccffff !important;}.chat-pm-msg-info::before {background-color:#ccffff !important;}.chat-msg-to-you {box-shadow:0 0 6px #FF7F50}.chat-msg-to-you::before {box-shadow:-2px 2px 2px 0 rgba( 255, 127, 80, .4 );}.tab-content > .tab-pane {display: none;}.tab-content > .active {display: block;}.card-chat {height: calc(100vh - 4.3125rem - 0.625rem);z-index: 1;}.card-chat .card-body {position: relative;overflow: hidden;}.card-chat-pane {height: calc(100% - 2.063rem);position: relative;overflow: hidden;}.card-chat-content {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;height: 100%;font-size: 0.8333333333rem;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.chat-content-header {padding: 1rem;border-bottom: 1px solid #d8e2ef;}.chat-content-body {height: calc(100% - 4.25rem);}.chat-content-body .scroll-content {position: relative;}.chat-content-scroll-area {height: 100%;padding-bottom: 1rem;overflow-y: auto;}.chat-message {max-width: calc(100% - 7rem);margin-bottom: 0.25rem;display: inline-block;position: relative;}.message-settings {position: absolute;bottom: -0.9375rem;border: 1px solid var(--falcon-200);background-color: var(--falcon-100);border-radius: 50%;height: 1.875rem;width: 1.875rem;text-align: center;}.message-settings-left {right: -0.9375rem;}.message-settings-right {left: -0.9375rem;}.conversation-info {position: absolute;width: 15rem;right: -15rem;background-color: var(--falcon-100);border-left: 1px solid #d8e2ef;z-index: 10;top: 4.25rem;height: calc(100% - 4.25rem);-webkit-transition: right 0.5s ease;-o-transition: right 0.5s ease;transition: right 0.5s ease;}.conversation-info.show {right: 0;}.conversation-info .conversation-info-icon {width: 1.25rem;font-size: 1rem;}.chat-file-upload {margin-bottom: 0;padding: 0 0.5rem;z-index: 2;color: var(--falcon-500);}.chat-file-upload:hover, .chat-file-upload:focus {color: var(--falcon-600);}.btn-message-submit {position: absolute;right: 3.938rem;top: 0.1875rem;}.btn-send {z-index: 2;padding: 0;background-color: transparent;color: var(--falcon-500);outline: none !important;margin-right: 1rem;}.chat-editor-area {border-top: 1px solid #d8e2ef;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}.chat-editor-area .emoji-icon {padding: 0 0.25rem;margin-right: 0.5rem;cursor: pointer;color: var(--falcon-500);}.chat-editor-area .emoji-icon:hover, .chat-editor-area .emoji-icon:focus {color: var(--falcon-600) !important;}.chat-editor-area .emojiarea-editor {padding: 0.3rem 1rem;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 14px;max-height: 6.25rem;overflow: auto;word-break: break-all;-webkit-box-shadow: var(--falcon-box-shadow-inset);box-shadow: var(--falcon-box-shadow-inset);}.chat-editor-area .emojiarea-editor[contenteditable=true]:empty:before {content: attr(placeholder);pointer-events: none;color: var(--falcon-400);}.chat-option {color: var(--falcon-400);}.chat-option:hover, .chat-option:focus {color: var(--falcon-primary);}@media (min-width: 576px) {.contacts-list {height: calc(100% - 2.063rem);}.conversation-scroll-area {height: calc(100% - 2.188rem);}.card-chat {height: calc(100vh - 4.3125rem - 3.9875rem);}}.min-w-0 {min-width: 0;}.btn-info {color: #fff;background-color: #27bcfd;border-color: #27bcfd;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);}.btn-info:hover {color: #fff;background-color: #21a0d7;border-color: #1f96ca;}.outline-none {outline: none;-webkit-box-shadow: none;box-shadow: none;}.outline-none:hover, .outline-none:focus {outline: none;-webkit-box-shadow: none;box-shadow: none;}.cursor-default {cursor: default;}.cursor-pointer {cursor: pointer;}.w-xxl-75 {width: 75% !important;}.flex-end-center {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.flex-1 {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.avatar-l {height: 1.75rem;width: 1.75rem;}.avatar-l .avatar-name {font-size: 0.5833333333rem;}.avatar-l .avatar-emoji {font-size: 1.75rem;}.avatar-l[class*=status-]:before {border: 1px solid var(--falcon-avatar-status-border-color);height: 9px;width: 9px;right: -1px;bottom: -1px;}.avatar-l .rounded-soft {border-radius: 0.2916666667rem !important;}.blk-vw-sh {background-color: #a0d8f1;display: inline-flex;flex-direction:column;align-items: center;justify-content: center;margin: 5px;border-radius: 5px;padding: 8px;box-sizing: border-box;white-space: nowrap;}.nav-tabs .nav-link.active {font-weight: bold;}.blk-post-info >img {height:80px;}.post-container {min-width:500px;max-width: 700px;margin: 50px auto;}.post-card {background: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}.post-title {font-weight: 600;font-size: 1.5rem;}.post-author {font-size: 0.9rem;color: #6c757d;margin-bottom: 10px;display: flex;align-items: center;}.post-author .avatar {width: 24px;height: 24px;font-size: 0.75rem;margin-right: 6px;}.post-content {margin: 10px 0 20px 0;}.post-stats {font-size: 0.85rem;color: #6c757d;margin-bottom: 15px;}#preslist {max-height: 400px;overflow-y: scroll;padding-right: 5px;}.comment {display: flex;align-items: flex-start;margin-bottom: 10px;flex-direction: row;}.avatar {width: 24px;height: 24px;border-radius: 50%;background-color: #6c757d;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;flex-shrink: 0;font-size: 0.75rem;margin-right: 6px;}.comment-body {background: #fff;padding: 8px 12px;border-radius: 12px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);text-align: left;flex-grow: 1;}.comment .name {font-weight: 600;font-size: 0.85rem;}.comment .text {margin-top: 2px;word-break: break-word;}.comment .mention {color: #0d6efd;font-weight: 600;cursor: pointer;}.comment .meta {font-size: 0.75rem;color: #6c757d;margin-top: 5px;display: flex;gap: 10px;align-items: center;}.comment .like-btn, .comment .reply-btn {font-size: 0.75rem;color: #495057;cursor: pointer;}.comment .like-btn.liked {color: #0d6efd;font-weight: bold;}.comment-form textarea {resize: none;border-radius: 24px;padding: 10px 15px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);min-height: 40px;max-height: 150px;overflow-y: hidden;flex-grow:1;}.comment-form .btn-center {border-radius:24px;height:40px;padding:0 15px;line-height:36px;}.highlight {border: 2px solid #0d6efd;border-radius: 12px;padding: 6px;}.no-bullets {list-style-type: none;}