:root{--vb-surface: #12131a;--vb-surface-dim: #12131a;--vb-surface-bright: #383941;--vb-surface-container-lowest: #0d0e15;--vb-surface-container-low: #1a1b22;--vb-surface-container: #1e1f27;--vb-surface-container-high: #292931;--vb-surface-container-highest: #34343c;--vb-on-surface: #e3e1ec;--vb-on-surface-variant: #cdc3d6;--vb-outline: #968d9f;--vb-outline-variant: #4b4454;--vb-primary: #d5baff;--vb-on-primary: #42008a;--vb-primary-container: #8e54e9;--vb-on-primary-container: #fffeff;--vb-secondary: #b2c5ff;--vb-on-secondary: #002b74;--vb-secondary-container: #054aba;--vb-tertiary: #ffb955;--vb-error: #ffb4ab;--vb-on-error: #690005;--vb-neon-purple: #8e54e9;--vb-electric-blue: #4776e6;--vb-gradient: linear-gradient(135deg, #8e54e9, #4776e6);--vb-gradient-soft: linear-gradient(135deg, rgba(142, 84, 233, .2), rgba(71, 118, 230, .15));--vb-glass-surface: rgba(255, 255, 255, .03);--vb-glass-surface-strong: rgba(255, 255, 255, .06);--vb-glass-border: rgba(255, 255, 255, .12);--vb-glass-border-strong: rgba(168, 85, 247, .4);--vb-glass-blur: blur(20px);--vb-bg-deep: #0c0d14;--vb-background: #12131a;--vb-on-background: #e3e1ec;--vb-glow-purple: 0 0 12px rgba(142, 84, 233, .4);--vb-glow-purple-strong: 0 0 16px rgba(142, 84, 233, .7);--vb-glow-border: 0 0 12px rgba(168, 85, 247, .25);--vb-shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--vb-radius-sm: .25rem;--vb-radius: .5rem;--vb-radius-md: .75rem;--vb-radius-lg: 1rem;--vb-radius-xl: 1.5rem;--vb-radius-full: 9999px;--vb-space-1: 8px;--vb-space-2: 16px;--vb-space-3: 24px;--vb-space-4: 32px;--vb-gutter: 24px;--vb-margin: 64px;--vb-font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--app-background: var(--vb-bg-deep);--app-text: var(--vb-on-surface);--app-muted: var(--vb-on-surface-variant);--app-card: var(--vb-surface-container);--app-border: var(--vb-glass-border);--app-accent: var(--vb-neon-purple);--app-accent-2: var(--vb-electric-blue)}html:not(.dark){--vb-glass-surface: rgba(255, 255, 255, .72);--vb-glass-surface-strong: rgba(255, 255, 255, .88);--vb-glass-border: rgba(15, 23, 42, .1);--vb-glass-border-strong: rgba(142, 84, 233, .35);--vb-on-surface: #162033;--vb-on-surface-variant: #687386;--vb-background: #f4f2fb;--vb-bg-deep: #eef0f7;--vb-surface-container: rgba(255, 255, 255, .9);--app-text: var(--vb-on-surface);--app-muted: var(--vb-on-surface-variant);--app-card: var(--vb-surface-container);--app-border: var(--vb-glass-border)}.page-shell{width:100%;max-width:100%!important;margin:0;padding:var(--vb-space-2) var(--vb-space-2) var(--vb-space-4);box-sizing:border-box;overflow-x:hidden;min-height:calc(100dvh - var(--app-header-height, 72px))}.page-shell>*{min-width:0;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}.app-shell__content>*{width:100%;min-width:0;max-width:100%}.app-shell__content>.page-shell{width:100%;max-width:100%!important;margin:0;min-height:calc(100dvh - var(--app-header-height, 72px))}@media(max-width:820px){.page-shell{max-width:100%;padding:12px 12px 24px}}html{font-family:var(--vb-font-sans);color:var(--app-text);background-color:var(--app-background)}body{font-family:var(--vb-font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}html.dark body{background-image:radial-gradient(circle at 30% 12%,rgba(142,84,233,.14),transparent 42%),radial-gradient(circle at 78% 88%,rgba(71,118,230,.12),transparent 40%);background-attachment:fixed}*{scrollbar-width:thin;scrollbar-color:rgba(142,84,233,.45) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8e54e98c,#4776e673);border-radius:var(--vb-radius-full)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8e54e9,#4776e6)}.vb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vb-btn:disabled,.vb-btn.is-disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.vb-btn:active:not(:disabled){transform:scale(.97)}.vb-btn--primary{color:#fff;background:var(--vb-gradient);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple)}.vb-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong);color:#fff;text-decoration:none}.vb-btn--ghost{color:var(--vb-on-surface);background:transparent;border-color:var(--vb-glass-border);box-shadow:none}.vb-btn--ghost:hover:not(:disabled){border-color:var(--vb-glass-border-strong);background:#8e54e91a;color:var(--vb-primary);box-shadow:var(--vb-glow-border)}.vb-btn--glass{color:var(--vb-on-surface);background:var(--vb-glass-surface-strong);border-color:var(--vb-glass-border);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur)}.vb-btn--glass:hover:not(:disabled){border-color:var(--vb-glass-border-strong);background:#8e54e91f}.vb-btn--sm{min-height:32px;padding:6px 12px;font-size:.75rem;border-radius:var(--vb-radius)}.vb-btn--lg{min-height:48px;padding:12px 22px;font-size:.95rem;border-radius:var(--vb-radius-lg)}.vb-btn--icon{width:40px;min-height:40px;padding:0;border-radius:var(--vb-radius-md)}.vb-btn--pill{border-radius:var(--vb-radius-full)}.btn-primary,.btn.btn-primary{color:#fff!important;background:var(--vb-gradient)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:var(--vb-radius-md)!important;font-weight:600!important;box-shadow:inset 0 1px #fff3,var(--vb-glow-purple)!important;transition:transform .18s ease,box-shadow .2s ease!important}.btn-primary:hover,.btn.btn-primary:hover{color:#fff!important;background:var(--vb-gradient)!important;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong)!important}.btn-primary:active,.btn.btn-primary:active,.btn-primary:focus,.btn.btn-primary:focus{color:#fff!important;background:var(--vb-gradient)!important;box-shadow:inset 0 1px #fff3,var(--vb-glow-purple)!important}.btn-outline-primary,.btn.btn-outline-primary{color:var(--vb-primary)!important;background:transparent!important;border:1px solid var(--vb-glass-border-strong)!important;border-radius:var(--vb-radius-md)!important;font-weight:600!important}.btn-outline-primary:hover,.btn.btn-outline-primary:hover{color:#fff!important;background:#8e54e933!important;border-color:var(--vb-neon-purple)!important;box-shadow:var(--vb-glow-border)}.btn-outline-secondary,.btn.btn-outline-secondary,.btn-secondary{border-radius:var(--vb-radius-md)!important;border-color:var(--vb-glass-border)!important;background:var(--vb-glass-surface)!important;color:var(--app-text)!important}.vb-glass,.glass-card{background:var(--vb-glass-surface);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur);border:1px solid var(--vb-glass-border);border-radius:var(--vb-radius-xl);box-shadow:var(--vb-shadow-elevated);transition:border-color .2s ease,box-shadow .2s ease}.vb-glass:hover,.glass-card:hover{border-color:var(--vb-glass-border-strong);box-shadow:var(--vb-shadow-elevated),var(--vb-glow-border)}.vb-input,.vb-field input,.vb-field textarea,.vb-field select{width:100%;min-height:44px;padding:10px 14px;color:var(--vb-on-surface);background:var(--vb-bg-deep);border:1px solid var(--vb-outline-variant);border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.9rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}html:not(.dark) .vb-input,html:not(.dark) .vb-field input,html:not(.dark) .vb-field textarea{background:#fff;border-color:#0f172a1f;color:#162033}.vb-input:focus,.vb-field input:focus,.vb-field textarea:focus,.vb-field select:focus{border-color:var(--vb-electric-blue);box-shadow:0 0 0 3px #4776e647,0 0 16px #4776e633}.form-control{border-radius:var(--vb-radius-md)!important;border-color:var(--vb-outline-variant)!important;background-color:var(--vb-bg-deep)!important;color:var(--vb-on-surface)!important}.form-control:focus{border-color:var(--vb-electric-blue)!important;box-shadow:0 0 0 .2rem #4776e640!important;background-color:var(--vb-bg-deep)!important;color:var(--vb-on-surface)!important}html:not(.dark) .form-control{background-color:#fff!important;color:#162033!important}.vb-chip,.vb-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--vb-radius-full);font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;line-height:16px;border:1px solid var(--vb-glass-border);background:#8e54e91f;color:var(--vb-primary)}.vb-chip--solid,.vb-badge--solid{background:var(--vb-gradient);border-color:transparent;color:#fff;box-shadow:var(--vb-glow-purple)}.vb-label{font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--vb-on-surface-variant)}.nav-tabs{border-bottom-color:var(--vb-glass-border)!important}.nav-tabs .nav-link{color:var(--app-muted)!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:var(--vb-radius) var(--vb-radius) 0 0!important;font-weight:600!important;font-family:var(--vb-font-sans)!important}.nav-tabs .nav-link:hover{border-bottom-color:#8e54e973!important;color:var(--vb-primary)!important;background:#8e54e90f!important}.nav-tabs .nav-link.active{color:var(--vb-primary)!important;background:transparent!important;border-bottom-color:var(--vb-neon-purple)!important;box-shadow:0 4px 12px #8e54e926}.nav-tabs .nav-link.is-locked{opacity:.7}.Toastify__toast-container--top-center{width:calc(100% - 32px);max-width:440px;left:50%;transform:translate(-50%);padding:0;top:16px;z-index:9999}.tech-toast-container.Toastify__toast,.Toastify__toast.tech-toast-container{padding:0!important;min-height:0!important;margin-bottom:0!important;width:100%!important;max-width:440px!important;background:transparent!important;box-shadow:none!important;border-radius:var(--vb-radius-xl, 1.5rem)!important;overflow:visible!important}.Toastify__toast--closing .tech-toast-container{opacity:0;transform:translateY(-8px)}.tech-toast-body.Toastify__toast-body,.Toastify__toast-body.tech-toast-body{margin:0!important;padding:0!important;width:100%}.tech-toast-container .Toastify__close-button{display:none!important}.tech-toast{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--vb-radius-xl, 1.5rem);background:#12131cb8;animation:techToastSlideDown .35s cubic-bezier(.16,1,.3,1) both;backdrop-filter:var(--vb-glass-blur, blur(20px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(20px));border:1px solid var(--vb-glass-border-strong, rgba(168, 85, 247, .4));box-shadow:var(--vb-shadow-elevated),var(--vb-glow-border);color:#fff;font-family:var(--vb-font-sans)}.tech-toast__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#a855f726;border:1px solid rgba(168,85,247,.5);color:var(--vb-primary, #d5baff)}.tech-toast__content{flex:1;min-width:0}.tech-toast__title{color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.3px;line-height:1.3;font-family:var(--vb-font-sans)}.tech-toast__desc{color:#ffffffb3;font-size:11.5px;margin-top:2px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--vb-font-mono);letter-spacing:.02em}.tech-toast__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.tech-toast__btn{background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));color:#fff;border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:var(--vb-radius-md, .75rem);font-size:12px;font-weight:600;font-family:var(--vb-font-sans);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple);transition:transform .2s ease,box-shadow .2s ease}.tech-toast__btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong)}.tech-toast__btn:active{transform:scale(.96)}.tech-toast__btn--ghost{background:transparent;box-shadow:none;border:1px solid var(--vb-glass-border-strong);color:var(--vb-primary, #d0bcff);padding:7px 10px}.tech-toast__btn--ghost:hover{background:#a855f71f;box-shadow:none;transform:none}.tech-toast__close{background:transparent;border:none;color:#ffffff59;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:color .2s}.tech-toast__close:hover{color:#fff}@keyframes techToastSlideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.tech-toast{flex-wrap:wrap;gap:10px}.tech-toast__content{flex:1 1 calc(100% - 100px)}.tech-toast__actions{width:100%;justify-content:flex-end;order:4}.tech-toast__close{order:3;margin-left:auto}.tech-toast__desc{white-space:normal}}html,body,#root{min-height:100%}body{margin:0;background-color:var(--app-background, var(--vb-bg-deep, #0c0d14));transition:background-color .25s ease}.app-shell,.app-shell__main,.app-shell__content{background-color:transparent;color:var(--app-text, var(--vb-on-surface))}html[data-font-size=large]{font-size:18px}html[data-font-size=small]{font-size:14px}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dark body{background-color:var(--app-background, #0b0f19)!important}html[data-compact=true] .post-card,html[data-compact=true] .post-create-container{padding:14px!important}html[data-compact=true] .sidebar__link{min-height:42px}.post-card-wrap{display:flex;justify-content:center;padding:16px}.post-card{width:100%;background:var(--vb-glass-surface-strong, var(--pc-card-bg, #fff));backdrop-filter:var(--vb-glass-blur, blur(20px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(20px));border:1px solid var(--vb-glass-border, rgba(0,0,0,.06));border-radius:var(--vb-radius-xl, 1.5rem);box-shadow:var(--vb-shadow-elevated, 0 6px 24px rgba(0,0,0,.06));padding:24px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.post-card:hover{border-color:var(--vb-glass-border-strong, rgba(168, 85, 247, .35))}.user-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar-wrap{position:relative}.avatar{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:3px solid rgba(102,126,234,.3)}.status-dot{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:#28a745;border:2px solid #fff}.user-name{margin:0;color:#111827}.user-desc{color:#6b7280e6}.pc-form,.textarea-wrap{position:relative}.input-icon{position:absolute;top:12px;left:12px;opacity:.6}.pc-textarea{width:100%;min-height:120px;max-height:320px;padding:12px 12px 12px 40px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fafafa;outline:none;resize:vertical}.pc-textarea:focus{background:var(--vb-bg-deep, #fff);border-color:var(--vb-electric-blue, #4776e6);box-shadow:0 0 0 3px #4776e647,0 0 14px #4776e626}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.chip{border:1px solid rgba(0,0,0,.08);background:#fff;color:#111827;border-radius:999px;padding:4px 10px}.chip:hover{transform:translateY(-1px)}.media-area{margin-top:8px}.media-title{display:flex;align-items:center;gap:6px;margin:0 0 10px}.media-grid{display:flex;flex-wrap:wrap;gap:10px}.progress-wrap{margin:16px 0}.progress-head{display:flex;justify-content:space-between;margin-bottom:6px}.progress{height:8px;background:#e2e8f0cc;border-radius:6px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#22d3ee)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:stretch;margin-top:16px}.action-btn,.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;width:100%;border-radius:var(--vb-radius-md, .75rem);font-weight:600;border:1px solid var(--vb-glass-border, rgba(0,0,0,.08));background:var(--vb-glass-surface, #fff);color:var(--app-text, #334155);transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;font-family:var(--vb-font-sans, inherit)}.action-btn:hover,.submit-btn:hover{transform:translateY(-1px);border-color:var(--vb-glass-border-strong);box-shadow:var(--vb-glow-border)}.action-icon{font-size:18px}.submit-btn{color:#fff;border:1px solid rgba(255,255,255,.18);background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple)}.submit-btn:disabled{opacity:.6;pointer-events:none}.popover{position:absolute;right:16px;bottom:76px;z-index:30;box-shadow:0 12px 32px #0000002e;border-radius:12px;overflow:hidden}.pop-emoji{background:#fff}.pop-camera{width:320px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.12)}.cam-view{background:#000}.cam-video{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;background:#000}.cam-ctrl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;background:#1f2937}.btn-ico{height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff}.btn-capture{height:36px;border-radius:10px;background:#10b981;color:#fff;border:none;font-weight:700}.limit-note{margin-top:10px;color:#b45309}.spin{width:16px;height:16px;margin-right:6px;animation:spin 1s linear infinite}.c1{stroke:currentColor;opacity:.25}.c2{fill:currentColor;opacity:.75}@media(max-width:640px){.post-card{padding:16px;border-radius:12px}}.post-card-wrap,.post-card-wrap *{box-sizing:border-box}.post-card-wrap{width:100%;max-width:100%;justify-content:stretch;padding-left:0;padding-right:0}.post-card{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.post-card a,.user-name,.user-desc{overflow-wrap:anywhere;word-break:break-word}.user-row,.progress-head,.media-title{min-width:0}.user-row>*{min-width:0}.media-grid,.media-area,.pc-textarea,.cam-video{max-width:100%}.popover{right:12px;left:12px;width:auto;max-width:calc(100% - 24px)}.pop-camera{width:100%}@media(max-width:360px){.post-card{padding:14px;border-radius:12px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pc-textarea{padding-left:38px;min-height:104px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.glass-container{background:var(--vb-glass-surface-strong, rgba(255, 255, 255, .06));backdrop-filter:var(--vb-glass-blur, blur(20px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(20px));border:1px solid var(--vb-glass-border, rgba(255, 255, 255, .12));box-shadow:var(--vb-shadow-elevated, 0 20px 50px rgba(0, 0, 0, .25));border-radius:var(--vb-radius-xl, 1.5rem)}.\!blob{position:absolute!important;border-radius:50%!important;filter:blur(60px)!important;z-index:0!important;pointer-events:none!important}.blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\[30\%\]{inset:30%}.inset-x-0{left:0;right:0}.-bottom-1{bottom:-.25rem}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.end-0{inset-inline-end:0px}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.start-0{inset-inline-start:0px}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-24{top:6rem}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1010\]{z-index:1010}.z-\[55\]{z-index:55}.z-\[998\]{z-index:998}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.col-span-3{grid-column:span 3 / span 3}.col-span-full{grid-column:1 / -1}.m-1{margin:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mt-10{margin-top:-2.5rem}.-mt-16{margin-top:-4rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.me-3{margin-inline-end:.75rem}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.5rem}.ms-3{margin-inline-start:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[15px\]{height:15px}.h-full{height:100%}.h-screen{height:100vh}.max-h-52{max-height:13rem}.max-h-\[400px\]{max-height:400px}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[82vh\]{max-height:82vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-\[32px\]{min-height:32px}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-60{min-width:15rem}.min-w-\[15px\]{min-width:15px}.min-w-\[18px\]{min-width:18px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[960px\]{max-width:960px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-\[1\.2\]{flex:1.2}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-2{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-10{row-gap:2.5rem}.gap-y-8{row-gap:2rem}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.25rem * var(--tw-space-x-reverse));margin-left:calc(-.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-black\/10>:not([hidden])~:not([hidden]){border-color:#0000001a}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(249 250 251 / var(--tw-divide-opacity, 1))}.divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-black\/10{border-color:#0000001a}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-400\/40{border-color:#60a5fa66}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-100\/50{border-color:#f3f4f680}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-300\/40{border-color:#d1d5db66}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-900\/30{border-color:#14532d4d}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.border-neutral-600{--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity, 1))}.border-neutral-700{--tw-border-opacity: 1;border-color:rgb(64 64 64 / var(--tw-border-opacity, 1))}.border-orange-600{--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.border-pink-500{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-slate-200\/40{border-color:#e2e8f066}.border-slate-200\/60{border-color:#e2e8f099}.border-slate-200\/80{border-color:#e2e8f0cc}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-300\/60{border-color:#cbd5e199}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.border-white\/60{border-color:#fff9}.border-zinc-600{--tw-border-opacity: 1;border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-r-transparent{border-right-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#0f0f0f\]{--tw-bg-opacity: 1;background-color:rgb(15 15 15 / var(--tw-bg-opacity, 1))}.bg-\[\#111318\]{--tw-bg-opacity: 1;background-color:rgb(17 19 24 / var(--tw-bg-opacity, 1))}.bg-\[\#fcfcfc\]{--tw-bg-opacity: 1;background-color:rgb(252 252 252 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-900\/30{background-color:#78350f4d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/5{background-color:#0000000d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/65{background-color:#000000a6}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400\/30{background-color:#60a5fa4d}.bg-blue-400\/40{background-color:#60a5fa66}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/15{background-color:#3b82f626}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-900\/30{background-color:#064e3b4d}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50\/70{background-color:#f9fafbb3}.bg-gray-50\/80{background-color:#f9fafbcc}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/30{background-color:#6b72804d}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/50{background-color:#11182780}.bg-gray-900\/60{background-color:#11182799}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-600\/20{background-color:#16a34a33}.bg-green-950\/40{background-color:#052e1666}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-900\/20{background-color:#312e8133}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-neutral-700{--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-50\/20{background-color:#fff7ed33}.bg-orange-50\/30{background-color:#fff7ed4d}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-orange-900\/20{background-color:#7c2d1233}.bg-pink-400\/30{background-color:#f472b64d}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-400\/40{background-color:#c084fc66}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/5{background-color:#a855f70d}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-purple-600\/20{background-color:#9333ea33}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/80{background-color:#ef4444cc}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900\/55{background-color:#0f172a8c}.bg-transparent{background-color:transparent}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-violet-900\/30{background-color:#4c1d954d}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-white\/40{background-color:#fff6}.bg-white\/50{background-color:#ffffff80}.bg-white\/60{background-color:#fff9}.bg-white\/65{background-color:#ffffffa6}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-800\/50{background-color:#27272a80}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from: rgb(0 0 0 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/35{--tw-gradient-from: rgb(255 255 255 / .35) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/40{--tw-gradient-from: rgb(255 255 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-rose-400{--tw-gradient-to: #fb7185 var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/10{--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1\.5{padding-bottom:.375rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-14{padding-left:3.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-20{padding-right:5rem}.pr-24{padding-right:6rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-neutral-100{--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.text-neutral-200{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-600::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(75 85 99 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-600::placeholder{--tw-placeholder-opacity: 1;color:rgb(75 85 99 / var(--tw-placeholder-opacity, 1))}.placeholder-neutral-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(163 163 163 / var(--tw-placeholder-opacity, 1))}.placeholder-neutral-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(163 163 163 / var(--tw-placeholder-opacity, 1))}.placeholder-neutral-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(115 115 115 / var(--tw-placeholder-opacity, 1))}.placeholder-neutral-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(115 115 115 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.accent-pink-500{accent-color:#ec4899}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(59\,130\,246\,0\.65\)\]{--tw-shadow: 0 0 12px rgba(59,130,246,.65);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow: 0 18px 50px rgba(0,0,0,.25);--tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 8px 32px rgba(0,0,0,.1);--tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow: 0 8px 32px rgba(0,0,0,.3);--tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/10{--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-500\/20{--tw-shadow-color: rgb(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-100{--tw-shadow-color: #e0e7ff;--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-900\/20{--tw-shadow-color: rgb(49 46 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-100{--tw-shadow-color: #ffedd5;--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-200{--tw-shadow-color: #fed7aa;--tw-shadow: var(--tw-shadow-colored)}.shadow-pink-500\/20{--tw-shadow-color: rgb(236 72 153 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-pink-500\/25{--tw-shadow-color: rgb(236 72 153 / .25);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-gray-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))}.ring-gray-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1))}.ring-gray-700{--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1))}.ring-gray-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1))}.ring-gray-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1))}.ring-indigo-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1))}.ring-indigo-400\/50{--tw-ring-color: rgb(129 140 248 / .5)}.ring-indigo-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[20px\]{--tw-backdrop-blur: blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[animation-delay\:-0\.5s\]{animation-delay:-.5s}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-blue-50::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.file\:bg-blue-900::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-blue-300::file-selector-button{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.file\:text-blue-700::file-selector-button{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.last\:border-0:last-child{border-width:0px}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-orange-200:hover{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.hover\:border-orange-600:hover{--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-900\/50:hover{background-color:#78350f80}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/40:hover{background-color:#0006}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-900\/50:hover{background-color:#1e3a8a80}.hover\:bg-emerald-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-900\/50:hover{background-color:#064e3b80}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-100\/60:hover{background-color:#f5f5f599}.hover\:bg-orange-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-600:hover{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-100:hover{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-900\/50:hover{background-color:#4c1d9580}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/55:hover{background-color:#ffffff8c}.hover\:bg-zinc-600:hover{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-700:hover{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-indigo-600:hover{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-neutral-200:hover{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.hover\:text-orange-400:hover{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.hover\:text-orange-600:hover{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.hover\:text-pink-600:hover{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.hover\:text-pink-700:hover{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-400:hover{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.hover\:text-yellow-500:hover{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-500\/30:hover{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-pink-500\/40:hover{--tw-shadow-color: rgb(236 72 153 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-zinc-800\/60:hover{--tw-shadow-color: rgb(39 39 42 / .6);--tw-shadow: var(--tw-shadow-colored)}.hover\:ring-gray-300:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.hover\:ring-gray-600:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1))}.hover\:file\:bg-blue-100::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.focus\:border-pink-500:focus{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.focus\:border-white:focus{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-orange-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.focus\:ring-pink-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity, 1))}.focus\:ring-pink-500\/50:focus{--tw-ring-color: rgb(236 72 153 / .5)}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:bg-gray-200:disabled{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.disabled\:text-gray-400:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rounded-none{border-radius:0}.group:hover .group-hover\:text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:ring-indigo-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.dark\:divide-white\/10:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.dark\:border-blue-900\/50:is(.dark *){border-color:#1e3a8a80}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-700\/30:is(.dark *){border-color:#3741514d}.dark\:border-gray-700\/50:is(.dark *){border-color:#37415180}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700\/50:is(.dark *){background-color:#37415180}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1f293780}.dark\:bg-gray-800\/80:is(.dark *){background-color:#1f2937cc}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#713f124d}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.dark\:from-white\/10:is(.dark *){--tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:ring-gray-700:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1))}.dark\:hover\:border-blue-400:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-blue-900\/20:hover:is(.dark *){background-color:#1e3a8a33}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-neutral-700\/60:hover:is(.dark *){background-color:#40404099}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7f1d1d33}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:#ffffff1a}.dark\:hover\:bg-zinc-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:hover\:text-blue-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:disabled\:bg-gray-700:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:disabled\:text-gray-500:disabled:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:bottom-0\.5{bottom:.125rem}.sm\:right-0\.5{right:.125rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-12{margin-left:3rem}.sm\:mr-2{margin-right:.5rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-10{height:2.5rem}.sm\:h-3{height:.75rem}.sm\:h-6{height:1.5rem}.sm\:w-10{width:2.5rem}.sm\:w-3{width:.75rem}.sm\:w-6{width:1.5rem}.sm\:w-64{width:16rem}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:-mt-20{margin-top:-5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-32{height:8rem}.md\:h-40{height:10rem}.md\:h-64{height:16rem}.md\:w-1\/2{width:50%}.md\:w-32{width:8rem}.md\:w-40{width:10rem}.md\:w-64{width:16rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:p-10{padding:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-24{padding-top:6rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:inline{display:inline}.lg\:w-80{width:20rem}.lg\:w-\[380px\]{width:380px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-12{padding:3rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1536px){.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.post-creator-container{width:100%;border-radius:var(--vb-radius-xl, 1.5rem);backdrop-filter:var(--vb-glass-blur, blur(20px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(20px));transition:border-color .25s ease;margin-top:1.5rem;margin-bottom:1.5rem;box-shadow:none;border:1px solid var(--vb-glass-border, rgba(255, 255, 255, .12))}.post-creator-container:hover{border-color:var(--vb-glass-border-strong, rgba(168, 85, 247, .35))}.post-creator-container.light{background:#ffffffe6;border-color:#0f172a1a}.post-creator-container.dark{background:var(--vb-glass-surface-strong, rgba(30, 31, 39, .9));border-color:var(--vb-glass-border, rgba(255, 255, 255, .12))}.post-creator-header{padding:1.5rem}.post-creator-collapsed{border-radius:1.15rem}.post-collapsed-row{display:flex;align-items:center;gap:.85rem;min-width:0;padding:.85rem 1rem}.post-collapsed-prompt{min-width:0;flex:1;height:46px;padding:0 1rem;overflow:hidden;border:1px solid;border-radius:999px;background:transparent;font-size:.95rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;transition:border-color .15s,background-color .15s}.post-creator-collapsed.light .post-collapsed-prompt{border-color:#e5e7eb;background:#f9fafb;color:#6b7280}.post-creator-collapsed.dark .post-collapsed-prompt{border-color:#3f3f46;background:#27272ab3;color:#a1a1aa}.post-creator-collapsed.light .post-collapsed-prompt:hover{background:#f3f4f6;border-color:#c7d2fe}.post-creator-collapsed.dark .post-collapsed-prompt:hover{background:#3f3f46;border-color:#6366f1}.post-collapsed-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.post-collapsed-action{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:.75rem;cursor:pointer;font-size:1.05rem;transition:filter .15s,transform .15s}.post-collapsed-action:hover{filter:brightness(.95);transform:translateY(-1px)}.post-collapsed-action:active{transform:scale(.94)}.post-creator-collapsed.light .post-collapsed-action.media{background:#ecfdf5;color:#047857}.post-creator-collapsed.light .post-collapsed-action.camera{background:#f5f3ff;color:#6d28d9}.post-creator-collapsed.light .post-collapsed-action.document{background:#eff6ff;color:#1d4ed8}.post-creator-collapsed.light .post-collapsed-action.emoji{background:#fffbeb;color:#b45309}.post-creator-collapsed.dark .post-collapsed-action.media{background:#064e3b73;color:#34d399}.post-creator-collapsed.dark .post-collapsed-action.camera{background:#4c1d9573;color:#a78bfa}.post-creator-collapsed.dark .post-collapsed-action.document{background:#1e3a8a73;color:#60a5fa}.post-creator-collapsed.dark .post-collapsed-action.emoji{background:#78350f73;color:#fbbf24}.post-creator-compose-row{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:1rem}.post-creator-compose-row.has-camera{grid-template-columns:3rem minmax(0,1fr) minmax(280px,36%)}.post-creator-editor-column{min-width:0}.post-creator-actions-container{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.post-creator-action-buttons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-creator-submit-btn{padding:.625rem 1.5rem;min-height:44px}.post-rich-editor .ql-toolbar{border:0;border-bottom:1px solid rgba(148,163,184,.25)}.post-rich-editor .ql-container{border:0;min-height:150px;font-size:1rem}.post-rich-editor .ql-editor{min-height:150px;max-height:420px;overflow-y:auto;line-height:1.7}.post-rich-editor .ql-editor img{display:block;max-width:100%;height:auto;margin:1rem auto;border-radius:.75rem}.post-creator-container.dark .ql-stroke{stroke:#d4d4d8}.post-creator-container.dark .ql-fill{fill:#d4d4d8}.post-creator-container.dark .ql-picker{color:#d4d4d8}.post-creator-container.dark .ql-editor.ql-blank:before{color:#71717a}.post-camera-panel{min-width:0;overflow:hidden;border:1px solid;border-radius:1rem;box-shadow:0 8px 24px #0f172a24}.post-camera-panel.light{background:#fff;border-color:#e5e7eb}.post-camera-panel.dark{background:#18181b;border-color:#3f3f46}.post-camera-header{min-height:42px;padding:.45rem .6rem .45rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid}.post-camera-panel.light .post-camera-header{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.post-camera-panel.dark .post-camera-header{background:#27272acc;border-color:#3f3f46;color:#f4f4f5}.post-camera-status,.post-camera-header-actions{display:flex;align-items:center;gap:.45rem}.post-camera-status{min-width:0;font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-camera-live-dot{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px #10b98124}.post-camera-switch-btn,.post-camera-close-btn{height:30px;border:0;border-radius:999px;font-size:.75rem;font-weight:600;transition:filter .15s,transform .15s}.post-camera-switch-btn{padding:0 .7rem}.post-camera-close-btn{width:30px;display:grid;place-items:center}.post-camera-panel.light .post-camera-switch-btn,.post-camera-panel.light .post-camera-close-btn{background:#e5e7eb;color:#1f2937}.post-camera-panel.dark .post-camera-switch-btn,.post-camera-panel.dark .post-camera-close-btn{background:#3f3f46;color:#fafafa}.post-camera-switch-btn:hover,.post-camera-close-btn:hover{filter:brightness(.94)}.post-camera-switch-btn:active,.post-camera-close-btn:active{transform:scale(.94)}.post-camera-viewport{position:relative;aspect-ratio:4 / 3;min-height:190px;max-height:310px;background:#050505}.post-camera-viewport video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-camera-controls{position:absolute;inset:auto 0 .75rem;display:flex;justify-content:center}.post-camera-capture-btn{width:54px;height:54px;padding:4px;border:3px solid rgb(255 255 255 / .92);border-radius:999px;background:#00000029;box-shadow:0 2px 12px #0000004d;transition:transform .15s}.post-camera-capture-btn span{display:block;width:100%;height:100%;border-radius:inherit;background:#fff}.post-camera-capture-btn:active{transform:scale(.9)}.post-media-preview-wrap{padding:0 1.5rem 1rem}.post-media-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.post-media-preview-item{min-width:0}.post-media-remove-btn{position:absolute;z-index:2;top:.45rem;right:.45rem;width:32px;height:32px;display:grid;place-items:center;border:2px solid rgb(255 255 255 / .9);border-radius:999px;background:#dc2626f5;color:#fff;opacity:1;box-shadow:0 2px 8px #0000004d;transition:background-color .15s,transform .15s}.post-media-remove-btn:hover{background:#b91c1c}.post-media-remove-btn:active{transform:scale(.9)}.post-media-remove-btn:disabled{cursor:not-allowed;opacity:.5}@media(max-width:1100px){.post-creator-compose-row.has-camera{grid-template-columns:3rem minmax(0,1fr) minmax(250px,38%)}.post-camera-status span:last-child{display:none}}@media(max-width:768px){.post-creator-container{margin-top:1rem;margin-bottom:1rem;border-radius:1rem}.post-collapsed-row{padding:.75rem;gap:.65rem}.post-collapsed-prompt{height:42px;padding:0 .85rem;font-size:.9rem}.post-collapsed-action{width:38px;height:38px}.post-creator-header{padding:1rem}.post-creator-compose-row,.post-creator-compose-row.has-camera{grid-template-columns:3rem minmax(0,1fr);gap:.75rem}.post-camera-panel{grid-column:2;grid-row:1;width:100%}.post-creator-compose-row.has-camera .post-creator-editor-column{grid-column:2;grid-row:2}.post-camera-status span:last-child{display:inline}.post-camera-viewport{aspect-ratio:16 / 9;min-height:180px;max-height:55vh}.post-creator-actions-container{flex-direction:column;align-items:stretch;gap:1rem}.post-creator-action-buttons{justify-content:space-around}.post-creator-submit-btn{width:100%}.post-rich-editor .ql-toolbar{white-space:nowrap;overflow-x:auto}.post-rich-editor .ql-formats{margin-right:.35rem}.post-rich-editor .ql-editor{min-height:130px;max-height:55vh;padding:.75rem}.post-creator-action-buttons .group span{display:none}.post-media-preview-wrap{padding:0 1rem 1rem}.post-media-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.post-media-remove-btn{top:.35rem;right:.35rem;width:34px;height:34px}}@media(max-width:520px){.post-collapsed-row{gap:.5rem}.post-collapsed-row>.relative.flex-shrink-0,.post-collapsed-row>.relative.flex-shrink-0>img,.post-collapsed-row>.relative.flex-shrink-0>div{width:40px;height:40px}.post-collapsed-actions{gap:.3rem}.post-collapsed-action{width:36px;height:36px;border-radius:.65rem}.post-collapsed-prompt{height:40px;padding:0 .7rem}.post-creator-compose-row,.post-creator-compose-row.has-camera{grid-template-columns:minmax(0,1fr)}.post-creator-compose-row>.relative.flex-shrink-0{margin-left:.15rem}.post-camera-panel,.post-creator-compose-row.has-camera .post-creator-editor-column{grid-column:1}.post-camera-panel{grid-row:2}.post-creator-compose-row.has-camera .post-creator-editor-column{grid-row:3}.post-title-input{font-size:1rem}.post-camera-header{min-height:40px}.post-camera-viewport{min-height:170px}.post-media-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.post-creator-header{padding:.75rem}.post-camera-status span:last-child{display:none}.post-camera-switch-btn{padding:0 .55rem}.post-media-preview-wrap{padding:0 .75rem .75rem}}.post-item-container{overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;border-radius:var(--vb-radius-xl, 1.5rem);backdrop-filter:var(--vb-glass-blur, blur(20px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(20px))}.post-item-container.light{background:#ffffffe0;border:1px solid var(--vb-glass-border, rgba(15, 23, 42, .1));box-shadow:0 8px 24px #141c2d0f}.post-item-container.light:hover{border-color:var(--vb-glass-border-strong, rgba(142, 84, 233, .35));box-shadow:0 10px 28px #141c2d1a,var(--vb-glow-border)}.post-item-container.dark{background:var(--vb-glass-surface-strong, rgba(30, 31, 39, .85));border:1px solid var(--vb-glass-border, rgba(255, 255, 255, .12));box-shadow:var(--vb-shadow-elevated)}.post-item-container.dark:hover{border-color:var(--vb-glass-border-strong, rgba(168, 85, 247, .4));box-shadow:var(--vb-shadow-elevated),var(--vb-glow-border)}.post-item-header{padding:1rem;display:flex;align-items:center;justify-content:space-between}.post-item-author{display:flex;align-items:center;gap:.75rem}.post-item-avatar{width:3rem;height:3rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover;ring-width:2px;--tw-ring-offset-width: 2px}.post-item-content{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box;padding-left:1rem;padding-right:1rem;padding-bottom:.75rem}.post-rich-content,.post-rich-content>div{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.post-rich-content *,.post-rich-content *:before,.post-rich-content *:after{max-width:100%;box-sizing:border-box}.post-rich-content p,.post-rich-content h1,.post-rich-content h2,.post-rich-content h3,.post-rich-content li,.post-rich-content blockquote,.post-rich-content span,.post-rich-content a{overflow-wrap:anywhere;word-break:break-word}.post-rich-content p{line-height:1.625;margin:.6rem 0}.post-rich-content h1{font-size:1.75rem;line-height:1.25;font-weight:750;margin:1rem 0 .6rem}.post-rich-content .post-article-title{margin-top:.2rem;font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:-.02em}.post-rich-content h2{font-size:1.4rem;line-height:1.3;font-weight:700;margin:.9rem 0 .5rem}.post-rich-content h3{font-size:1.15rem;font-weight:700;margin:.8rem 0 .4rem}.post-rich-content ul{width:100%;list-style:disc;padding-left:1.5rem}.post-rich-content ol{width:100%;list-style:decimal;padding-left:1.5rem}.post-rich-content blockquote{width:100%;border-left:4px solid #6366f1;margin:.9rem 0;padding:.4rem 1rem;opacity:.9}.post-rich-content a{color:#2563eb;text-decoration:underline;overflow-wrap:anywhere}.post-rich-content img{display:block;width:auto;max-width:100%;height:auto;margin:1rem auto;border-radius:.9rem;-o-object-fit:contain;object-fit:contain}.post-rich-content pre{width:100%;max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:.75rem;border-radius:.6rem;background:#64748b1f}.post-rich-content code{white-space:inherit;overflow-wrap:anywhere;word-break:break-word}.post-rich-content .ql-indent-1{padding-left:1.5rem!important}.post-rich-content .ql-indent-2{padding-left:3rem!important}.post-rich-content .ql-indent-3{padding-left:4.5rem!important}.post-rich-content .ql-indent-4{padding-left:6rem!important}.post-rich-content .ql-align-center{text-align:center}.post-rich-content .ql-align-right{text-align:right}.post-rich-content .ql-align-justify{text-align:justify}.post-edit-rich-editor .ql-container{min-height:130px;font-size:1rem}.post-edit-rich-editor.dark .ql-toolbar,.post-edit-rich-editor.dark .ql-container{border-color:#52525b}.post-edit-rich-editor.dark .ql-stroke{stroke:#d4d4d8}.post-edit-rich-editor.dark .ql-fill{fill:#d4d4d8}.post-edit-rich-editor.dark .ql-picker{color:#d4d4d8}.shared-post-card{width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);min-width:0;margin:0 .75rem .75rem;border:1px solid rgba(148,163,184,.35);border-radius:1rem;overflow:hidden;box-sizing:border-box}.post-tagged-summary{display:flex;align-items:center;gap:.4rem;margin:-.35rem 1rem .65rem 4.75rem;font-size:.82rem;line-height:1.35}.post-tagged-summary.light{color:#4b5563}.post-tagged-summary.dark{color:#a1a1aa}.post-tagged-summary svg{flex:0 0 auto;color:#6366f1}.post-share-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-share-modal{width:min(560px,100%);max-height:min(760px,calc(100dvh - 2rem));display:flex;flex-direction:column;overflow:hidden;border:1px solid;border-radius:1.25rem;box-shadow:0 24px 70px #00000052}.post-share-modal.light{color:#111827;background:#fff;border-color:#e5e7eb}.post-share-modal.dark{color:#f4f4f5;background:#18181b;border-color:#3f3f46}.post-share-modal-header{min-height:58px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid}.post-share-modal.light .post-share-modal-header{border-color:#e5e7eb}.post-share-modal.dark .post-share-modal-header{border-color:#3f3f46}.post-share-modal-header h3{margin:0;font-size:1.15rem;font-weight:750}.post-share-modal-header button{position:absolute;right:.85rem;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:999px;background:#94a3b82e;transition:background-color .15s,transform .15s}.post-share-modal-header button:hover{background:#94a3b84d}.post-share-modal-header button:active{transform:scale(.94)}.post-share-modal-body{padding:1rem;overflow-y:auto}.post-share-owner-row{display:flex;align-items:center;gap:.7rem}.post-share-owner-row>img{width:44px;height:44px;flex:0 0 auto;border-radius:999px;-o-object-fit:cover;object-fit:cover}.post-share-owner-row strong{display:block;font-size:.92rem}.post-share-privacy-select{width:-moz-fit-content;width:fit-content;margin-top:.25rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.35rem;border-radius:.5rem;background:#94a3b829;font-size:.73rem}.post-share-privacy-select select{border:0;outline:0;background:transparent;color:inherit;font-weight:650;cursor:pointer}.post-share-modal.dark .post-share-privacy-select option{background:#27272a;color:#fff}.post-share-modal textarea{width:100%;min-height:110px;max-height:220px;margin-top:.9rem;padding:.75rem 0;resize:vertical;border:0;outline:0;background:transparent;color:inherit;font-size:1.05rem;line-height:1.55}.post-share-modal textarea::-moz-placeholder{color:#9ca3af}.post-share-modal textarea::placeholder{color:#9ca3af}.post-share-character-count{margin-top:-.35rem;text-align:right;font-size:.7rem;color:#9ca3af}.post-share-original-preview{margin-top:.65rem;padding:.8rem;display:flex;flex-direction:column;gap:.2rem;border:1px solid;border-radius:.85rem}.post-share-modal.light .post-share-original-preview{border-color:#e5e7eb;background:#f9fafb}.post-share-modal.dark .post-share-original-preview{border-color:#3f3f46;background:#09090b}.post-share-original-preview strong{font-size:.82rem}.post-share-original-preview span{font-size:.78rem;opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-share-tag-section{margin-top:.9rem}.post-share-tag-heading{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;font-weight:700}.post-share-tag-heading span{display:flex;align-items:center;gap:.4rem}.post-share-tag-heading svg{color:#6366f1}.post-share-tag-heading small{color:#9ca3af;font-weight:500}.post-share-friend-search{height:40px;margin-top:.55rem;padding:0 .75rem;display:flex;align-items:center;gap:.5rem;border:1px solid;border-radius:.7rem}.post-share-modal.light .post-share-friend-search{border-color:#e5e7eb;background:#f9fafb}.post-share-modal.dark .post-share-friend-search{border-color:#3f3f46;background:#27272a}.post-share-friend-search svg{color:#9ca3af}.post-share-friend-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font-size:.84rem}.post-share-friend-list{max-height:175px;margin-top:.45rem;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.post-share-friend-list button{min-width:0;padding:.45rem .55rem;display:grid;grid-template-columns:32px minmax(0,1fr) 22px;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:.7rem;background:#94a3b81a;color:inherit;text-align:left}.post-share-friend-list button.selected{border-color:#6366f1;background:#6366f11f}.post-share-friend-list button img{width:32px;height:32px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.post-share-friend-list button span{overflow:hidden;font-size:.78rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.post-share-friend-list button i{width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#94a3b833;color:transparent}.post-share-friend-list button.selected i{background:#6366f1;color:#fff}.post-share-empty{grid-column:1 / -1;padding:1rem;text-align:center;color:#9ca3af;font-size:.8rem}.post-share-modal-footer{padding:.75rem 1rem;display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid}.post-share-modal.light .post-share-modal-footer{border-color:#e5e7eb}.post-share-modal.dark .post-share-modal-footer{border-color:#3f3f46}.post-share-modal-footer button{min-width:105px;min-height:40px;padding:.55rem 1rem;border:0;border-radius:.7rem;font-weight:700}.post-share-modal-footer .cancel{background:#94a3b82e;color:inherit}.post-share-modal-footer .confirm{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.post-share-modal-footer button:disabled{cursor:not-allowed;opacity:.6}.blog-promo-strip{margin:0 0 1.5rem;padding:0;border-radius:var(--vb-radius-xl, 1.5rem);border:none;background:transparent!important}.blog-promo-strip.light,.blog-promo-strip.dark{background:transparent!important}.blog-promo-strip__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.blog-promo-strip__eyebrow{margin:0 0 .2rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b5cf6}.blog-promo-strip__header h4{margin:0;font-size:1rem;font-weight:700}.blog-promo-strip__view-all{border:0;border-radius:999px;padding:.45rem .8rem;background:#6366f11f;color:inherit;font-size:.78rem;font-weight:600}.blog-promo-strip__list{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.2rem .15rem .6rem;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab}.blog-promo-strip__list:active{cursor:grabbing}.blog-promo-strip__list::-webkit-scrollbar{height:6px}.blog-promo-strip__list::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.blog-promo-card{flex:0 0 min(280px,78vw);display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;background:#ffffffb3;border:1px solid rgba(148,163,184,.22);text-decoration:none;color:inherit;scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.blog-promo-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f;border-color:#6366f159}.blog-promo-card:active{transform:scale(.98)}.blog-promo-card__image{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;display:block}.blog-promo-card__body{display:flex;flex-direction:column;gap:.35rem;padding:.8rem;flex:1}.blog-promo-card__meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.72}.blog-promo-card__body h5{margin:0;font-size:.95rem;font-weight:700;line-height:1.35;color:inherit}.blog-promo-card__body p{margin:0;font-size:.8rem;line-height:1.45;opacity:.76;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:.35rem .4rem .45rem;border-top:1px solid var(--vb-glass-border, rgba(128, 128, 128, .18));position:relative}.post-actions__slot{position:relative;min-width:0;display:flex;align-items:stretch;justify-content:center}.post-action-btn{width:100%;min-height:44px;margin:0;padding:.4rem .25rem;border:0;border-radius:.75rem;background:transparent;color:inherit;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s ease,color .15s ease,transform .12s ease;font-family:var(--vb-font-sans, inherit)}.post-action-btn:active{transform:scale(.96)}.post-action-btn:disabled{opacity:.55;cursor:not-allowed}.post-actions.is-light .post-action-btn{color:#4b5563}.post-actions.is-dark .post-action-btn{color:#a1a1aa}.post-actions.is-light .post-action-btn:hover{background:#0f172a0f}.post-actions.is-dark .post-action-btn:hover{background:#ffffff0f}.post-action-btn.is-active{color:#4776e6;font-weight:650}.post-action-btn.is-saved.is-active{color:#8e54e9}.post-action-btn.is-busy{opacity:.92}.post-action-btn__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;flex-shrink:0;transition:transform .12s ease}.post-action-btn__icon.is-reacted{transform:scale(1.08);color:#4776e6}.post-action__icon-svg{width:1.1em;height:1.1em;display:block}.post-action__emoji{font-size:1.15rem;line-height:1}.post-action-btn__label{font-size:.82rem;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reaction-picker--desktop{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;display:flex;align-items:center;gap:.2rem;padding:.35rem .45rem;border-radius:999px;border:1px solid;box-shadow:0 12px 28px #00000038;animation:postActionPop .14s ease-out;width:-moz-max-content;width:max-content;max-width:min(92vw,320px)}.reaction-picker--desktop.is-light{background:#fff;border-color:#e5e7eb}.reaction-picker--desktop.is-dark{background:#18181b;border-color:#3f3f46}.reaction-picker__btn{width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:transparent;font-size:1.45rem;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease}.reaction-picker__btn:hover{transform:scale(1.22) translateY(-2px)}.reaction-picker__btn.is-selected{transform:scale(1.12);box-shadow:0 0 0 2px #4776e673}.post-sheet-backdrop{position:fixed;inset:0;z-index:1200;background:#080a127a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:postSheetFade .16s ease-out}.post-sheet{width:100%;max-width:520px;border-radius:1.25rem 1.25rem 0 0;padding:.55rem .85rem calc(.85rem + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 40px #00000047;animation:postSheetUp .22s cubic-bezier(.16,1,.3,1)}.post-sheet.is-light{background:#f8fafc;color:#162033;border:1px solid rgba(15,23,42,.08);border-bottom:0}.post-sheet.is-dark{background:#14151d;color:#e3e1ec;border:1px solid rgba(255,255,255,.1);border-bottom:0}.post-sheet__handle{width:40px;height:4px;border-radius:999px;margin:.15rem auto .65rem;background:#94a3b873}.post-sheet__title{margin:0 0 .75rem;font-size:.95rem;font-weight:750;letter-spacing:-.01em}.reaction-sheet__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem}.reaction-sheet__btn{border:0;background:transparent;border-radius:.85rem;padding:.55rem .15rem .45rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;color:inherit;min-height:68px;transition:background .15s ease,transform .12s ease}.reaction-sheet__btn:active{transform:scale(.94)}.post-sheet.is-light .reaction-sheet__btn:hover,.post-sheet.is-light .reaction-sheet__btn.is-selected{background:#4776e61a}.post-sheet.is-dark .reaction-sheet__btn:hover,.post-sheet.is-dark .reaction-sheet__btn.is-selected{background:#8e54e929}.reaction-sheet__emoji{font-size:1.65rem;line-height:1}.reaction-sheet__name{font-size:.62rem;font-weight:650;opacity:.8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.share-sheet__header .post-sheet__title{margin:0}.share-sheet__close{width:36px;height:36px;border:0;border-radius:999px;display:grid;place-items:center;cursor:pointer;background:#94a3b829;color:inherit}.share-sheet__list{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.25rem}.share-sheet__item{width:100%;min-height:48px;border:0;border-radius:.85rem;padding:.7rem .85rem;display:flex;align-items:center;gap:.85rem;text-align:left;cursor:pointer;background:transparent;color:inherit;font-weight:600;font-size:.92rem;transition:background .15s ease}.post-sheet.is-light .share-sheet__item:hover{background:#0f172a0d}.post-sheet.is-dark .share-sheet__item:hover{background:#ffffff0f}.share-sheet__item.is-accent{color:#4776e6}.share-sheet__item-icon{width:2.15rem;height:2.15rem;border-radius:.65rem;display:grid;place-items:center;flex-shrink:0;background:#8e54e91f;color:#8e54e9;font-size:.95rem}.share-sheet__item.is-accent .share-sheet__item-icon{background:#4776e624;color:#4776e6}.share-panel__at{font-weight:800;font-size:.95rem}.share-sheet--desktop{margin:auto;border-radius:1.15rem!important;max-width:360px;width:calc(100% - 2rem);border-bottom:1px solid!important;animation:postActionPop .16s ease-out}.post-sheet-backdrop:has(.share-sheet--desktop){align-items:center;padding:1rem}@keyframes postActionPop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes postSheetFade{0%{opacity:0}to{opacity:1}}@keyframes postSheetUp{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.post-actions{gap:0;padding:.2rem .2rem .3rem}.post-action-btn{min-height:52px;flex-direction:column;gap:.18rem;padding:.4rem .1rem .35rem;border-radius:.65rem}.post-action-btn__icon{font-size:1.2rem}.post-action-btn__label{font-size:.68rem;font-weight:650;letter-spacing:.01em;max-width:4.6rem}.reaction-sheet__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.reaction-sheet__btn{min-height:72px;background:#94a3b814}.reaction-sheet__emoji{font-size:1.85rem}.reaction-sheet__name{font-size:.7rem}}@media(max-width:380px){.post-action-btn__label{font-size:.62rem;max-width:3.8rem}.post-action-btn__icon{font-size:1.12rem}}@media(max-width:768px){.post-item-container{border-radius:1rem}.post-item-header{padding:.75rem}.post-item-avatar{width:2.5rem;height:2.5rem}.post-item-content{padding:0 .75rem .5rem;font-size:.95rem}.post-rich-content h1{font-size:1.45rem}.post-rich-content h2{font-size:1.25rem}.post-rich-content h3{font-size:1.08rem}.post-rich-content ul,.post-rich-content ol{padding-left:1.2rem}.post-rich-content blockquote{padding:.35rem .7rem}.post-rich-content .ql-indent-1{padding-left:.75rem!important}.post-rich-content .ql-indent-2{padding-left:1.25rem!important}.post-rich-content .ql-indent-3{padding-left:1.75rem!important}.post-rich-content .ql-indent-4{padding-left:2.25rem!important}.post-tagged-summary{margin-left:3.75rem;margin-right:.75rem}.post-share-modal-backdrop{padding:0;place-items:end center}.post-share-modal{width:100%;max-height:92dvh;border-radius:1.25rem 1.25rem 0 0}.post-share-friend-list{grid-template-columns:minmax(0,1fr)}.post-share-modal-footer button{flex:1}}.blog-promo-load-more-card{flex:0 0 160px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:#fff6;border:1px dashed rgba(148,163,184,.4);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;min-height:100%}.blog-promo-load-more-card:hover{transform:translateY(-2px);background:#ffffffb3;border-color:#8b5cf6}.blog-promo-load-more-card__content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#8b5cf6;font-weight:600;font-size:.85rem}.blog-promo-load-more-card .plus-icon{font-size:1.8rem;line-height:1}.blog-promo-card-skeleton{flex:0 0 min(280px,78vw);display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;background:#ffffff59;border:1px solid rgba(148,163,184,.12);min-height:220px;position:relative}.blog-promo-card-skeleton__image{width:100%;height:120px;background:#94a3b826;animation:shimmer 1.5s infinite linear}.blog-promo-card-skeleton__body{padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.blog-promo-card-skeleton__meta{width:40%;height:10px;background:#94a3b826;border-radius:4px;animation:shimmer 1.5s infinite linear}.blog-promo-card-skeleton__title{width:85%;height:16px;background:#94a3b833;border-radius:4px;animation:shimmer 1.5s infinite linear}.blog-promo-card-skeleton__text{width:95%;height:12px;background:#94a3b81f;border-radius:4px;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{opacity:.6}50%{opacity:.85}to{opacity:.6}}.home-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--vb-space-2, .5rem) var(--vb-space-2, .5rem) var(--vb-space-4, 1.5rem);box-sizing:border-box;overflow-x:hidden}@media(max-width:820px){.home-container{max-width:100%;padding:.5rem}}.posts-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.feed-skeleton{display:flex;flex-direction:column;gap:1rem}.feed-skeleton__card{border-radius:var(--vb-radius-xl, 1.5rem);border:1px solid var(--vb-glass-border, rgba(255, 255, 255, .1));background:var(--vb-glass-surface-strong, rgba(30, 31, 39, .55));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.1rem 1.15rem 1.25rem;overflow:hidden}.feed-skeleton__row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.feed-skeleton__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,#8e54e91f,#4776e62e,#8e54e91f);background-size:200% 100%;animation:feedShimmer 1.2s ease-in-out infinite}.feed-skeleton__lines{flex:1;display:flex;flex-direction:column;gap:.4rem}.feed-skeleton__line{height:12px;border-radius:6px;background:linear-gradient(90deg,#8e54e91a,#4776e629,#8e54e91a);background-size:200% 100%;animation:feedShimmer 1.2s ease-in-out infinite}.feed-skeleton__line--sm{width:42%}.feed-skeleton__line--xs{width:28%;height:10px}.feed-skeleton__line--md{width:72%;margin-top:.5rem}.feed-skeleton__media{margin-top:1rem;height:160px;border-radius:12px;background:linear-gradient(90deg,#8e54e914,#4776e624,#8e54e914);background-size:200% 100%;animation:feedShimmer 1.2s ease-in-out infinite}@keyframes feedShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.feed-load-sentinel{min-height:48px;display:flex;align-items:center;justify-content:center;padding:.75rem 0 1.5rem}.feed-load-more{display:flex;gap:6px;align-items:center}.feed-load-more__dot{width:7px;height:7px;border-radius:50%;background:var(--vb-neon-purple, #8e54e9);opacity:.55;animation:feedDot .9s ease-in-out infinite}.feed-load-more__dot:nth-child(2){animation-delay:.15s}.feed-load-more__dot:nth-child(3){animation-delay:.3s}@keyframes feedDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.feed-end-hint{font-size:.85rem;opacity:.7}html:not(.dark) .feed-skeleton__card{background:#ffffffe6;border-color:#0f172a14}.post-content-scrollable-wrapper{max-height:500px;overflow-y:auto;padding-right:6px}.post-content-scrollable-wrapper::-webkit-scrollbar{width:5px}.post-content-scrollable-wrapper::-webkit-scrollbar-track{background:transparent}.post-content-scrollable-wrapper::-webkit-scrollbar-thumb{background:#8e54e940;border-radius:10px}.post-content-scrollable-wrapper::-webkit-scrollbar-thumb:hover{background:#8e54e973}.user-list-header{padding:1rem 1rem .9rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.user-list-header.dark{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#8e54e91f,#ffffff08)}.user-list-header h5{color:#f7f3ff;font-family:Hanken Grotesk,sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.user-search-input{width:100%;padding:.7rem 1rem .7rem 2.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:.92rem;background:#080a12a6;color:#f8f9fa;box-shadow:inset 0 1px #ffffff0a}.user-search-input.dark{background:#080a12b3;border-color:#ffffff1f;color:#f8f9fa}.user-search-input:focus{outline:none;border-color:#4776e6;box-shadow:0 0 0 3px #4776e633}.user-list-items{flex-grow:1;overflow-y:auto;padding:.5rem}.user-item{display:flex;align-items:center;padding:.8rem .75rem;cursor:pointer;transition:all .2s ease;border-radius:14px;margin-bottom:.4rem;border:1px solid transparent;background:transparent}.user-item:hover{background:#ffffff0f;border-color:#ffffff14}.user-item.selected{background:linear-gradient(90deg,#8e54e93d,#4776e629);border-color:#8e54e959;box-shadow:inset 0 1px #ffffff0f}.user-item-info{flex-grow:1;overflow:hidden;margin-left:.75rem}.user-item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5f2ff}.user-item-last-message{font-size:.84rem;color:#bdb7ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-item-last-message.dark{color:#d4d8e2}.messenger-container.light .user-list-header{border-bottom:1px solid rgba(15,23,42,.1);background:linear-gradient(180deg,#8e54e914,#ffffff05)}.messenger-container.light .user-list-header h5{color:#162033}.messenger-container.light .user-search-input{background:#fff;border-color:#0f172a24;color:#162033;box-shadow:inset 0 1px #0f172a0a}.messenger-container.light .user-search-input::-moz-placeholder{color:#8a93a5}.messenger-container.light .user-search-input::placeholder{color:#8a93a5}.messenger-container.light .user-item:hover{background:#8e54e914;border-color:#8e54e92e}.messenger-container.light .user-item.selected{background:linear-gradient(90deg,#8e54e929,#4776e61a);border-color:#8e54e94d}.messenger-container.light .user-item-name{color:#162033}.messenger-container.light .user-item-last-message{color:#687386}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#8e54e926,#4776e614);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.chat-header.dark{background:linear-gradient(90deg,#8e54e92e,#4776e61a);border-bottom:1px solid rgba(255,255,255,.08)}.chat-header-left{display:flex;align-items:center;gap:10px;min-width:0}.chat-back-btn{color:#f4efff;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#ffffff1f}.chat-header-info{display:flex;align-items:center;gap:10px;min-width:0}.chat-header-name{font-size:1rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fefbff}.chat-header-status{font-size:.8rem;color:#bdb7ca}.chat-header-status.dark{color:#ced4e2}.chat-header-status.online{color:#7df0b1}.chat-header-actions{display:flex;gap:.5rem}.chat-header-actions .btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);color:#f5f0ff;background:#ffffff14;border-radius:999px}@media(max-width:768px){.chat-header{padding:.6rem .9rem;position:sticky;top:0;z-index:10}.chat-header-name{font-size:.95rem}}.settings-panel{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-bottom:12px;background:#ffffff14}.settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.settings-panel-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#f7f3ff}.settings-panel-actions{display:flex;gap:8px}.settings-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:576px){.settings-panel-grid{grid-template-columns:1fr}}.settings-panel-item{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f}.settings-label{font-size:12px;font-weight:700;opacity:.9;margin-bottom:6px;color:#f0ebff}.settings-row{display:flex;align-items:center;gap:10px}.color-input{width:44px;height:34px;padding:0;border:none;background:transparent;cursor:pointer}.color-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;opacity:.9;color:#f7f3ff}.settings-preview{margin-top:12px;border-radius:14px;padding:12px;display:flex;gap:10px;align-items:flex-end;justify-content:flex-end;min-height:80px;background:#ffffff0d}.settings-preview-bubble{padding:8px 10px;border-radius:16px;max-width:70%;font-weight:700}.settings-preview-bubble.ghost{background:#fffffff2;border:1px solid rgba(0,0,0,.08);color:#111827}.settings-list.pushed{margin-top:2px}.messenger-container.light .chat-header{border-bottom:1px solid rgba(15,23,42,.1);background:linear-gradient(90deg,#8e54e91f,#4776e60f)}.messenger-container.light .chat-back-btn{color:#162033;background:#0f172a0f}.messenger-container.light .chat-header-name{color:#162033}.messenger-container.light .chat-header-status{color:#687386}.messenger-container.light .chat-header-actions .btn{border-color:#0f172a24;color:#162033;background:#ffffffbf}.messenger-container.light .settings-panel{border:1px solid rgba(15,23,42,.12);background:#ffffffd9}.messenger-container.light .settings-panel-title{color:#162033}.messenger-container.light .settings-panel-item{border-color:#0f172a1a;background:#fff9}.messenger-container.light .settings-label,.messenger-container.light .color-value{color:#162033}.messenger-container.light .settings-preview{background:#0f172a0d}.message-list-container{flex-grow:1;overflow-y:auto;padding:1rem 1.1rem 1.25rem;background:linear-gradient(180deg,#ffffff08,#080a120a)}.message-list-container.dark{background:linear-gradient(180deg,#8e54e90f,#080a120a)}.message-group{display:flex;margin-bottom:.85rem;align-items:flex-end}.message-group.sent{justify-content:flex-end}.message-group.received{justify-content:flex-start}.message-avatar{width:32px;height:32px;align-self:flex-end;margin-right:.5rem;flex-shrink:0}.message-group.sent .message-avatar{margin-right:0;margin-left:.5rem}.message-bubble{max-width:75%;padding:.8rem .95rem;border-radius:18px;word-break:break-word;line-height:1.4;font-size:.95rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #00000029}.message-bubble.sent{background:linear-gradient(135deg,#8e54e9,#4776e6);color:#fff;border-bottom-right-radius:8px}.message-bubble.received{background:#ffffff14;color:#f5f0ff;border-bottom-left-radius:8px}.message-bubble.received.dark{background:#ffffff12;border-color:#ffffff1a}.message-time{font-size:.72rem;margin-top:.45rem;text-align:right;color:#ffffffb3}.message-bubble.received .message-time{color:#c9c0dc}.read-status{margin-left:.25rem;font-size:.6rem;opacity:.8}.message-actions{display:flex;gap:.4rem;margin-top:.45rem;opacity:0;transition:opacity .2s ease}.message-group:hover .message-actions{opacity:1}.reaction-picker{display:flex;gap:.25rem;margin-top:.45rem;background:#ffffff1a;border-radius:999px;padding:.25rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reaction-picker.dark{background:#080a12bf;border-color:#ffffff1a}.reaction-picker button{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:999px;transition:background-color .2s ease}.reaction-picker button:hover{background-color:#ffffff29}.message-reactions{display:flex;gap:.25rem;margin-top:.45rem}.reaction-icon{font-size:1rem}.messenger-container.light .message-list-container{background:linear-gradient(180deg,#fff9,#fff6)}.messenger-container.light .message-bubble.received{background:#ffffffe6;color:#162033;border-color:#0f172a1a}.messenger-container.light .message-bubble.received .message-time{color:#687386}.messenger-container.light .message-time{color:#0f172a99}.messenger-container.light .message-bubble.sent{border-color:#0f172a14}.messenger-container.light .reaction-picker{background:#fffffff2;border-color:#0f172a1f}.messenger-container.light .reaction-picker button:hover{background-color:#0f172a14}.message-input-container{--bg-color: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .12);--text-color: #f5f0ff;--placeholder-color: #bdb7ca;--chip-bg: rgba(255, 255, 255, .06);padding:12px 14px;background:#06080eb3;border-top:1px solid rgba(255,255,255,.08);position:relative;width:100%;max-width:100%;box-sizing:border-box;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.message-input-container.dark{--bg-color: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .12);--text-color: #f5f0ff;--placeholder-color: #bdb7ca;--chip-bg: rgba(255, 255, 255, .05)}.reply-preview{border-left:4px solid #8e54e9;background:#8e54e91f;padding:10px 12px;border-radius:12px;margin-bottom:10px;color:#f5f0ff}.reply-preview strong{color:#e0d4ff}.reply-preview p{margin:2px 0 0;font-size:.85rem;color:#c9c0dc}.attached-files-preview{padding:0;margin-bottom:10px}.attached-file-item{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px 10px;font-size:12px;max-width:100%;box-sizing:border-box;color:#f5f0ff}.attached-file-item img,.attached-file-item video{width:34px;height:34px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.message-input-form{display:flex;align-items:flex-end;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.message-input-wrapper{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-color);box-sizing:border-box}.message-input-field{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;color:var(--text-color);font-size:14px;padding:6px}.message-input-field::-moz-placeholder{color:var(--placeholder-color)}.message-input-field::placeholder{color:var(--placeholder-color)}.message-input-wrapper:focus-within{border-color:#4776e6;box-shadow:0 0 0 3px #4776e633}.message-input-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.message-input-actions .btn{border-radius:999px;padding:6px;line-height:1;color:#f5f0ff}.message-input-actions .btn:hover{background:#ffffff1a}.recording-status{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.recording-timer{font-weight:700;color:var(--text-color);font-size:13px}.message-send-btn{flex:0 0 auto;width:44px;height:44px;border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border:none;background:linear-gradient(135deg,#8e54e9,#4776e6);box-shadow:0 10px 20px #4776e63d}.message-send-btn:disabled{opacity:.6;box-shadow:none}.message-input-actions .position-absolute.bottom-100.start-0.mb-2{left:auto!important;right:0!important;bottom:calc(100% + 10px)!important}@media(max-width:768px){.message-input-container{padding:10px}.message-input-form{gap:8px}.message-input-wrapper{padding:7px 8px}.message-input-field{font-size:14px;padding:6px 4px}.message-input-actions{gap:4px}.message-input-actions .btn{padding:6px}.message-send-btn{width:42px;height:42px}.reply-preview{padding:8px 10px;border-radius:10px}.reply-preview p{font-size:.82rem}}@media(max-width:360px){.message-input-actions .btn{padding:5px}.message-send-btn{width:40px;height:40px}}.messenger-container.light .message-input-container{--bg-color: rgba(255, 255, 255, .9);--border-color: rgba(15, 23, 42, .14);--text-color: #162033;--placeholder-color: #8a93a5;--chip-bg: rgba(255, 255, 255, .9);background:#ffffffd9;border-top:1px solid rgba(15,23,42,.1)}.messenger-container.light .reply-preview{background:#8e54e91a;color:#162033}.messenger-container.light .reply-preview strong{color:#6b4fd8}.messenger-container.light .reply-preview p{color:#687386}.messenger-container.light .attached-file-item{background:#ffffffe6;border-color:#0f172a1f;color:#162033}.messenger-container.light .message-input-actions .btn{color:#162033}.messenger-container.light .message-input-actions .btn:hover{background:#0f172a14}.messenger-container.light .recording-status{background:#ffffffe6;border-color:#0f172a1f}.welcome-container{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;padding:24px;background:linear-gradient(135deg,#8e54e914,#4776e60f)}.welcome-container.dark{background:linear-gradient(135deg,#8e54e924,#4776e61a)}.welcome-content{max-width:440px;padding:2rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;box-shadow:0 18px 45px #0000003d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.welcome-content.dark{background:#080a12ad}.welcome-icon{color:#8e54e9;margin-bottom:1.25rem;filter:drop-shadow(0 0 16px rgba(142,84,233,.28))}.welcome-icon.dark{color:#9fb4ff}.welcome-title{font-family:Hanken Grotesk,sans-serif;font-weight:700;margin-bottom:.5rem;color:#f8f5ff}.welcome-text{color:#c8c0dc;font-size:.95rem;line-height:1.65}.welcome-text.dark{color:#d8d8e3}.messenger-container.light .welcome-container{background:linear-gradient(135deg,#8e54e914,#4776e60f)}.messenger-container.light .welcome-content{border:1px solid rgba(15,23,42,.12);background:#ffffffd9;box-shadow:0 18px 45px #141c2d1f}.messenger-container.light .welcome-icon{color:#8e54e9}.messenger-container.light .welcome-title{color:#162033}.messenger-container.light .welcome-text{color:#687386}.messenger-container{width:100%;max-width:1200px;margin:0 auto;min-height:calc(100dvh - var(--app-header-height, 72px) - 32px);display:flex;gap:16px;box-sizing:border-box;border-radius:var(--vb-radius-xl, 1.5rem);overflow:hidden;background:transparent;color:var(--vb-on-surface, #e3e1ec);transition:color .25s ease}.messenger-container.dark{color:var(--vb-on-surface, #f8f9fa)}.messenger-container.light{color:var(--vb-on-surface, #162033)}.sidebar-container{display:flex;flex-direction:column;height:100%;width:min(320px,100%);min-width:0;flex-shrink:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d}.messenger-container.light .sidebar-container,.messenger-container.light .chat-container{border:1px solid rgba(15,23,42,.12)}.messenger-container.light .sidebar-container{background:#ffffffd1;box-shadow:inset 0 1px #ffffffe6}.chat-container{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#080a12ad;box-shadow:inset 0 1px #ffffff0d}.messenger-container.light .chat-container{background:#ffffffad;box-shadow:inset 0 1px #ffffffe6}@media(max-width:768px){.sidebar-container{width:100%;border-right:none}.chat-container{display:none}.messenger-container{height:calc(100vh - 60px);padding:12px;gap:12px}.sidebar-container.chat-active{display:none}.chat-container.chat-active{display:flex;width:100%;height:calc(100vh - 60px);position:absolute;top:60px;left:0;z-index:100;padding-top:0;border-radius:0}}.create-group-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--vb-gradient);border:1px solid rgba(255,255,255,.18);border-radius:var(--vb-radius-md, .75rem);padding:10px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple)}.create-group-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong)}.create-group-btn:active{transform:scale(.97)}.event-modal-overlay{position:fixed!important;inset:0!important;z-index:1100!important;width:100vw!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0009!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}.event-desc-content,.event-desc-content *{word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important}.create-group-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#5f7fa8;background:#e7eef6;border:2px solid rgba(255,255,255,.4);border-radius:40px;padding:14px 26px;transition:all .2s ease;cursor:pointer;box-shadow:-6px -4px 16px #ffffffe6,6px 4px 16px #5f9de773}.create-group-btn:hover{color:#4a6a94;background:#edf3fa;box-shadow:-3px -2px 8px #ffffffe6,3px 2px 8px #5f9de773}.create-group-btn:active{box-shadow:inset -3px -2px 6px #fffc,inset 3px 2px 6px #5f9de759}@media(max-width:640px){.create-group-btn{padding:11px 18px;font-size:12px;letter-spacing:.3px}.create-group-btn svg,.create-group-btn span{width:16px;height:16px}}.create-neo-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;border-radius:var(--vb-radius-md, .75rem);padding:10px 20px;cursor:pointer;border:1px solid rgba(255,255,255,.18);transition:all .25s cubic-bezier(.16,1,.3,1)}.create-neo-btn--pink{color:#fff;background:var(--vb-gradient);box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple)}.create-neo-btn--pink:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong)}.create-neo-btn--pink:active:not(:disabled){transform:scale(.97)}.create-neo-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}:root{--app-header-height: 72px;--header-pad-x: 16px;--header-pad-y: 16px;--search-left-gap: 8px;--search-max: 920px;--search-min: 260px}.header-row{width:100%;padding:var(--header-pad-y) var(--header-pad-x);display:flex;align-items:center;gap:16px;min-width:0;box-sizing:border-box;justify-content:space-between}.header-search-slot{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;padding-left:var(--search-left-gap);padding-right:var(--search-left-gap)}.header-search-wrap{flex:1 1 auto;width:100%;max-width:var(--search-max);min-width:var(--search-min);margin:0 auto}.header-search-box{width:100%}.header-search-input-wrap{position:relative;display:flex;align-items:center}.header-search-leading-icon{position:absolute;left:1rem;z-index:1;font-size:.85rem;opacity:.58;pointer-events:none}.header-search-input{width:100%;height:44px;padding:0 5.5rem 0 2.7rem;border:1px solid transparent;border-radius:999px;outline:none;font-size:.92rem;transition:background-color .18s,border-color .18s,box-shadow .18s}.light .header-search-input,[data-app-header].bg-white\/95 .header-search-input{color:#111827;background:#0f172a11}.dark .header-search-input,[data-app-header].bg-black\/80 .header-search-input{color:#f8fafc;background:#ffffff17}.header-search-box.is-focused .header-search-input{border-color:var(--vb-electric-blue, #4776e6);background:var(--vb-bg-deep, transparent);box-shadow:0 0 0 3px #4776e647,0 0 14px #4776e62e}.header-search-input{font-family:var(--vb-font-sans, inherit);border-radius:var(--vb-radius-full, 9999px)!important}.dark .header-search-input,[data-app-header].bg-black\/80 .header-search-input{background:#0c0d14d9!important;border-color:#ffffff1a}.light .header-search-input,[data-app-header].bg-white\/95 .header-search-input{background:#0c0d140a!important}.header-search-clear{position:absolute;right:3.7rem;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;opacity:.6}.header-search-clear:hover{opacity:1;background:#94a3b829}.header-search-shortcut{position:absolute;right:.75rem;padding:.2rem .42rem;border:1px solid rgba(148,163,184,.35);border-radius:.4rem;font-size:.66rem;line-height:1;opacity:.58}.search-results-panel{position:absolute;top:calc(100% + .65rem);left:0;width:min(640px,calc(100vw - 2rem));max-height:min(70vh,620px);overflow-y:auto;border:1px solid;border-radius:1.1rem;box-shadow:0 22px 60px #0f172a3d;z-index:1010}.search-results-panel.light,.mobile-search-panel.light{color:#111827;background:#fffffffa;border-color:#e5e7eb}.search-results-panel.dark,.mobile-search-panel.dark{color:#f8fafc;background:#0f172afa;border-color:#334155}.search-results-content{padding:.65rem}.search-results-summary{padding:.35rem .55rem .65rem;font-size:.74rem;opacity:.62}.search-result-section+.search-result-section{margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(148,163,184,.2)}.search-section-heading{display:flex;align-items:center;justify-content:space-between;padding:.35rem .55rem;font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;opacity:.64}.search-section-heading span:last-child{display:grid;place-items:center;min-width:1.35rem;height:1.35rem;border-radius:999px;background:#6366f11f;color:#6366f1}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.7rem;border-radius:.8rem;color:inherit;text-decoration:none;transition:background-color .15s,transform .15s}.search-result-item:hover,.search-result-item:focus-visible{color:inherit;background:#6366f117;outline:none;transform:translate(2px)}.search-result-avatar,.search-post-icon{width:2.55rem;height:2.55rem;flex:0 0 auto;border-radius:.75rem;-o-object-fit:cover;object-fit:cover}.search-result-avatar--fallback,.search-post-icon{display:grid;place-items:center;background:linear-gradient(135deg,#3b82f62b,#8b5cf633);color:#6366f1}.search-result-avatar--fallback{border-radius:50%}.search-result-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:.15rem}.search-result-main strong{overflow:hidden;color:inherit;font-size:.9rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.search-result-main small{overflow:hidden;font-size:.76rem;line-height:1.35;opacity:.64;text-overflow:ellipsis;white-space:nowrap}.search-result-kind{flex:0 0 auto;padding:.22rem .48rem;border-radius:999px;background:#94a3b821;font-size:.66rem;opacity:.7}.search-post-meta{font-size:.69rem;opacity:.52}.search-highlight{padding:0 .08rem;border-radius:.16rem;color:inherit;background:#facc1559}.search-state,.search-empty-state{display:flex;min-height:150px;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.search-state{gap:.75rem}.search-state div,.search-empty-state{flex-direction:column}.search-state strong,.search-state small{display:block}.search-state small,.search-empty-state small,.search-empty-state p{margin-top:.2rem;font-size:.76rem;opacity:.62}.search-spinner{width:1.35rem;height:1.35rem;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:search-spin .7s linear infinite}.search-empty-icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.65rem;border-radius:50%;background:#6366f11f;color:#6366f1}@keyframes search-spin{to{transform:rotate(360deg)}}.mobile-search-panel{padding:.85rem;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.mobile-search-input-wrap{position:relative;display:flex;align-items:center}.mobile-search-input-wrap>svg{position:absolute;left:.9rem;opacity:.55}.mobile-search-input-wrap input{width:100%;height:46px;padding:0 2.8rem;border:1px solid rgba(148,163,184,.3);border-radius:.9rem;color:inherit;background:#94a3b817;outline:none}.mobile-search-input-wrap input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124}.mobile-search-input-wrap button{position:absolute;right:.6rem;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;color:inherit;background:#94a3b821}.mobile-search-results{max-height:min(68vh,560px);margin-top:.65rem;overflow-y:auto;border:1px solid rgba(148,163,184,.2);border-radius:.9rem}.mobile-search-hint{padding:1rem .25rem .25rem;font-size:.78rem;opacity:.58;text-align:center}[data-app-header]{width:100%;isolation:isolate}.app-shell{min-height:100dvh;width:100%;overflow-x:clip}.app-shell__body{display:flex;width:100%;min-width:0}.app-shell__main,.app-shell__content{width:100%;min-width:0;max-width:100%}.app-shell__main{flex:1 1 auto;overflow-x:clip}@media(min-width:1280px){:root{--search-max: 880px;--search-left-gap: 12px}}@media(min-width:1024px)and (max-width:1279px){:root{--search-max: 760px;--search-left-gap: 10px}}@media(min-width:768px)and (max-width:1023px){:root{--search-max: 520px;--search-left-gap: 8px}}@media(max-width:767px){:root{--header-pad-x: 12px;--header-pad-y: 12px;--search-max: 100%;--search-min: 0px;--search-left-gap: 8px}.header-search-slot{padding-left:8px}.header-row{gap:8px}.search-result-kind{display:none}.search-result-item{padding:.65rem .55rem}.search-result-main strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media(max-width:480px){.online-count-text{display:none!important}}.sidebar--light{--sb-bg: rgba(255, 255, 255, .78);--sb-border: rgba(15, 23, 42, .1);--sb-border-strong: rgba(142, 84, 233, .28);--sb-text: rgba(22, 32, 51, .82);--sb-text-strong: #162033;--sb-muted: rgba(142, 84, 233, .06);--sb-hover: rgba(142, 84, 233, .1);--sb-active: rgba(142, 84, 233, .14);--sb-shadow: 0 8px 32px rgba(20, 28, 45, .08);--sb-scroll-track: rgba(0, 0, 0, .06);--sb-scroll-thumb: rgba(142, 84, 233, .35)}.sidebar--dark{--sb-bg: rgba(18, 19, 28, .72);--sb-border: rgba(255, 255, 255, .12);--sb-border-strong: rgba(168, 85, 247, .35);--sb-text: #cdc3d6;--sb-text-strong: #e3e1ec;--sb-muted: rgba(255, 255, 255, .04);--sb-hover: rgba(142, 84, 233, .12);--sb-active: rgba(142, 84, 233, .18);--sb-shadow: 0 8px 32px rgba(0, 0, 0, .4);--sb-scroll-track: rgba(255, 255, 255, .06);--sb-scroll-thumb: rgba(142, 84, 233, .45)}.sidebar{position:fixed;left:0;display:flex;flex-direction:column;width:200px;background:var(--sb-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--sb-border);box-shadow:var(--sb-shadow);transition:width .25s ease,transform .25s ease,background .25s ease;z-index:1000;overflow:hidden;box-sizing:border-box;overscroll-behavior:contain}.sidebar.is-mobile{width:200px!important;transform:translate(-100%)}.sidebar.is-mobile.is-open{transform:translate(0)}.sidebar__header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--sb-border);background:color-mix(in oklab,var(--sb-bg),transparent 90%)}.sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--sb-border-strong);background:var(--sb-muted);color:var(--sb-text-strong);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.sidebar__toggle:hover{background:var(--sb-hover);transform:translateY(-1px)}.sidebar__brand{margin:0;font-weight:700;font-size:1.35rem;letter-spacing:-.02em;font-family:var(--vb-font-sans, inherit);background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar__menu{display:flex;flex-direction:column;padding:.5rem;gap:.25rem;height:100%;overflow-y:auto}.sidebar__menu::-webkit-scrollbar{width:6px}.sidebar__menu::-webkit-scrollbar-track{background:var(--sb-scroll-track);border-radius:3px}.sidebar__menu::-webkit-scrollbar-thumb{background:var(--sb-scroll-thumb);border-radius:3px}.sidebar__menu::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--sb-scroll-thumb),#000 15%)}.sidebar__menu ul{margin:0;padding:0;list-style:none}.sidebar__menu li{margin:4px 6px}.sidebar__link{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid transparent;border-radius:16px;color:var(--sb-text);text-decoration:none;font-weight:500;font-size:.94rem;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.sidebar__link:hover{transform:translate(2px);background:var(--sb-hover)}.sidebar__link.is-active{background:var(--sb-active);border-color:var(--sb-border-strong);color:var(--sb-text-strong);font-weight:600;box-shadow:0 0 12px #8e54e92e}.sidebar__link.is-locked{opacity:.72}.sidebar__link.is-active:after{content:"";position:absolute;right:8px;width:4px;height:20px;border-radius:2px;background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));box-shadow:0 0 10px #8e54e980}.is-collapsed .sidebar__link.is-active:after{display:none}.sidebar__link.is-icon{justify-content:center}.sidebar__icon{font-size:1.1rem;min-width:20px}.sidebar__label{opacity:.95}.sidebar__active-bar{position:absolute;right:8px;width:4px;height:20px;border-radius:2px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea66}.sidebar__logout{margin:.5rem;margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;width:calc(100% - 1rem);border-radius:var(--vb-radius-md, .75rem);border:1px solid rgba(236,81,64,.35);background:#93000a38;color:var(--vb-error, #e3220c);font-weight:600;font-family:var(--vb-font-sans, inherit);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.sidebar__logout:hover:not(:disabled){transform:translate(2px);box-shadow:0 0 12px #ffb4ab33}.sidebar__logout:disabled{opacity:.45;cursor:not-allowed}.sidebar__logout.is-icon,.is-collapsed .sidebar__header{justify-content:center}.is-collapsed .sidebar__toggle{margin-left:0}.is-collapsed .sidebar__menu{padding:8px 6px}.is-collapsed .sidebar__menu li{margin:6px}.is-collapsed .sidebar__link{justify-content:center;gap:0;padding:10px;width:48px;height:48px;border-radius:14px}.is-collapsed .sidebar__link:hover{transform:none}.is-collapsed .sidebar__icon{min-width:0;margin:0}.is-collapsed .sidebar__label,.is-collapsed .sidebar__active-bar{display:none!important}.is-collapsed .sidebar__logout{width:48px;height:48px;margin:8px auto 10px;padding:0;justify-content:center}.is-collapsed .sidebar__logout:hover{transform:none}.sidebar__mobile-toggle{position:fixed;top:1rem;left:1rem;z-index:1002;width:48px;height:48px;border-radius:12px;border:1px solid var(--sb-border-strong);background:var(--sb-muted);color:var(--sb-text-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease;touch-action:none}.sidebar__mobile-toggle:hover{background:var(--sb-hover);transform:translateY(-1px)}.sidebar__backdrop{position:fixed;inset:0;z-index:1000;background:#00000080;border:none}.sidebar :is(a,button):focus{outline:2px solid var(--sb-border-strong);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar__link,.sidebar__toggle,.sidebar__logout{transition:none!important}}@media(max-width:768px){.sidebar{width:min(82vw,288px)!important}}.ghd-header{width:100%;background:var(--panel);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ghd-cover{position:relative;width:100%;height:120px;overflow:hidden;background:var(--panel2)}@media(min-width:640px){.ghd-cover{height:150px}}@media(min-width:1024px){.ghd-cover{height:180px}}.ghd-coverImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1.02)}.ghd-coverFallback{width:100%;height:100%;background:radial-gradient(1200px 300px at 10% 10%,rgba(79,70,229,.6),transparent 55%),radial-gradient(900px 280px at 85% 30%,rgba(124,58,237,.6),transparent 60%),linear-gradient(135deg,#0f172a99,#020617e6)}.ghd-coverShade{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#00000059);pointer-events:none}.ghd-coverActions{position:absolute;right:10px;top:10px;z-index:2;display:flex;gap:8px}.ghd-actionRow{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghd-info{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 12px}@media(min-width:768px){.ghd-info{padding:12px 16px}}.ghd-infoLeft{min-width:0}.ghd-title{margin:0;font-size:18px;font-weight:900;line-height:1.15;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.ghd-title{font-size:22px}}.ghd-desc{margin-top:3px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghd-meta{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.ghd-btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;padding:8px 10px;font-weight:800;font-size:13px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.ghd-btn:active{transform:scale(.98)}.ghd-btnPrimary{background:var(--accent);border-color:#0000;color:#fff}.ghd-btnPrimary:hover{filter:brightness(1.03)}.ghd-btnGhost,.ghd-btnSoft{background:#7f7f7f1a}.ghd-btnDanger{background:#ef444426;border-color:#ef444440;color:#ef4444}.ghd-btnDisabled{background:#7f7f7f40;border-color:#7f7f7f40;color:#ffffffbf;cursor:not-allowed}.ghd-btnIcon{display:inline-flex;align-items:center;gap:8px}.ghd-inviteBtn{padding:9px 12px}.ghd-info,.ghd-infoLeft{min-width:0}.ghd-title,.ghd-desc{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:360px){.ghd-info{padding:10px;gap:10px}.ghd-title{font-size:16px}.ghd-desc{font-size:12px}.ghd-inviteBtn{padding:8px 10px;font-size:12px}.ghd-coverActions{right:8px;top:8px}.ghd-actionRow{gap:6px}.ghd-btn{padding:8px 9px;font-size:12px;border-radius:10px}.ghd-btnIcon span{display:none}}.ghd-coverImg{max-width:100%}.gst-wrap{width:100%;background:var(--panel);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gst-nav{width:100%;display:flex;gap:8px;padding:10px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gst-nav::-webkit-scrollbar{display:none}@media(min-width:768px){.gst-nav{padding:10px 16px}}.gst-tab{flex:0 0 auto;text-decoration:none;padding:9px 12px;border-radius:999px;border:1px solid var(--border);background:#7f7f7f14;color:var(--text);font-weight:900;font-size:13px;transition:transform .08s ease,background .15s ease}.gst-tab:active{transform:scale(.98)}.gst-tab:hover{background:#4f46e51f}.gst-tab.is-active{background:var(--accent);border-color:#0000;color:#fff}@media(max-width:360px){.gst-nav{padding:8px;gap:6px}.gst-tab{padding:8px 10px;font-size:12px}}.gh-root{min-height:100vh;width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gh-root.is-light{--bg: #f4f5f7;--panel: #ffffff;--panel2: #fbfbfc;--text: #121826;--muted: #6b7280;--border: rgba(17, 24, 39, .08);--shadow: 0 10px 30px rgba(0,0,0,.06);--shadow2: 0 6px 16px rgba(0,0,0,.06);--accent: #4f46e5}.gh-root.is-dark{--bg: #0b1220;--panel: #0f172a;--panel2: #111c33;--text: #e5e7eb;--muted: #94a3b8;--border: rgba(255,255,255,.08);--shadow: 0 10px 30px rgba(0,0,0,.4);--shadow2: 0 6px 16px rgba(0,0,0,.35);--accent: #7c3aed}.gh-sticky{position:sticky;z-index:30}.gh-stickyHeader{top:0}.gh-stickyTabs{top:var(--headerH, 64px);z-index:25}@media(min-width:0px){.gh-root{--headerH: 64px}}@media(min-width:640px){.gh-root{--headerH: 68px}}@media(min-width:768px){.gh-root{--headerH: 72px}}@media(min-width:1024px){.gh-root{--headerH: 76px}}.gh-loading{padding:24px;text-align:center;color:var(--muted);font-weight:600}.gh-body{width:100%;padding:12px 12px 28px;display:grid;grid-template-columns:1fr;gap:12px}@media(max-width:360px){.gh-body{padding:10px 8px 24px;gap:10px}.gh-card{padding:12px;border-radius:16px}}.gh-root,.gh-body,.gh-feed{min-width:0}.gh-root *{max-width:100%}@media(min-width:900px){.gh-body{padding:14px 16px 32px;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}.gh-railRight{display:none}}@media(min-width:1200px){.gh-body{padding:16px 22px 36px;grid-template-columns:320px minmax(0,1fr) 360px;gap:16px}.gh-railRight{display:block}}.gh-rail{display:none}@media(min-width:900px){.gh-rail{display:flex;flex-direction:column;gap:12px}}.gh-feed{min-width:0;width:100%;display:flex;flex-direction:column;gap:12px}.gh-composer{width:100%}.gh-postList{width:100%;display:flex;flex-direction:column;gap:12px}.gh-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2);padding:14px}.gh-cardTitle{font-weight:800;font-size:14px;margin-bottom:8px}.gh-cardText{color:var(--muted);font-size:13px;line-height:1.45}.gh-skeletonWrap{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2);padding:18px;display:flex;align-items:center;gap:12px}.gh-spinner{width:22px;height:22px;border-radius:999px;border:2px solid rgba(127,127,127,.25);border-top-color:var(--accent);animation:ghSpin .9s linear infinite}@keyframes ghSpin{to{transform:rotate(360deg)}}.gh-skeletonText{color:var(--muted);font-weight:600}.gh-empty{background:var(--panel);border:1px dashed var(--border);border-radius:18px;padding:22px 18px;text-align:center}.gh-emptyTitle{font-weight:900;font-size:16px}.gh-emptySub{margin-top:6px;color:var(--muted);font-size:13px}.gh-root,.gh-root *{box-sizing:border-box}.gh-root{overflow-x:hidden}.gpc-card{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow2);overflow:hidden}.gpc-top{padding:12px}@media(min-width:768px){.gpc-top{padding:14px}}.gpc-textarea{width:100%;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:16px;padding:12px;font-size:14px;line-height:1.35;outline:none;resize:vertical;min-height:84px}.gpc-textarea::-moz-placeholder{color:var(--muted)}.gpc-textarea::placeholder{color:var(--muted)}.gpc-mediaGrid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:640px){.gpc-mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.gpc-mediaGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.gpc-mediaItem{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--panel2)}.gpc-media{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;display:block}.gpc-remove{position:absolute;top:8px;right:8px;height:28px;width:28px;border-radius:999px;border:0;background:#ef4444f2;color:#fff;font-size:18px;cursor:pointer}.gpc-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.gpc-tools{display:flex;align-items:center;gap:8px}.gpc-tool{display:inline-flex;align-items:center;justify-content:center;width:42px;height:40px;border-radius:14px;border:1px solid var(--border);cursor:pointer;background:#7f7f7f1a;color:var(--text);transition:transform .08s ease,background .15s ease}.gpc-tool:active{transform:scale(.98)}.gpc-toolImg{background:#10b98124}.gpc-toolVid{background:#f43f5e24}.gpc-toolFile{background:#3b82f624}.gpc-toolEmoji{background:#f59e0b24}.gpc-postBtn{border:0;border-radius:14px;padding:10px 14px;font-weight:900;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;min-width:92px}.gpc-postBtn.is-disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.15)}.gpc-emoji{padding:0 12px 12px}.gpc-emojiInner{border-radius:16px;overflow:hidden;border:1px solid var(--border)}.gpc-card,.gpc-top{min-width:0}.gpc-actions{flex-wrap:wrap;align-items:stretch}.gpc-tools{flex-wrap:wrap;min-width:0}.gpc-postBtn{flex:0 0 auto}@media(max-width:360px){.gpc-top{padding:10px}.gpc-textarea{padding:10px;border-radius:14px}.gpc-tool{width:40px;height:38px;border-radius:12px}.gpc-actions{gap:8px}.gpc-postBtn{width:100%;min-width:unset;border-radius:14px}}@media(max-width:360px){.gpc-media{height:130px}.gpc-mediaGrid{gap:8px}}.gpc-textarea{box-sizing:border-box;width:100%;max-width:100%}.friends-page{width:100%;max-width:1200px;margin:0 auto;background:transparent;color:var(--text-color)}.friends-page.light{--bg-color: transparent;--text-color: var(--vb-on-surface, #162033);--card-bg: var(--vb-glass-surface-strong, rgba(255, 255, 255, .88));--border-color: var(--vb-glass-border, rgba(15, 23, 42, .1))}.friends-page.dark{--bg-color: transparent;--text-color: var(--vb-on-surface, #e3e1ec);--card-bg: var(--vb-glass-surface, rgba(255, 255, 255, .03));--border-color: var(--vb-glass-border, rgba(255, 255, 255, .12))}.friends-page__header{width:100%;margin-bottom:var(--vb-space-3, 24px);box-sizing:border-box}.friends-page__header h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em}.friends-page__guest-hint{margin-top:.35rem;color:var(--text-color);opacity:.72;font-size:.95rem;max-width:38rem;line-height:1.45}.friends-page__layout{display:flex;flex-direction:column;gap:1.25rem;width:100%;box-sizing:border-box}@media(min-width:1024px){.friends-page__layout{flex-direction:row;align-items:flex-start}}.friends-page__sidebar{width:100%;padding:1rem;border-radius:1.25rem;border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 10px 35px #0f172a14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}@media(min-width:1024px){.friends-page__sidebar{position:sticky;top:1rem;width:280px;flex-shrink:0}}.friends-page__sidebar-title{margin-bottom:.7rem;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.friends-page__nav{display:grid;gap:.5rem}.friends-page__nav-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:.95rem;padding:.8rem .9rem;background:transparent;color:inherit;transition:transform .18s ease,background .18s ease,border-color .18s ease}.friends-page__nav-button:hover{transform:translateY(-1px);background:#8e54e914;border-color:#8e54e933}.friends-page__nav-button.is-active{color:#fff;background:linear-gradient(135deg,#8e54e9,#4776e6);box-shadow:0 10px 20px #8e54e92e}.friends-page__nav-lock{font-size:.8rem;opacity:.75}.friends-page__content{flex:1;min-width:0}.friends-page__search{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.8rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.friends-page.dark .friends-page__search{background:#ffffff0d}.friends-page__search-icon{color:var(--text-color);opacity:.7;flex-shrink:0}.friends-page__search-input{width:100%;border:none;outline:none;background:transparent;color:inherit}.friends-page__search-input::-moz-placeholder{color:inherit;opacity:.6}.friends-page__search-input::placeholder{color:inherit;opacity:.6}.friends-page__section-title{margin-bottom:.8rem;font-size:1rem;font-weight:700}.friend-card-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.friend-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.friend-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.friend-card{height:100%;border:1px solid var(--border-color);border-radius:1.2rem;background:var(--card-bg);box-shadow:0 10px 35px #0f172a14;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.friend-card:hover{transform:translateY(-2px);border-color:#8e54e94d}.friend-card__body{display:flex;flex-direction:column;justify-content:space-between;gap:.95rem;height:100%;padding:1rem}.friend-card__header{display:flex;align-items:center;gap:.85rem}.friend-card__avatar{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;border-radius:999px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#8e54e9,#4776e6);color:#fff;overflow:hidden}.friend-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.friend-card__meta{min-width:0}.friend-card__name{font-size:.98rem;font-weight:700;color:var(--text-color)}.friend-card__subtitle{margin-top:.15rem;font-size:.84rem;opacity:.72}.friend-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.friend-card__pill{display:inline-flex;align-items:center;padding:.32rem .65rem;border-radius:999px;background:#8e54e91f;color:var(--vb-primary, #8e54e9);font-size:.74rem;font-weight:700}.friend-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.friends-page__empty{padding:1.25rem;border:1px dashed var(--border-color);border-radius:1rem;text-align:center;background:#ffffff73;color:var(--text-color);opacity:.85}.friends-page.dark .friends-page__empty{background:#ffffff0a}.friends-page .vb-btn{min-height:36px;padding:.55rem .8rem;border-radius:999px;font-size:.78rem}.friends-page .spinner-border{color:#8e54e9}.store-container{scroll-behavior:smooth}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.product-card-shadow{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}aside::-webkit-scrollbar{width:4px}aside::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}button,a{transition:all .2s ease-in-out}.checkout-page-container{padding:20px;max-width:1000px;margin:0 auto;background:#fdfdfd;min-height:100vh;--text-color: #1f2937;--bg-color: #ffffff;--card-bg: #ffffff;--border-color: #d1d5db;--primary-color: #3b82f6;--primary-hover: #2563eb;--text-secondary: #6b7280;--bg-hover: #f3f4f6}.checkout-page-container.dark-theme{background:#1a1a1a;color:#e5e5e5;--text-color: #e5e5e5;--bg-color: #374151;--card-bg: #4b5563;--border-color: #6b7280;--primary-color: #2563eb;--primary-hover: #1d4ed8;--text-secondary: #9ca3af;--bg-hover: #6b7280}.checkout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.checkout-header h2{color:var(--text-color);font-size:2.5rem;margin:0}.back-to-cart{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-color);color:var(--text-color);text-decoration:none;border-radius:8px;border:1px solid var(--border-color);font-weight:500;transition:all .3s ease}.back-to-cart:hover{background:var(--bg-hover)}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:40px}.checkout-form{display:flex;flex-direction:column;gap:30px}.checkout-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-icon{font-size:1.5rem;color:var(--primary-color)}.section-header h3{color:var(--text-color);font-size:1.3rem;margin:0;font-weight:600}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;color:var(--text-color);font-weight:500;margin-bottom:8px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group input::-moz-placeholder,.form-group select::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-secondary)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkout-summary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.summary-header h3{color:var(--text-color);font-size:1.3rem;margin-bottom:20px;font-weight:600}.summary-items{margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.item-name{color:var(--text-color);font-weight:500}.item-price{color:var(--text-secondary);font-weight:600}.summary-total{padding-top:20px;border-top:1px solid var(--border-color);margin-bottom:20px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600}.total-row.total{font-size:1.3rem;color:var(--primary-color)}.place-order-btn{width:100%;padding:16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.place-order-btn:hover{background:var(--primary-hover)}.place-order-btn:disabled{background:var(--text-secondary);cursor:not-allowed}.payment-methods{margin-top:20px}.payment-method{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.payment-method:hover{border-color:var(--primary-color);background:var(--bg-hover)}.payment-method.selected{border-color:var(--primary-color);background:#3498db1a}.payment-method input[type=radio]{margin:0}.payment-info{flex:1}.payment-name{font-weight:500;color:var(--text-color)}.payment-desc{font-size:.9rem;color:var(--text-secondary);margin:0}.loading-spinner{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.1rem}@media(max-width:1024px){.checkout-content{grid-template-columns:1fr;gap:30px}.checkout-summary{position:static}}@media(max-width:768px){.checkout-page-container{padding:15px}.checkout-header{flex-direction:column;gap:20px;text-align:center}.checkout-header h2{font-size:2rem}.checkout-section{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.checkout-summary{padding:20px}}@media(max-width:480px){.checkout-section,.checkout-summary{padding:15px}.section-header{gap:8px}.section-header h3{font-size:1.1rem}.place-order-btn{padding:14px;font-size:1rem}}.table-row-hover:hover{background-color:#f9fafb}.active-tab-indicator{transition:all .3s cubic-bezier(.4,0,.2,1)}.manage-products-container{padding:30px;background:#fdfdfd;min-height:100vh}.manage-products-container.dark-theme{background:#1a1a1a;color:#e5e5e5}.manage-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-info{display:flex;align-items:center;gap:20px}.btn-back-circle{width:45px;height:45px;border-radius:50%;border:1px solid #eee;display:flex;align-items:center;justify-content:center;background:#fff;color:#333;transition:.3s}.btn-back-circle:hover{background:#000;color:#fff}.btn-add-product{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.manage-products-container.dark-theme .btn-back-circle{border-color:#374151;background:#374151;color:#e5e5e5}.manage-products-container.dark-theme .btn-back-circle:hover{background:#6b7280;color:#fff}.manage-products-container.dark-theme .header-info h1{color:#e5e5e5}.manage-products-container.dark-theme .header-info p{color:#9ca3af}.stats-mini-row{display:flex;gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:15px 25px;border-radius:12px;display:flex;align-items:center;gap:15px;border:1px solid #f0f0f0;box-shadow:0 2px 10px #00000005}.stat-icon{font-size:24px}.stat-icon.blue{color:#3b82f6}.stat-icon.green{color:#10b981}.stat-content .label{font-size:13px;color:#777;display:block}.stat-content .value{font-size:18px;font-weight:700;color:#111}.manage-products-container.dark-theme .stat-card{background:#374151;border-color:#4b5563}.manage-products-container.dark-theme .stat-content .label{color:#9ca3af}.manage-products-container.dark-theme .stat-content .value{color:#e5e5e5}.table-wrapper{background:#fff;border-radius:15px;overflow:hidden;border:1px solid #eee}.products-data-table{width:100%;border-collapse:collapse}.products-data-table th{background:#f9fafb;padding:15px;text-align:left;font-size:13px;color:#666;font-weight:600;border-bottom:2px solid #f3f3f3}.products-data-table td{padding:15px;border-bottom:1px solid #f9f9f9;vertical-align:middle}.product-cell-info{display:flex;align-items:center;gap:12px}.product-cell-info img{width:50px;height:50px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.txt-info .p-name{font-weight:600;color:#111;margin-bottom:2px}.txt-info .p-desc{font-size:12px;color:#888}.manage-products-container.dark-theme .table-wrapper{background:#374151;border-color:#4b5563}.manage-products-container.dark-theme .products-data-table th{background:#4b5563;color:#e5e5e5;border-bottom-color:#6b7280}.manage-products-container.dark-theme .products-data-table td{border-bottom-color:#4b5563}.manage-products-container.dark-theme .txt-info .p-name{color:#e5e5e5}.manage-products-container.dark-theme .txt-info .p-desc,.manage-products-container.dark-theme .empty-row{color:#9ca3af}.stock-tag{padding:4px 10px;border-radius:6px;background:#ecfdf5;color:#059669;font-weight:600;font-size:13px}.stock-tag.low{background:#fff1f2;color:#e11d48}.status-pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.inactive{background:#f3f4f6;color:#4b5563}.btn-actions{display:flex;gap:8px}.edit-btn,.delete-btn{width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.edit-btn{background:#eff6ff;color:#1d4ed8}.delete-btn{background:#fff1f2;color:#be123c}.form-row-flex{display:flex;gap:15px}.flex-1{flex:1}.upload-wrapper{display:flex;align-items:center;gap:15px;margin-top:10px}.upload-btn-ui{padding:8px 15px;border:1px dashed #ccc;border-radius:8px;cursor:pointer;font-size:14px}.mini-preview{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid #eee}.product-form-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.manage-products-container.dark-theme .product-form-overlay{background:#000c}.product-modal-card{background:#fff;width:100%;max-width:650px;max-height:90vh;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalAppear .3s ease-out}.manage-products-container.dark-theme .product-modal-card{background:#374151}@keyframes modalAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-modern{padding:24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header-modern h2{margin:0;font-size:20px;color:#111}.modal-header-modern p{margin:4px 0 0;font-size:14px;color:#666}.close-modal-btn{background:#f5f5f5;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;transition:.2s}.close-modal-btn:hover{background:#eee;color:red}.manage-products-container.dark-theme .modal-header-modern{border-bottom-color:#4b5563}.manage-products-container.dark-theme .modal-header-modern h2{color:#e5e5e5}.manage-products-container.dark-theme .modal-header-modern p{color:#9ca3af}.manage-products-container.dark-theme .close-modal-btn{background:#4b5563;color:#e5e5e5}.manage-products-container.dark-theme .close-modal-btn:hover{background:#6b7280}.modern-form-body{overflow:hidden;display:flex;flex-direction:column}.form-scroll-area{padding:24px;overflow-y:auto;max-height:60vh}.form-section{margin-bottom:24px}.section-title{font-size:15px;font-weight:700;color:#2563eb;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .2s;outline:none}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.manage-products-container.dark-theme .form-group label{color:#e5e5e5}.manage-products-container.dark-theme .form-group input,.manage-products-container.dark-theme .form-group textarea,.manage-products-container.dark-theme .form-group select{background:#4b5563;border-color:#6b7280;color:#e5e5e5}.manage-products-container.dark-theme .form-group input:focus,.manage-products-container.dark-theme .form-group textarea:focus,.manage-products-container.dark-theme .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-icon{position:relative}.input-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;font-weight:600}.input-with-icon input{padding-left:35px}.upload-zone{display:block;border:2px dashed #d1d5db;border-radius:15px;padding:20px;text-align:center;cursor:pointer;transition:.3s;background:#f9fafb}.upload-zone:hover{border-color:#2563eb;background:#eff6ff}.preview-container{position:relative;height:180px;width:100%}.preview-container img{height:100%;width:auto;border-radius:10px;-o-object-fit:contain;object-fit:contain}.change-img-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:.2s;border-radius:10px}.preview-container:hover .change-img-overlay{opacity:1}.upload-icon-circle{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 4px 6px -1px #0000001a;color:#2563eb}.modal-footer-modern{padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end}.btn-secondary-modern{padding:12px 24px;border:none;background:#f3f4f6;border-radius:10px;font-weight:600;cursor:pointer;color:#4b5563}.btn-submit-modern{padding:12px 30px;border:none;background:#2563eb;border-radius:10px;font-weight:600;cursor:pointer;color:#fff;box-shadow:0 4px 14px #2563eb4d;transition:.2s}.btn-submit-modern:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-submit-modern:disabled{background:#94a3b8;cursor:not-allowed}.manage-products-container.dark-theme .modal-footer-modern{border-top-color:#4b5563}.manage-products-container.dark-theme .btn-secondary-modern{background:#6b7280;color:#e5e5e5}.manage-products-container.dark-theme .upload-zone{background:#4b5563;border-color:#6b7280}.manage-products-container.dark-theme .upload-zone:hover{background:#6b7280}.manage-products-container.dark-theme .upload-icon-circle{background:#4b5563}.setting-page{--setting-accent: var(--vb-neon-purple, #8e54e9);--setting-accent-soft: rgba(142, 84, 233, .14);--setting-card: var(--vb-glass-surface-strong, rgba(255, 255, 255, .06));--setting-border: var(--vb-glass-border, rgba(255, 255, 255, .12));--setting-text: var(--vb-on-surface, #e3e1ec);--setting-muted: var(--vb-on-surface-variant, #cdc3d6);--setting-page-background: transparent;--setting-page-background-strong: transparent;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;color:var(--setting-text);font-family:var(--vb-font-sans, inherit);background:transparent;transition:color .25s ease}.setting-page--light{--setting-card: rgba(255, 255, 255, .88);--setting-border: rgba(15, 23, 42, .1);--setting-text: #162033;--setting-muted: #687386;--setting-accent-soft: rgba(142, 84, 233, .1)}.setting-page--dark{--setting-card: rgba(18, 19, 28, .72);--setting-border: rgba(255, 255, 255, .12);--setting-text: #e3e1ec;--setting-muted: #cdc3d6;--setting-accent-soft: rgba(142, 84, 233, .16)}.setting-page *,.setting-page *:before,.setting-page *:after{box-sizing:border-box}.setting-hero{max-width:1120px;margin:0 auto 22px;display:flex;align-items:center;gap:16px}.setting-hero__icon{width:58px;height:58px;border-radius:var(--vb-radius-lg, 1rem);display:grid;place-items:center;flex:0 0 auto;color:#fff;font-size:25px;background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));box-shadow:0 14px 28px #8e54e94d}.setting-hero p{margin:0 0 3px;color:var(--setting-accent);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.setting-hero h1{margin:0;font-size:clamp(1.65rem,3vw,2.2rem);font-weight:850;letter-spacing:-.035em}.setting-hero span{display:block;margin-top:4px;color:var(--setting-muted);font-size:.94rem}.setting-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(210px,245px) minmax(0,1fr);gap:22px;align-items:start}.setting-nav,.setting-card{border:1px solid var(--setting-border);background:var(--setting-card);box-shadow:var(--vb-shadow-elevated, 0 18px 50px rgba(20, 28, 45, .08));backdrop-filter:var(--vb-glass-blur, blur(20px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(20px))}.setting-card:hover{border-color:var(--vb-glass-border-strong, rgba(168, 85, 247, .4))}.setting-nav{position:sticky;top:calc(var(--app-header-height, 72px) + 18px);padding:10px;border-radius:20px}.setting-nav button{width:100%;min-height:48px;display:grid;grid-template-columns:22px 1fr 14px;align-items:center;gap:10px;padding:0 13px;border:0;border-radius:13px;color:var(--setting-muted);background:transparent;text-align:left;font-weight:700;transition:.18s ease}.setting-nav button:hover{color:var(--setting-text);background:var(--setting-accent-soft)}.setting-nav button.is-active{color:var(--setting-accent);background:var(--setting-accent-soft)}.setting-nav button.is-locked{opacity:.78}.setting-nav button.is-locked.is-active{opacity:1}.setting-nav__arrow{justify-self:end;font-size:10px;opacity:.55}.setting-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:clamp(28px,5vw,48px) 16px}.setting-locked__icon{width:56px;height:56px;border-radius:var(--vb-radius-lg, 1rem);display:grid;place-items:center;color:#fff;font-size:22px;background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));box-shadow:0 12px 28px #8e54e94d;margin-bottom:6px}.setting-locked h2{margin:0;font-size:1.2rem;font-weight:800}.setting-locked p{margin:0 0 8px;max-width:28rem;color:var(--setting-muted);line-height:1.5;font-size:.95rem}.setting-locked__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.setting-secondary-button{min-height:46px;padding:0 22px;border-radius:12px;font-weight:800;color:var(--setting-accent);background:transparent;border:1.5px solid var(--setting-accent);cursor:pointer}.setting-secondary-button:hover{background:var(--setting-accent-soft)}.setting-content{min-width:0}.setting-card{border-radius:24px;padding:clamp(20px,3.5vw,34px);animation:settingEnter .2s ease-out}@keyframes settingEnter{0%{opacity:0;transform:translateY(6px)}}.setting-card__heading{display:flex;gap:13px;align-items:flex-start;padding-bottom:23px;border-bottom:1px solid var(--setting-border)}.setting-card__heading>svg{flex:0 0 auto;width:40px;height:40px;padding:10px;border-radius:12px;color:var(--setting-accent);background:var(--setting-accent-soft)}.setting-card h2,.setting-card h3,.setting-card p{margin-top:0}.setting-card h2{margin-bottom:4px;font-size:1.25rem;font-weight:800}.setting-card__heading p,.setting-help{margin-bottom:0;color:var(--setting-muted);line-height:1.5;font-size:.9rem}.setting-group{padding-top:25px}.setting-group+.setting-group{margin-top:25px;border-top:1px solid var(--setting-border)}.setting-group h3,.setting-password-form h3{margin-bottom:13px;font-size:.96rem;font-weight:800}.setting-help{margin:-6px 0 14px}.setting-choice-grid{display:grid;gap:12px}.setting-choice-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-theme-choice{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:11px;color:var(--setting-text);background:var(--setting-card);border:1px solid var(--setting-border);border-radius:16px;text-align:left}.setting-theme-choice.is-selected{border-color:var(--setting-accent);box-shadow:0 0 0 3px var(--setting-accent-soft)}.setting-theme-choice>svg{color:var(--setting-accent)}.setting-theme-preview{grid-column:1 / -1;height:76px;padding:12px;display:grid;grid-template-columns:28% 1fr;grid-template-rows:13px 1fr;gap:7px;border-radius:11px;overflow:hidden}.setting-theme-preview--light{background:#edf1f7}.setting-theme-preview--dark{background:#101827}.setting-theme-preview i{display:block;border-radius:4px;background:#fff}.setting-theme-preview--dark i{background:#273247}.setting-theme-preview i:first-child{grid-column:1 / -1;background:#7c6dfc}.setting-theme-preview i:nth-child(2){grid-row:2}.setting-color-grid{display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));gap:10px}.setting-color-grid button{position:relative;min-width:0;padding:9px;border:1px solid var(--setting-border);border-radius:14px;color:var(--setting-muted);background:var(--setting-card)}.setting-color-grid button>span{display:block;height:45px;border-radius:9px;border:1px solid rgba(128,128,128,.15)}.setting-color-grid button small{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-color-grid button>svg{position:absolute;top:15px;right:15px;width:18px;height:18px;padding:4px;color:#fff;border-radius:50%;background:var(--setting-accent)}.setting-color-grid button.is-selected{color:var(--setting-accent);border-color:var(--setting-accent)}.setting-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.setting-language-grid button{min-height:54px;display:flex;align-items:center;gap:9px;padding:10px 13px;color:var(--setting-text);border:1px solid var(--setting-border);border-radius:14px;background:var(--setting-card)}.setting-language-grid button>span{font-size:1.25rem}.setting-language-grid button>svg{margin-left:auto;color:var(--setting-accent)}.setting-language-grid button.is-selected{border-color:var(--setting-accent);background:var(--setting-accent-soft)}.setting-choice-list{display:grid;gap:10px}.setting-choice-list button{width:100%;min-height:66px;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:12px;padding:11px 14px;color:var(--setting-text);border:1px solid var(--setting-border);border-radius:15px;background:var(--setting-card);text-align:left}.setting-choice-list button.is-selected{border-color:var(--setting-accent);background:var(--setting-accent-soft)}.setting-choice-list__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#7f7f7f17}.setting-choice-list button>span:nth-child(2){min-width:0;display:grid}.setting-choice-list small,.setting-row small,.setting-info small,.setting-danger-zone small,.setting-account-summary small{color:var(--setting-muted);font-size:.82rem;line-height:1.45}.setting-choice-list i{width:22px;height:22px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--setting-accent);font-size:11px}.setting-choice-list i:empty{background:transparent;border:1px solid var(--setting-border)}.setting-list{margin-top:8px}.setting-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--setting-border)}.setting-row:last-child{border-bottom:0}.setting-row>div{display:grid;gap:4px}.setting-toggle{width:48px;height:28px;flex:0 0 auto;padding:3px;border:0;border-radius:999px;background:#c7ced9;transition:.2s ease}.setting-toggle span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s ease}.setting-toggle.is-on{background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));box-shadow:var(--vb-glow-purple)}.setting-toggle.is-on span{transform:translate(20px)}.setting-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border-radius:14px;background:var(--setting-accent-soft)}.setting-segmented button{min-height:40px;border:0;border-radius:10px;color:var(--setting-muted);background:transparent;font-weight:700}.setting-segmented button.is-selected{color:var(--setting-accent);background:var(--setting-card);box-shadow:0 3px 10px #141c2d1a}.setting-account-summary,.setting-info{display:flex;align-items:center;gap:12px;padding:16px;margin-top:22px;border:1px solid var(--setting-border);border-radius:16px;background:var(--setting-accent-soft)}.setting-account-summary>div{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:var(--setting-accent);border-radius:50%;background:var(--setting-accent-soft)}.setting-account-summary>span,.setting-info>span{min-width:0;display:grid}.setting-account-summary small{overflow-wrap:anywhere}.setting-password-form{display:grid;gap:15px;margin-top:25px}.setting-password-form h3{margin-bottom:0}.setting-password-form label{display:grid;gap:7px;color:var(--setting-muted);font-size:.84rem;font-weight:700}.setting-password-form label>div{display:flex;overflow:hidden;border:1px solid var(--setting-border);border-radius:12px;background:var(--setting-card)}.setting-password-form input{width:100%;min-width:0;height:46px;padding:0 14px;color:var(--setting-text);border:0;outline:0;background:transparent}.setting-password-form label>div:focus-within{border-color:var(--setting-accent);box-shadow:0 0 0 3px var(--setting-accent-soft)}.setting-password-form label button{width:46px;flex:0 0 auto;border:0;color:var(--setting-muted);background:transparent}.setting-primary-button{min-height:46px;padding:0 22px;justify-self:start;border:1px solid rgba(255,255,255,.18);border-radius:var(--vb-radius-md, .75rem);color:#fff;background:var(--vb-gradient, linear-gradient(135deg, #8e54e9, #4776e6));font-weight:700;box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple)}.setting-primary-button:disabled{opacity:.6;cursor:wait}.setting-primary-button:hover:not(:disabled){box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong);transform:translateY(-1px)}.setting-info>svg{flex:0 0 auto;color:var(--setting-accent)}.setting-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding-top:22px;border-top:1px solid var(--setting-border)}.setting-danger-zone>div{display:grid;gap:3px}.setting-danger-zone button{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 15px;white-space:nowrap;color:#dc2626;border:1px solid rgba(220,38,38,.25);border-radius:11px;background:#dc262612;font-weight:800}html[data-compact=true] .setting-card{padding:20px}html[data-compact=true] .setting-row{min-height:60px;padding-block:9px}@media(max-width:900px){.setting-page{padding:20px}.setting-layout{grid-template-columns:1fr}.setting-nav{position:static;display:flex;overflow-x:auto;padding:7px;scrollbar-width:none}.setting-nav::-webkit-scrollbar{display:none}.setting-nav button{width:auto;min-width:-moz-max-content;min-width:max-content;grid-template-columns:20px auto;padding-inline:13px}.setting-nav__arrow{display:none}}@media(max-width:620px){.setting-page{padding:14px 12px 24px}.setting-hero{margin:5px 3px 16px}.setting-hero__icon{width:48px;height:48px;border-radius:15px;font-size:21px}.setting-hero span{display:none}.setting-card{padding:18px 15px;border-radius:19px}.setting-card__heading{padding-bottom:18px}.setting-choice-grid--two{grid-template-columns:1fr 1fr}.setting-theme-preview{height:58px}.setting-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-language-grid{grid-template-columns:1fr}.setting-row{gap:12px}.setting-danger-zone{align-items:stretch;flex-direction:column}.setting-danger-zone button,.setting-primary-button{justify-content:center;width:100%}}@media(max-width:380px){.setting-choice-grid--two{grid-template-columns:1fr}.setting-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--vb-space-2) var(--vb-space-2) var(--vb-space-4);box-sizing:border-box;font-family:var(--vb-font-sans);color:var(--app-text)}.blog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--vb-space-2);margin-bottom:var(--vb-space-3);flex-wrap:wrap}.blog-header h1{font-family:var(--vb-font-sans);font-size:32px;font-weight:700;letter-spacing:-.01em;line-height:40px;margin:0;color:var(--app-text)}.blog-controls{display:flex;gap:var(--vb-space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--vb-space-3)}.blog-controls .search-bar{flex:1;min-width:200px}.blog-controls .search-bar input{width:100%;min-height:44px;padding:10px 14px;color:var(--vb-on-surface);background:var(--vb-bg-deep);border:1px solid var(--vb-outline-variant);border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.9rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}html:not(.dark) .blog-controls .search-bar input{background:#fff;border-color:#0f172a1f;color:#162033}.blog-controls .search-bar input:focus{border-color:var(--vb-electric-blue);box-shadow:0 0 0 3px #4776e647,0 0 16px #4776e633}.blog-controls .filters{display:flex;gap:var(--vb-space-1);align-items:center}.blog-controls .filters select{min-height:44px;padding:8px 14px;color:var(--vb-on-surface);background:var(--vb-bg-deep);border:1px solid var(--vb-outline-variant);border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.85rem;outline:none;cursor:pointer;transition:border-color .18s ease}html:not(.dark) .blog-controls .filters select{background:#fff;color:#162033}.blog-controls .filters select:focus{border-color:var(--vb-electric-blue);box-shadow:0 0 0 3px #4776e647}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--vb-space-3)}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--vb-glass-surface);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur);border:1px solid var(--vb-glass-border);border-radius:var(--vb-radius-xl);box-shadow:var(--vb-shadow-elevated);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.blog-card:hover{border-color:var(--vb-glass-border-strong);box-shadow:var(--vb-shadow-elevated),var(--vb-glow-border);transform:translateY(-2px)}.blog-card .cover-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;display:block}.blog-card .card-content{padding:var(--vb-space-2);flex:1;display:flex;flex-direction:column;gap:8px}.blog-card .card-meta{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--app-muted)}.blog-card .card-meta .category{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--vb-radius-full);background:#8e54e91f;color:var(--vb-primary);border:1px solid var(--vb-glass-border)}.blog-card .card-title{font-family:var(--vb-font-sans);font-size:18px;font-weight:700;line-height:1.3;margin:0;color:var(--app-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .card-desc{font-size:14px;line-height:1.5;color:var(--app-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.blog-card .tags .tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--vb-radius-full);font-family:var(--vb-font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;background:#8e54e914;color:var(--vb-primary);border:1px solid var(--vb-glass-border)}.blog-card .card-actions{padding:8px var(--vb-space-2) var(--vb-space-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.blog-card .card-actions .read-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 14px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.8rem;font-weight:600;color:#fff;background:var(--vb-gradient);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple);cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .2s ease}.blog-card .card-actions .read-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong);text-decoration:none;color:#fff}.blog-card .card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.8rem;font-weight:600;color:var(--vb-on-surface);background:transparent;border:1px solid var(--vb-glass-border);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.blog-card .card-actions button:hover{border-color:var(--vb-glass-border-strong);background:#8e54e91a;color:var(--vb-primary)}.blog-card .card-actions .delete-btn:hover{border-color:var(--vb-error);color:var(--vb-error);background:#ffb4ab1a}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--vb-space-2);margin-top:var(--vb-space-4);padding:var(--vb-space-2) 0}.pagination button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.85rem;font-weight:600;color:var(--vb-on-surface);background:var(--vb-glass-surface);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur);border:1px solid var(--vb-glass-border);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.pagination button:hover:not(:disabled){border-color:var(--vb-glass-border-strong);background:#8e54e91a;color:var(--vb-primary)}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{font-family:var(--vb-font-mono);font-size:13px;font-weight:500;color:var(--app-muted)}.blog-detail-page{max-width:100%;margin:0 auto;padding:0}.blog-detail-loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-family:var(--vb-font-sans);font-size:16px;color:var(--app-muted)}.detail-header{margin-bottom:var(--vb-space-3);max-width:100%;overflow:hidden}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--vb-space-2);font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--app-muted)}.detail-meta .category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--vb-radius-full);background:#8e54e91f;color:var(--vb-primary);border:1px solid var(--vb-glass-border);font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em}.detail-title{font-family:var(--vb-font-sans);font-size:36px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 var(--vb-space-2);color:var(--app-text);word-break:break-word}@media(max-width:640px){.detail-title{font-size:24px;line-height:1.3}}.detail-cover{width:100%;max-height:400px;-o-object-fit:cover;object-fit:cover;border-radius:var(--vb-radius-xl);margin-bottom:var(--vb-space-2);display:block}.reading-progress-container{width:100%;height:3px;background:#ffffff0f;border-radius:var(--vb-radius-full);overflow:hidden;margin-top:var(--vb-space-1)}.reading-progress{height:100%;width:0%;background:var(--vb-gradient);border-radius:var(--vb-radius-full);transition:width .1s linear}.detail-content,.detail-article-body{display:block;width:100%;max-width:100%;overflow:visible}.detail-article-row{display:flex;flex-direction:column;gap:var(--vb-space-3);width:100%;max-width:100%}@media(min-width:768px){.detail-article-row{flex-direction:row;align-items:flex-start}}.toc-sidebar{display:none}@media(min-width:768px){.toc-sidebar{display:block;position:sticky;top:80px;flex-shrink:0;width:200px;align-self:flex-start;background:var(--vb-glass-surface);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur);border:1px solid var(--vb-glass-border);border-radius:var(--vb-radius-lg);padding:var(--vb-space-2);max-height:70vh;overflow-y:auto}}.toc-sidebar h4{font-family:var(--vb-font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--app-muted);margin:0 0 var(--vb-space-1)}.toc-sidebar ul{list-style:none;padding:0;margin:0}.toc-sidebar li{margin:4px 0}.toc-sidebar a{font-family:var(--vb-font-sans);font-size:13px;font-weight:500;color:var(--app-muted);text-decoration:none;line-height:1.4;display:block;padding:3px 6px;border-radius:var(--vb-radius-sm);transition:color .15s ease,background .15s ease}.toc-sidebar a:hover{color:var(--vb-primary);background:#8e54e914}.article-content{flex:1;min-width:0;width:100%;overflow:hidden}.article-content .ql-editor{font-family:var(--vb-font-sans);font-size:16px;line-height:1.7;color:var(--app-text);padding:var(--vb-space-2) 0}.article-content .ql-editor h1,.article-content .ql-editor h2,.article-content .ql-editor h3{font-family:var(--vb-font-sans);font-weight:700;letter-spacing:-.01em;color:var(--app-text);margin-top:var(--vb-space-3);margin-bottom:var(--vb-space-1)}.article-content .ql-editor h1{font-size:28px}.article-content .ql-editor h2{font-size:22px}.article-content .ql-editor h3{font-size:18px}.article-content .ql-editor p{margin-bottom:var(--vb-space-2)}.article-content .ql-editor img{max-width:100%;height:auto;border-radius:var(--vb-radius-lg);margin:var(--vb-space-2) 0}.article-content .ql-editor blockquote{border-left:3px solid var(--vb-neon-purple);padding-left:var(--vb-space-2);margin:var(--vb-space-2) 0;color:var(--app-muted);font-style:italic}.article-content .ql-editor a{color:var(--vb-primary);text-decoration:underline}.tags-section{margin-top:var(--vb-space-3);padding-top:var(--vb-space-2);border-top:1px solid var(--vb-glass-border);width:100%}.tags-section h4{font-family:var(--vb-font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--app-muted);margin:0 0 var(--vb-space-1)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--vb-radius-full);font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;background:#8e54e914;color:var(--vb-primary);border:1px solid var(--vb-glass-border);text-decoration:none;transition:border-color .18s ease,background .18s ease}.tag-link:hover{border-color:var(--vb-glass-border-strong);background:#8e54e926;color:var(--vb-primary);text-decoration:none}.share-section{display:flex;gap:var(--vb-space-1);margin-top:var(--vb-space-2);padding-top:var(--vb-space-2);border-top:1px solid var(--vb-glass-border);width:100%}.share-section button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.85rem;font-weight:600;color:var(--vb-on-surface);background:var(--vb-glass-surface);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur);border:1px solid var(--vb-glass-border);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.share-section button:hover{border-color:var(--vb-glass-border-strong);background:#8e54e91a;color:var(--vb-primary)}.related-posts{margin-top:var(--vb-space-3);padding-top:var(--vb-space-2);border-top:1px solid var(--vb-glass-border);width:100%}.related-posts h4{font-family:var(--vb-font-sans);font-size:20px;font-weight:700;color:var(--app-text);margin:0 0 var(--vb-space-2)}.related-grid{display:grid;grid-template-columns:1fr;gap:var(--vb-space-2)}@media(min-width:640px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-card{display:flex;flex-direction:column;background:var(--vb-glass-surface);backdrop-filter:var(--vb-glass-blur);-webkit-backdrop-filter:var(--vb-glass-blur);border:1px solid var(--vb-glass-border);border-radius:var(--vb-radius-lg);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.related-card:hover{border-color:var(--vb-glass-border-strong);box-shadow:var(--vb-glow-border);transform:translateY(-2px);text-decoration:none;color:inherit}.related-card img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;display:block}.related-card .related-card-body{padding:var(--vb-space-1) var(--vb-space-1) var(--vb-space-2);display:flex;flex-direction:column;gap:4px;flex:1}.related-card h5{font-family:var(--vb-font-sans);font-size:14px;font-weight:700;margin:0;color:var(--app-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card small{font-family:var(--vb-font-mono);font-size:11px;color:var(--app-muted)}.modal-overlay{position:fixed;inset:0;z-index:1100;width:100vw!important;max-width:none!important;display:flex;align-items:flex-start;justify-content:center;padding:var(--vb-space-3) var(--vb-space-2);background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}.modal-content{width:100%;max-width:680px;margin:var(--vb-space-3) auto;padding:var(--vb-space-3);background:var(--vb-surface-container);border:1px solid var(--vb-glass-border);border-radius:var(--vb-radius-xl);box-shadow:var(--vb-shadow-elevated),var(--vb-glow-border);position:relative}.modal-content h2{font-family:var(--vb-font-sans);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 var(--vb-space-3);color:var(--app-text)}.modal-content input[type=text],.modal-content input[type=file],.modal-content textarea,.modal-content select{width:100%;min-height:44px;padding:10px 14px;color:var(--vb-on-surface);background:var(--vb-bg-deep);border:1px solid var(--vb-outline-variant);border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.9rem;outline:none;margin-bottom:var(--vb-space-2);transition:border-color .18s ease,box-shadow .18s ease}html:not(.dark) .modal-content input[type=text],html:not(.dark) .modal-content textarea,html:not(.dark) .modal-content select{background:#fff;border-color:#0f172a1f;color:#162033}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:var(--vb-electric-blue);box-shadow:0 0 0 3px #4776e647,0 0 16px #4776e633}.category-select-row{display:flex;gap:8px;align-items:center;margin-bottom:var(--vb-space-2)}.category-select-row select{flex:1;min-height:44px;padding:10px 14px;color:var(--vb-on-surface);background:var(--vb-bg-deep);border:1px solid var(--vb-outline-variant);border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.9rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}html:not(.dark) .category-select-row select{background:#fff;color:#162033}.category-select-row select:focus{border-color:var(--vb-electric-blue);box-shadow:0 0 0 3px #4776e647,0 0 16px #4776e633}.new-category-row{display:flex;gap:8px;align-items:center;margin-bottom:var(--vb-space-2)}.new-category-row input{flex:1;min-height:44px;padding:10px 14px;color:var(--vb-on-surface);background:var(--vb-bg-deep);border:1px solid var(--vb-outline-variant);border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.9rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}html:not(.dark) .new-category-row input{background:#fff;color:#162033}.new-category-row input:focus{border-color:var(--vb-electric-blue);box-shadow:0 0 0 3px #4776e647,0 0 16px #4776e633}.modal-content textarea{min-height:80px;resize:vertical}.modal-content .tags-multi{margin-bottom:var(--vb-space-2)}.modal-content .tags-multi>label{display:block;font-family:var(--vb-font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--app-muted);margin-bottom:6px}.modal-content .tag-checkbox{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin:0 6px 6px 0;border-radius:var(--vb-radius-full);font-family:var(--vb-font-mono);font-size:12px;font-weight:500;color:var(--app-muted);border:1px solid var(--vb-glass-border);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.modal-content .tag-checkbox:hover{border-color:var(--vb-glass-border-strong);background:#8e54e914;color:var(--vb-primary)}.modal-content .tag-checkbox input[type=checkbox]{margin:0;accent-color:var(--vb-neon-purple)}.modal-content .cover-upload{display:flex;align-items:center;gap:var(--vb-space-1);margin-bottom:var(--vb-space-2)}.modal-content .cover-upload img{border-radius:var(--vb-radius-md);border:1px solid var(--vb-glass-border);-o-object-fit:cover;object-fit:cover}.modal-content .quill-editor{margin-bottom:var(--vb-space-2);border-radius:var(--vb-radius-md);overflow:hidden}.modal-content .quill-editor .ql-toolbar{border:1px solid var(--vb-outline-variant);border-bottom:none;border-radius:var(--vb-radius-md) var(--vb-radius-md) 0 0;background:var(--vb-surface-container-low);font-family:var(--vb-font-sans)}.modal-content .quill-editor .ql-container{border:1px solid var(--vb-outline-variant);border-radius:0 0 var(--vb-radius-md) var(--vb-radius-md);min-height:200px;font-family:var(--vb-font-sans);font-size:15px;color:var(--vb-on-surface);background:var(--vb-bg-deep)}html:not(.dark) .modal-content .quill-editor .ql-container{background:#fff;color:#162033}.modal-actions{display:flex;gap:var(--vb-space-1);align-items:center;flex-wrap:wrap;margin-top:var(--vb-space-2);padding-top:var(--vb-space-2);border-top:1px solid var(--vb-glass-border)}.modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.modal-actions button:active{transform:scale(.97)}.modal-actions button:first-child{color:#fff;background:var(--vb-gradient);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple)}.modal-actions button:first-child:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong)}.modal-actions button:nth-child(2){color:var(--vb-on-surface);background:transparent;border:1px solid var(--vb-glass-border)}.modal-actions button:nth-child(2):hover{border-color:var(--vb-glass-border-strong);background:#8e54e91a;color:var(--vb-primary)}.modal-actions label{display:inline-flex;align-items:center;gap:6px;font-family:var(--vb-font-sans);font-size:.85rem;font-weight:500;color:var(--app-muted);cursor:pointer;margin-left:auto}.modal-actions label input[type=checkbox]{margin:0;accent-color:var(--vb-neon-purple)}@media(max-width:480px){.blog-container{padding:var(--vb-space-1) var(--vb-space-1) var(--vb-space-3)}.blog-header h1{font-size:22px;line-height:28px}.blog-controls,.blog-controls .filters{flex-direction:column;align-items:stretch}.modal-content{padding:var(--vb-space-2);margin:var(--vb-space-2) auto;border-radius:var(--vb-radius-lg)}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions label{margin-left:0}}.add-post-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border-radius:var(--vb-radius-md);font-family:var(--vb-font-sans);font-size:.85rem;font-weight:600;color:#fff;background:var(--vb-gradient);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff38,var(--vb-glow-purple);cursor:pointer;transition:transform .18s ease,box-shadow .2s ease}.add-post-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--vb-glow-purple-strong)}.add-post-btn:active{transform:scale(.97)}.article-content .ql-container.ql-snow,.article-content .ql-toolbar.ql-snow{border:none!important;background:transparent!important}.article-content .ql-editor{padding:0!important;background:transparent!important;color:inherit!important}.blog-action-fav-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.25);background:#ffffff59;color:#94a3b8d9;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;padding:0}.blog-action-fav-btn:hover{transform:scale(1.1);background:#ef44441a;border-color:#ef444466;color:#ef4444}.blog-action-fav-btn.active{background:#ef444426;border-color:#ef444473;color:#ef4444;box-shadow:0 0 10px #ef444433}.blog-action-fav-btn .heart-icon.active{animation:beat .35s ease-in-out}.favorites-count-meta{font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;vertical-align:middle}@keyframes beat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.blog-card__cover-container{position:relative;overflow:hidden;height:180px}.blog-card__cover-container .cover-image{width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94)!important}.blog-card:hover .blog-card__cover-container .cover-image{transform:scale(1.06)}.blog-detail-back-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 16px;border-radius:var(--vb-radius-full, 9999px);font-family:var(--vb-font-sans);font-size:.85rem;font-weight:600;color:var(--vb-on-surface, #ffffff);background:var(--vb-glass-surface, rgba(255, 255, 255, .05));backdrop-filter:var(--vb-glass-blur, blur(12px));-webkit-backdrop-filter:var(--vb-glass-blur, blur(12px));border:1px solid var(--vb-glass-border, rgba(255, 255, 255, .08));cursor:pointer;margin-bottom:var(--vb-space-3, 16px);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.blog-detail-back-btn:hover{border-color:var(--vb-glass-border-strong, rgba(255, 255, 255, .2));background:#8e54e91f;color:var(--vb-primary, #8e54e9)}.blog-detail-back-btn .arrow-icon{transition:transform .2s ease}.blog-detail-back-btn:hover .arrow-icon{transform:translate(-4px)}.author-meta-widget{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;padding:4px 10px 4px 6px;border-radius:var(--vb-radius-full, 9999px);border:1px solid var(--vb-glass-border, rgba(255, 255, 255, .08));transition:all .2s ease;vertical-align:middle}.author-meta-widget:hover{background:#ffffff14;border-color:var(--vb-glass-border-strong, rgba(255, 255, 255, .2))}.author-avatar-img{width:22px;height:22px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.author-avatar-icon-placeholder{width:22px;height:22px;border-radius:50%;background:#8e54e926;color:var(--vb-primary, #8e54e9);border:1px solid rgba(142,84,233,.3);display:inline-flex;align-items:center;justify-content:center}.author-name-text{font-size:12px;font-weight:600;color:var(--app-text, #ffffff)}html:not(.dark) .author-meta-widget{background:#00000008}html:not(.dark) .author-name-text{color:#162033}@media(min-width:768px){.toc-sidebar{border-left:2px solid rgba(142,84,233,.12);padding-left:14px!important;background:transparent!important;border-radius:0!important;border:none;border-left:2px solid rgba(142,84,233,.15)!important}.toc-sidebar h4{margin-bottom:12px!important}.toc-sidebar ul{display:flex;flex-direction:column;gap:4px}.toc-sidebar a{border-left:2px solid transparent;padding:4px 8px!important;margin-left:-16px;border-radius:0 6px 6px 0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.toc-sidebar a:hover{border-left-color:var(--vb-primary, #8e54e9)!important;background:#8e54e914!important;color:var(--vb-primary, #8e54e9)!important;padding-left:12px!important}}.article-content .ql-editor{line-height:1.85!important;letter-spacing:-.003em!important;font-size:1.05rem!important;text-align:justify}.article-content .ql-editor h1,.article-content .ql-editor h2,.article-content .ql-editor h3{letter-spacing:-.02em!important;margin-top:1.8em!important;margin-bottom:.6em!important;color:var(--app-text)!important}.article-content .ql-editor p{margin-bottom:1.25rem!important}.article-content .ql-editor blockquote{border-left:4px solid var(--vb-primary, #8e54e9)!important;background:#8e54e90d;padding:12px 18px!important;border-radius:0 var(--vb-radius-md) var(--vb-radius-md) 0;margin:1.5rem 0!important}