:root{--flow-font: "Doto", monospace, system-ui, sans-serif;--flow-bg: #0f0b20;--flow-surface: #19132b;--flow-surface-raised: #241936;--flow-field: #120d22;--flow-border: #45305f;--flow-accent: #c084fc;--flow-text: #f0eaff;--flow-muted: #b8a8ce;--flow-danger: #ff9daa;--flow-success: #8fe5bf;--flow-radius-sm: 10px;--flow-radius: 14px;--flow-control-height: 44px;--flow-content-width: 760px;--flow-space-1: 4px;--flow-space-2: 8px;--flow-space-3: 12px;--flow-space-4: 16px;--flow-space-6: 24px;--flow-space-8: 32px}.forum-page,.social-page{min-width:0;min-height:0;flex:1;overflow-y:auto;color:var(--flow-text);font-family:var(--flow-font);font-size:15px;font-weight:700;line-height:1.6}.forum-shell,.social-shell{width:min(100% - 32px,var(--flow-content-width));margin:0 auto;padding:var(--flow-space-6) 0 var(--flow-space-8)}.forum-header,.social-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--flow-space-4);margin-bottom:var(--flow-space-6)}.forum-title,.social-title{margin:0;font-size:clamp(22px,5vw,28px);font-weight:900;line-height:1.25;letter-spacing:.02em}.forum-intro,.social-purpose{max-width:60ch;margin:var(--flow-space-2) 0 0;color:var(--flow-muted);font-size:14px;line-height:1.6}.forum-button,.forum-button-secondary,.social-btn,.social-segment,.social-refresh{min-height:var(--flow-control-height);padding:10px 14px;border:1px solid var(--flow-border);border-radius:var(--flow-radius-sm);background:var(--flow-surface-raised);color:var(--flow-text);font-family:var(--flow-font);font-size:12px;font-weight:800;line-height:1.3;cursor:pointer;touch-action:manipulation}.forum-button,.social-btn.primary,.social-btn.wing{border-color:#c084fc8c;background:#8050ff29;color:#e0c8ff}.forum-button-secondary,.social-btn.tertiary,.social-segment{background:transparent;color:var(--flow-muted)}.forum-button:disabled,.forum-button-secondary:disabled,.social-btn:disabled,.social-refresh:disabled{opacity:.5;cursor:not-allowed}.forum-input,.forum-select,.forum-textarea,.social-search,.social-textarea,.social-datetime{width:100%;min-width:0;min-height:var(--flow-control-height);padding:10px 12px;border:1px solid var(--flow-border);border-radius:var(--flow-radius-sm);background:var(--flow-field);color:var(--flow-text);font-family:var(--flow-font);font-size:16px;font-weight:700;line-height:1.5}.forum-input::placeholder,.forum-textarea::placeholder,.social-search::placeholder,.social-textarea::placeholder{color:var(--flow-muted);opacity:.7}.forum-toolbar,.forum-form,.forum-detail-card,.forum-topic-card,.forum-reply,.social-panel{border:1px solid var(--flow-border);border-radius:var(--flow-radius);background:#19132ba6}.forum-error,.social-error{padding:var(--flow-space-3) var(--flow-space-4);border:1px solid rgba(255,157,170,.35);border-radius:var(--flow-radius-sm);background:#ff9daa0f;color:var(--flow-danger);font-size:14px}.forum-page :focus-visible,.social-page :focus-visible{outline:2px solid var(--flow-accent);outline-offset:3px}@media(max-width:520px){.forum-shell,.social-shell{width:calc(100% - 24px);padding-top:var(--flow-space-3)}.forum-header,.social-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--flow-space-1) var(--flow-space-3);margin-bottom:var(--flow-space-3)}.forum-header>div,.social-header>div{display:contents}.forum-header>button,.social-header>button{grid-column:2;grid-row:1;min-width:var(--flow-control-height)}.forum-title,.social-title{font-size:22px}.forum-intro,.social-purpose{grid-column:1 / -1;margin:0}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:var(--flow-font);line-height:1.5;font-weight:400;color-scheme:dark;color:#f0f0f5;background-color:#0a0816;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #7c3aed;--neon-green: #00ff88;--neon-yellow: #ffee55;--neon-red: #ff2244}html{margin:0;padding:0;background-color:#0f0b20}body{margin:0;padding:0;min-height:100vh;min-width:320px;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;font-family:var(--flow-font);background-color:#0f0b20}p,li,dt,dd{font-family:inherit}:focus-visible{outline:2px solid #00e5ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:640px){html,body{overscroll-behavior-y:none}}button,input,textarea,select{font-family:var(--flow-font)}@media screen and (max-width:768px){input,textarea,select{font-size:16px!important}}#root{position:fixed;inset:0;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes glowBreathe{0%,to{box-shadow:0 0 20px var(--glow, rgba(128,80,255,.1))}50%{box-shadow:0 0 35px var(--glow, rgba(128,80,255,.2))}}@keyframes borderBreathe{0%,to{border-color:#8050ff14}50%{border-color:#8050ff2e}}@keyframes neonRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}60%{opacity:.3}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.snap-container::-webkit-scrollbar{display:none}.snap-container{-ms-overflow-style:none;scrollbar-width:none}@keyframes breatheHold{0%,to{filter:drop-shadow(0 0 12px rgba(255,136,0,.3))}50%{filter:drop-shadow(0 0 24px rgba(255,136,0,.6))}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a2f55;border-radius:4px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#2a1f3d;outline:none;touch-action:none;padding:18px 0;margin:-18px 0;background-clip:content-box}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:34px;height:34px;border-radius:50%;background:var(--slider-color, #7c3aed);cursor:pointer;box-shadow:0 0 16px var(--slider-color, #7c3aed),0 0 6px var(--slider-color, #7c3aed);border:2.5px solid rgba(255,255,255,.3);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 0 28px var(--slider-color, #7c3aed),0 0 12px var(--slider-color, #7c3aed),0 0 48px color-mix(in srgb,var(--slider-color, #7c3aed) 40%,transparent);border-color:#fff9}input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:var(--slider-color, #7c3aed);cursor:pointer;box-shadow:0 0 16px var(--slider-color, #7c3aed),0 0 6px var(--slider-color, #7c3aed);border:2.5px solid rgba(255,255,255,.3)}input[type=range]:active::-moz-range-thumb{transform:scale(1.25);box-shadow:0 0 28px var(--slider-color, #7c3aed),0 0 12px var(--slider-color, #7c3aed),0 0 48px color-mix(in srgb,var(--slider-color, #7c3aed) 40%,transparent);border-color:#fff9}.leaflet-container{background:#100d1c!important;border-radius:.75rem}.leaflet-tile-pane{filter:brightness(.55) saturate(1.6) hue-rotate(200deg)}.leaflet-control-attribution{display:none!important}.page-transition-sweep{position:fixed;top:0;left:0;right:0;height:2px;z-index:99998;pointer-events:none;background:#c084fc;box-shadow:0 0 12px #c084fc66;animation:page-transition-sweep .18s ease-out forwards}@keyframes page-transition-sweep{0%{transform:translateY(-8px);opacity:0}20%{opacity:.5}to{transform:translateY(100dvh);opacity:0}}@media(prefers-reduced-motion:reduce){.page-transition-sweep{display:none}}
