@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#000;--bg-primary:#09090b;--bg-secondary:#121215;--bg-surface:#18181b;--bg-surface-alt:#27272a;--bg-hover:#27272a;--bg-glass:#121215d1;--bg-glass-heavy:#09090bf2;--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-medium:#ffffff2e;--border-strong:#ffffff4d;--border-focus:#fff;--text-primary:#fff;--text-secondary:#e4e4e7;--text-tertiary:#a1a1aa;--text-muted:#71717a;--text-inverse:#000;--accent-primary:#fff;--accent-hover:#f4f4f5;--accent-pressed:#e4e4e7;--accent-muted:#ffffff1a;--accent-gradient:linear-gradient(135deg, #fff 0%, #d4d4d8 100%);--accent-gradient-vivid:linear-gradient(135deg, #fff 0%, #a1a1aa 100%);--cyan:#e2e8f0;--cyan-muted:#ffffff14;--emerald:#34d399;--emerald-muted:#34d3991f;--rose:#f87171;--rose-muted:#f871711f;--amber:#fbbf24;--amber-muted:#fbbf241f;--orange:#fb923c;--orange-muted:#fb923c1a;--shadow-xs:0 1px 2px #0009;--shadow-sm:0 2px 6px #000000b3;--shadow-md:0 4px 14px #000c;--shadow-lg:0 10px 30px #000000e6;--shadow-xl:0 20px 60px #000000f2;--shadow-glow:0 0 20px #ffffff1f;--shadow-glow-lg:0 4px 30px #ffffff2e;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--header-height:64px;--content-max-width:1200px;--sidebar-width:320px;--feed-max-width:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}html,body{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(#ffffff09 0%,#0000 65%);width:60vw;height:40vh;position:fixed;top:-10%;left:20%}body:after{content:"";filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(#ffffff05 0%,#0000 60%);width:50vw;height:40vh;position:fixed;bottom:-20%;right:15%}input,textarea,select{font-family:inherit;font-size:inherit;background-color:var(--bg-surface);transition:border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #818cf826!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;-webkit-text-fill-color:var(--text-muted)!important;opacity:1!important}select option{padding:8px 12px;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}button{cursor:pointer;color:var(--text-primary);transition:all var(--duration-normal) ease;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b8c}*{scrollbar-width:thin;scrollbar-color:#64748b59 transparent}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.glass-panel-heavy{background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(30px)saturate(1.3);border:1px solid var(--border-medium);border-radius:var(--radius-lg)}.glow-btn{letter-spacing:-.01em;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);background:#fff;border:1px solid #fff;align-items:center;gap:8px;padding:10px 22px;font-size:.875rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ffffff26;color:#000!important;-webkit-text-fill-color:#000!important}.glow-btn *{color:#000!important;-webkit-text-fill-color:#000!important}.glow-btn:hover{background:#e4e4e7;border-color:#e4e4e7;transform:translateY(-1px);box-shadow:0 6px 24px #ffffff40}.glow-btn:active{transform:translateY(0)scale(.98)}.glow-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);transition:all var(--duration-normal) ease;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.btn-ghost{border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--duration-fast) ease;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-secondary);background:#ffffff0d}.pill{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.chip-tab{border-radius:var(--radius-full);color:var(--text-tertiary);white-space:nowrap;transition:all var(--duration-normal) ease;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.chip-tab:hover{color:var(--text-primary);background:#ffffff0f}.chip-tab.active{background:#fff;border-color:#fff;font-weight:700;color:#000!important;-webkit-text-fill-color:#000!important}.chip-tab.active *{color:#000!important;-webkit-text-fill-color:#000!important}.code-mono{border-radius:var(--radius-xs);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#0000004d;padding:2px 7px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.divider{background:var(--border-subtle);border:none;width:100%;height:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out) forwards}.animate-fade-in-scale{animation:fadeInScale .35s var(--ease-out) forwards}.animate-slide-down{animation:slideInDown .25s var(--ease-out) forwards}.animate-slide-up{animation:slideInUp .3s var(--ease-out) forwards}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-surface-alt) 50%, var(--bg-surface) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.content-container{max-width:var(--content-max-width);width:100%;margin:0 auto;padding:0 24px}.feed-layout{grid-template-columns:1fr var(--sidebar-width);align-items:start;gap:28px;display:grid}@media (max-width:900px){.feed-layout{grid-template-columns:1fr!important;width:100%!important}.sidebar-column,.sidebar-info-aside,.sidebar-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.sidebar-info-aside{position:static!important}}@media (max-width:768px){.content-container{padding:0 16px}}@media (max-width:600px){html{font-size:15px}}.header-tagline{display:block}.header-anon-badge{display:inline-flex}.header-online-text,.header-curhat-prefix,.header-trakteer-text,.header-live-text{display:inline}.header-online-badge{display:flex!important}.view-mode-label-short{display:none}.view-mode-label-full{display:inline}@media (max-width:768px){.header-tagline{display:none!important}.header-trakteer-text{display:inline!important}.header-trakteer-btn{gap:5px!important;padding:5px 9px!important;font-size:.72rem!important;display:inline-flex!important}.header-anon-badge,.header-curhat-prefix{display:none!important}.content-container{box-sizing:border-box!important;max-width:100vw!important;padding:0 10px!important}.feed-layout{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.feed-top-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.view-mode-container{border-radius:var(--radius-md)!important;box-sizing:border-box!important;grid-template-columns:repeat(2,1fr)!important;gap:4px!important;width:100%!important;max-width:100%!important;padding:4px!important;display:grid!important;overflow:hidden!important}.view-mode-container::-webkit-scrollbar{display:none}.view-mode-container button{text-align:center!important;white-space:nowrap!important;border-radius:var(--radius-sm)!important;box-sizing:border-box!important;justify-content:center!important;gap:6px!important;width:100%!important;padding:8px!important;font-size:.78rem!important;font-weight:600!important}.view-mode-label-full{display:inline!important}.view-mode-label-short{display:none!important}.channel-bar-wrapper{width:100%!important;max-width:100%!important;overflow:visible!important}.channel-select-btn{border-radius:var(--radius-md)!important;width:100%!important}.channel-shortcuts-container{display:none!important}.channel-dropdown-menu{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.sort-and-search-container{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.sort-options-container{border-radius:var(--radius-md)!important;box-sizing:border-box!important;grid-template-columns:repeat(2,1fr)!important;gap:4px!important;width:100%!important;max-width:100%!important;padding:4px!important;display:grid!important;overflow:hidden!important}.sort-options-container::-webkit-scrollbar{display:none}.sort-options-container button{text-align:center!important;border-radius:var(--radius-sm)!important;white-space:nowrap!important;box-sizing:border-box!important;justify-content:center!important;gap:6px!important;width:100%!important;padding:8px!important;font-size:.78rem!important;font-weight:600!important}.feed-search-form{width:100%!important;max-width:100%!important}}@media (max-width:500px){.header-inner{gap:6px!important}.header-brand-link h1{font-size:.95rem!important}.header-toolbar{gap:4px!important}.header-create-btn{padding:6px 10px!important;font-size:.75rem!important}.header-online-text{display:none!important}.header-online-badge{padding:4px 6px!important}.header-trakteer-btn{padding:4px 8px!important;font-size:.7rem!important;display:inline-flex!important}}@media (max-width:380px){.header-live-text,.header-trakteer-text,.header-online-badge{display:none!important}.header-brand-link h1{font-size:.875rem!important}.view-mode-container button,.sort-options-container button{padding:7px 6px!important;font-size:.75rem!important}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#fff3 #00000026}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#00000026;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff59}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}@media (max-width:768px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;-webkit-tap-highlight-color:transparent!important;overflow-x:hidden!important}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent!important}.header-create-btn,.header-live-btn,.header-user-section,.header-whisper-section{display:none!important}.content-container{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:0 10px!important}.feed-layout{flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}.sidebar-column{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.sidebar-info-aside{box-sizing:border-box!important;gap:12px!important;width:100%!important;max-width:100%!important;position:static!important}.sidebar-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;max-width:100%!important;padding:16px 14px!important}.feed-main-column{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.feed-top-toolbar{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;display:flex!important}.view-mode-container{box-sizing:border-box!important;background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:14px!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:5px!important;display:grid!important}.view-mode-container button{box-sizing:border-box!important;text-align:center!important;white-space:nowrap!important;text-overflow:clip!important;border-radius:10px!important;justify-content:center!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:10px 8px!important;font-size:.8rem!important;font-weight:600!important;overflow:visible!important}.sort-and-search-container{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;display:flex!important}.sort-options-container{box-sizing:border-box!important;background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:14px!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:5px!important;display:grid!important}.sort-options-container button{box-sizing:border-box!important;text-align:center!important;white-space:nowrap!important;text-overflow:clip!important;border-radius:10px!important;justify-content:center!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:10px 8px!important;font-size:.8rem!important;font-weight:600!important;overflow:visible!important}.feed-search-form{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.post-card-article{border-radius:14px!important;margin-bottom:12px!important;padding:14px 12px!important}.channel-bar-container,.channel-bar-wrapper,.channel-shortcuts-container{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.channel-bar-container::-webkit-scrollbar{display:none!important}.channel-bar-wrapper::-webkit-scrollbar{display:none!important}.channel-shortcuts-container::-webkit-scrollbar{display:none!important}}.channel-bar-wrapper::-webkit-scrollbar{display:none!important}