:root{--bg-deep:#0a0c0f;--bg-surface:#0f1117;--bg-elevated:#161b22;--bg-card:#1a2030;--bg-hover:#1f2535;--bg-input:#141820;--accent-green:#00d68f;--accent-green-dim:#00a36c;--accent-blue:#4d9cf8;--accent-blue-dim:#2d7cd6;--accent-orange:#ff7b29;--accent-yellow:#f6c90e;--accent-purple:#9d73ff;--accent-red:#ff4757;--text-primary:#e8edf5;--text-secondary:#8892a4;--text-muted:#4a5568;--text-code:#a8ff78;--border-subtle:#1e2636;--border-default:#252e40;--border-accent:#00d68f33;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 8px 48px #0009;--shadow-glow:0 0 20px #00d68f26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-mono:"Courier New",Consolas,monospace;--font-displat:"Segoe UI",Arial,sans-serif;--font-body:"Segoe UI",Arial,sans-serif;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--sidebar-width:260px;--header-height:60px;.feed-main{padding-bottom:80px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0c0f;background:var(--bg-deep);color:#e8edf5;color:var(--text-primary);font-family:Segoe UI,Arial,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0f1117;background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:#252e40;background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00a36c;background:var(--accent-green-dim)}::selection{background:#00d68f33;color:#00d68f;color:var(--accent-green)}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:Segoe UI,Arial,sans-serif;font-family:var(--font-body)}.sr-only{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}code,pre{font-family:Courier New,Consolas,monospace;font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00d68f4d}50%{box-shadow:0 0 24px #00d68f99}}.animate-fade{animation:fadeIn .4s ease forwards}.animate-slide{animation:slideIn .3s ease forwards}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#161b22 25%,#1f2535 50%,#161b22 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-weight:500;gap:6px;justify-content:center;overflow:hidden;position:relative;white-space:nowrap}.btn,.btn:before{transition:var(--transition)}.btn:before{background:#fff0;content:"";inset:0;position:absolute}.btn:hover:before{background:#ffffff0d}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-sm{font-size:13px;height:32px;padding:6px 14px}.btn-md{font-size:14px;height:40px;padding:8px 18px}.btn-lg{border-radius:var(--radius-lg);font-size:15px;height:48px;padding:12px 24px}.btn-primary{background:var(--accent-green);color:#000;font-weight:600}.btn-primary:hover{background:#00f5a3;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-green)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-outline{background:#0000;border:1px solid var(--accent-green);color:var(--accent-green)}.btn-outline:hover{background:var(--accent-green);color:#000}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#ff6375}.btn-icon{align-items:center;display:flex}.btn-loading{pointer-events:none}.spinner{animation:spin .7s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;display:inline-block;flex-shrink:0;height:18px;width:18px}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;font-weight:500}.field-wrap{position:relative}.field-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:var(--transition);width:100%}.field-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #00d68f1a}.field-input.field-error{border-color:var(--accent-red)}.field-input.field-error:focus{box-shadow:0 0 0 3px #ff47571a}.field-input.field-success{border-color:var(--accent-green)}.field-input.has-left{padding-left:40px}.field-input.has-right{padding-right:40px}.field-textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;min-height:80px;outline:none;padding:10px 14px;resize:vertical;transition:var(--transition);width:100%}.field-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #00d68f1a}.field-icon-left,.field-icon-right{align-items:center;color:var(--text-muted);display:flex;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-icon-left{left:12px}.field-icon-right{pointer-events:all;right:12px}.eye-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:4px}.eye-toggle:hover{color:var(--text-secondary)}.field-msg{font-size:12px}.field-msg.error{color:var(--accent-red)}.field-msg.ok{color:var(--accent-green)}.field-msg.hint{color:var(--text-muted)}select.field-input{cursor:pointer}select.field-input option{background:var(--bg-elevated)}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.auth-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.auth-grid{background-image:linear-gradient(#00d68f0a 1px,#0000 0),linear-gradient(90deg,#00d68f0a 1px,#0000 0);background-size:40px 40px;inset:0;position:absolute}.auth-glow{background:radial-gradient(ellipse,#00d68f14 0,#0000 70%);height:400px;left:50%;position:absolute;top:-100px;transform:translateX(-50%);width:600px}.auth-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;padding:40px;position:relative;width:100%;z-index:1}.auth-brand{align-items:center;display:flex;font-family:var(--font-display);gap:8px;margin-bottom:28px}.brand-snake{font-size:24px}.brand-name{color:var(--text-primary);font-size:20px;font-weight:800}.brand-name span{color:var(--accent-green)}.brand-name-sm{font-family:var(--font-display);font-size:16px;font-weight:700}.brand-name-sm span{color:var(--accent-green)}.auth-header{margin-bottom:28px}.auth-header h1{font-family:var(--font-display);font-size:24px;font-weight:800;margin-bottom:6px}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-submit{margin-top:8px}.auth-switch{color:var(--text-secondary);font-size:14px;text-align:center}.auth-legal{color:var(--text-muted);font-size:12px;margin-top:8px;text-align:center}.link-btn{background:none;border:none;color:var(--accent-green);cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.link-btn:hover{text-decoration:underline}.link-btn.small{font-size:12px}.auth-footer-tag{bottom:12px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;opacity:.5;position:fixed;right:16px}.pwd-strength{margin-top:-8px}.pwd-bar{display:flex;gap:4px;height:4px;margin-bottom:6px}.pwd-seg{border-radius:2px;flex:1 1}.pwd-label{font-family:var(--font-mono);font-size:11px;font-weight:600}.pwd-checks{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}.pwd-check{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;transition:var(--transition)}.pwd-check.ok{color:var(--accent-green)}.otp-wrap{display:flex;gap:8px;justify-content:center;margin:16px 0}.otp-cell{background:var(--bg-input);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:20px;font-weight:700;height:56px;outline:none;text-align:center;text-transform:uppercase;transition:var(--transition);width:48px}.otp-cell:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #00d68f26}.otp-modal{padding:8px 0;text-align:center}.otp-emoji{font-size:40px;margin-bottom:12px}.otp-desc{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.otp-error{color:var(--accent-red);font-size:13px;margin-top:-8px}.otp-resend{color:var(--text-secondary);font-size:13px;margin-top:12px}.otp-note{color:var(--text-muted);font-size:11px;margin-top:8px}.divider{border:none;border-top:1px solid var(--border-subtle);margin:20px 0}.divider-label{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:12px;margin:20px 0}.divider-label hr{border:none;border-top:1px solid var(--border-subtle);flex:1 1}.tag{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px}.tag-default{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-secondary)}.tag-code{background:#00d68f14;border:1px solid #00d68f33;color:var(--accent-green)}.tag-blue{background:#4d9cf81a;border:1px solid #4d9cf833;color:var(--accent-blue)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{animation:floatUp .25s ease;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%}.modal-sm{max-width:420px}.modal-md{max-width:580px}.modal-lg{max-width:720px}.p-post-row{transition:background .15s}.p-post-row:hover{background:var(--bg-hover);border-radius:var(--radius-md)}.profile-post-row{transition:background .15s}.profile-post-row:hover{background:var(--bg-hover);border-radius:var(--radius-md)}.modal-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-title{font-family:var(--font-display);font-size:16px;font-weight:700}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;width:28px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:20px 24px 24px}.toast{align-items:center;animation:floatUp .3s ease;border-radius:var(--radius-full);bottom:24px;box-shadow:var(--shadow-lg);display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;max-width:90vw;min-width:260px;padding:12px 20px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}.toast-success{background:#0d2e1f;border:1px solid var(--accent-green);color:var(--accent-green)}.toast-error{background:#2e0d13;border:1px solid var(--accent-red);color:var(--accent-red)}.toast-info{background:#0d1e2e;border:1px solid var(--accent-blue);color:var(--accent-blue)}.toast-warning{background:#2e200d;border:1px solid var(--accent-orange);color:var(--accent-orange)}.toast-icon{font-size:15px;font-weight:900}.empty-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state h4{color:var(--text-primary);font-family:var(--font-display);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:16px}.code-block{background:#0d1117;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:12px 0;overflow:hidden}.code-block-header{align-items:center;background:#161b22;border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;padding:10px 14px}.code-dots{display:flex;gap:5px}.code-dots span{border-radius:50%;height:10px;width:10px}.code-dots span:first-child{background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-lang{color:var(--text-muted);flex:1 1}.code-copy,.code-lang{font-family:var(--font-mono);font-size:11px}.code-copy{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:3px 10px;transition:var(--transition)}.code-copy:hover{border-color:var(--accent-green);color:var(--accent-green)}.code-body{margin:0;overflow-x:auto;padding:16px}.code-body code{color:var(--text-code);display:block;font-size:13px;line-height:1.7;white-space:pre}.feed-page{background:var(--bg-deep);min-height:100vh;width:100%}.feed-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c0feb;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;height:var(--header-height);padding:0 20px;position:sticky;top:0;z-index:100}.feed-header-left,.feed-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.feed-header-right{margin-left:auto}.feed-brand{align-items:center;cursor:default;display:flex;font-size:20px;gap:6px}.auth-btns{display:flex;gap:8px}.notif-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:var(--transition);width:36px}.notif-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-dot{background:var(--accent-green);border:2px solid var(--bg-deep);border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.profile-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:2px;transition:var(--transition)}.profile-btn:hover{box-shadow:0 0 0 2px var(--accent-green)}.search-wrap{flex:1 1;max-width:480px;position:relative}.search-bar{align-items:center;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-full);display:flex;gap:10px;height:38px;padding:0 14px;transition:var(--transition)}.search-bar.focused,.search-bar:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px #00d68f1a}.search-icon{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:14px;outline:none}.search-clear,.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px}.search-clear:hover{color:var(--text-primary)}.search-dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.search-dropdown-header{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:8px 14px 4px;text-transform:uppercase}.search-suggestion{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 14px;text-align:left;transition:var(--transition);width:100%}.search-suggestion:hover{background:var(--bg-hover);color:var(--text-primary)}.cat-nav-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c0ff2;border-bottom:1px solid var(--border-subtle);position:sticky;top:var(--header-height);z-index:90}.cat-nav{display:flex;gap:4px;overflow-x:auto;padding:8px 20px;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav-item{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;gap:6px;padding:6px 14px;transition:var(--transition);white-space:nowrap}.cat-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.cat-nav-item.active{background:#00d68f14;border-color:var(--accent-green);color:var(--accent-green)}.hamburger-wrap{position:relative}.hamburger-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:6px}.hamburger-btn span{background:var(--text-secondary);border-radius:1px;display:block;height:2px;transition:var(--transition);width:20px}.hamburger-btn.open span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hamburger-menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;top:38px;width:220px;z-index:500}.hamburger-header{border-bottom:1px solid var(--border-subtle);padding:12px 16px 8px}.hamburger-title{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hamburger-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;gap:10px;padding:10px 16px;text-align:left;transition:var(--transition);width:100%}.hamburger-item:hover{background:var(--bg-hover);color:var(--text-primary)}.hamburger-item.active{color:var(--accent-green)}.hamburger-icon{font-size:16px;text-align:center;width:20px}.hamburger-check{color:var(--accent-green);font-size:12px;margin-left:auto}.feed-main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1100px;padding:24px 20px 100px;padding-bottom:80px}.feed-col{display:flex;flex-direction:column;gap:20px}.feed-empty{color:var(--text-secondary);padding:60px 20px;text-align:center}.feed-empty h3{font-family:var(--font-display);margin:12px 0 6px}.feed-loading{align-items:center;display:flex;font-size:14px;gap:10px;justify-content:center}.feed-end,.feed-loading{color:var(--text-muted);padding:24px}.feed-end{font-size:13px;text-align:center}.feed-end span{display:block;font-size:24px;margin-bottom:6px}.feed-sidebar{align-self:start;display:flex;flex-direction:column;gap:16px;position:sticky;top:120px}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.sidebar-title{color:var(--text-secondary);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.sidebar-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.sidebar-footer{padding:14px 20px}.sidebar-links{display:flex;gap:12px;margin-bottom:8px}.sidebar-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:12px}.sidebar-link:hover{color:var(--text-secondary);text-decoration:underline}.sidebar-credit{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;opacity:.6}.fab-create{align-items:center;background:var(--accent-green);border:none;border-radius:var(--radius-full);bottom:28px;box-shadow:0 4px 20px #00d68f66;color:#000;cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;font-weight:700;gap:8px;padding:14px 22px;position:fixed;right:28px;transition:var(--transition);z-index:80}.fab-create:hover{background:#00f5a3;box-shadow:0 6px 28px #00d68f80;transform:translateY(-2px)}.post-card{animation:fadeIn .4s ease both;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.post-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.post-card-inner{padding:20px}.post-owner{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.post-owner-left{align-items:center;display:flex;gap:10px}.post-owner-info{display:flex;flex-direction:column}.owner-name{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:0;text-align:left}.owner-name:hover{color:var(--accent-green)}.owner-username{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.post-owner-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.post-series{background:#4d9cf814;border:1px solid #4d9cf833;color:var(--accent-blue);font-family:var(--font-mono);font-size:11px;padding:2px 8px;white-space:nowrap}.follow-btn,.post-series{border-radius:var(--radius-full)}.follow-btn{background:#00d68f1a;border:1px solid #00d68f4d;color:var(--accent-green);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:var(--transition)}.follow-btn:hover{background:var(--accent-green);color:#000}.follow-btn.following{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-secondary)}.post-title-wrap{margin-bottom:12px}.post-title{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.4;margin-bottom:8px}.post-tags{display:flex;flex-wrap:wrap;gap:6px}.post-content{margin:12px 0;max-height:100px;overflow:hidden;position:relative;transition:max-height .4s ease}.post-content.expanded{max-height:9999px}.post-content p{color:var(--text-secondary);font-size:14px;line-height:1.7}.post-fade-mask{background:linear-gradient(#0000,var(--bg-surface));bottom:0;height:50px;left:0;position:absolute;right:0}.post-expand-btn{background:none;border:none;color:var(--accent-green);cursor:pointer;font-family:var(--font-mono);font-size:12px;margin-bottom:8px;padding:4px 0}.post-video-wrap{margin:12px 0}.post-video-placeholder{align-items:center;background:#0d1117;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:10px;height:160px;justify-content:center;transition:var(--transition)}.post-video-placeholder:hover{background:#ff47570d;border-color:var(--accent-red)}.yt-play-btn{align-items:center;background:var(--accent-red);border-radius:12px;color:#fff;display:flex;font-size:20px;height:52px;justify-content:center;width:52px}.post-video-placeholder span{color:var(--text-muted);font-size:13px}.post-actions{align-items:center;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-top:12px;padding-top:14px}.post-actions-left,.post-actions-right{align-items:center;display:flex;gap:8px}.action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;gap:5px;padding:5px 10px;transition:var(--transition)}.action-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.action-btn.like.active{color:var(--accent-red)}.action-btn.save.active{color:var(--accent-yellow)}.post-date{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.comments-section{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px}.comments-title{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.comments-guest,.comments-title{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.comments-guest{background:var(--bg-elevated);border-radius:var(--radius-md);padding:14px 16px}.comment-composer{display:flex;gap:12px;margin-bottom:20px}.composer-body{flex:1 1}.comment-textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;padding:10px 14px;resize:vertical;transition:var(--transition);width:100%}.comment-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #00d68f1a}.composer-actions{display:flex;justify-content:flex-end;margin-top:8px}.no-comments{color:var(--text-muted);font-size:13px;padding:16px 0}.comment{animation:fadeIn .3s ease;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:16px}.comment.pinned{background:#00d68f0a;border:1px solid #00d68f26;border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.pin-badge{color:var(--accent-green);font-family:var(--font-mono);font-size:11px;margin-bottom:8px}.comment-inner{display:flex;gap:10px}.comment-body{flex:1 1}.comment-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-author{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:600}.comment-edited,.comment-time{color:var(--text-muted);font-size:11px}.comment-edited{font-style:italic}.comment-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.mention{color:var(--accent-blue);cursor:pointer;font-weight:600}.mention:hover{text-decoration:underline}.comment-footer{flex-wrap:wrap;gap:6px;margin-top:8px}.comment-footer,.vote-wrap{align-items:center;display:flex}.vote-wrap{gap:2px}.vote-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:3px 7px;transition:var(--transition)}.vote-btn.up.active,.vote-btn.up:hover{background:#00d68f14;color:var(--accent-green)}.vote-btn.down.active,.vote-btn.down:hover{background:#ff475714;color:var(--accent-red)}.tiny-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:11px;padding:2px 6px;transition:var(--transition)}.tiny-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tiny-btn.danger:hover{color:var(--accent-red)}.tiny-btn.pin:hover{color:var(--accent-green)}.comment-edit{margin-top:6px}.comment-edit-actions{display:flex;gap:6px;margin-top:6px}.reply{background:var(--bg-elevated);border-radius:var(--radius-md);display:flex;gap:8px;margin-top:10px;padding:10px 12px}.reply-body{flex:1 1}.replies-list{border-left:2px solid var(--border-default);gap:2px;margin-top:12px;padding-left:14px}.replies-list,.reply-box{display:flex;flex-direction:column}.reply-box{gap:6px;margin-top:10px}.reply-box-actions{display:flex;gap:6px}.mention-suggestions{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:300}.mention-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:13px;gap:6px;padding:8px 14px;text-align:left;transition:var(--transition);width:100%}.mention-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mention-at{color:var(--accent-green)}.create-page{margin:0 auto;max-width:900px;padding:24px 20px 80px}.create-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.create-title{flex:1 1;font-family:var(--font-display);font-size:22px;font-weight:800}.create-actions{display:flex;gap:10px}.back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:14px;padding:6px 0;transition:var(--transition)}.back-btn:hover{color:var(--accent-green)}.create-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 240px}@media (max-width:800px){.create-body{grid-template-columns:1fr}}.create-form{display:flex;flex-direction:column;gap:20px}.create-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.create-title-input{font-family:var(--font-display);font-size:18px;font-weight:600}.create-content{min-height:200px}.snippets-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.snippets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.snippets-header h3{font-family:var(--font-display);font-size:16px;font-weight:700}.add-snippet-btn{background:#00d68f14;border:1px solid #00d68f4d;border-radius:var(--radius-full);color:var(--accent-green);cursor:pointer;font-size:13px;padding:6px 14px;transition:var(--transition)}.add-snippet-btn:hover{background:var(--accent-green);color:#000}.snippets-empty{color:var(--text-muted);font-size:13px;padding:24px;text-align:center}.snippets-empty span{display:block;font-family:var(--font-mono);font-size:28px;margin-bottom:8px}.snippet-editor{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden}.snippet-editor-header{align-items:center;background:#161b22;border-bottom:1px solid var(--border-subtle);display:flex;gap:10px;padding:10px 14px}.snippet-lang-select{background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:3px 8px}.snippet-label,.snippet-lang-select{font-family:var(--font-mono);font-size:12px}.snippet-label{color:var(--text-muted);flex:1 1}.snippet-remove{background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:12px}.snippet-textarea{background:#0d1117;border:none;color:var(--text-code);font-family:var(--font-mono);font-size:13px;line-height:1.7;min-height:160px;outline:none;padding:14px;resize:vertical;width:100%}.snippet-preview{border-top:1px solid var(--border-subtle);padding:12px 14px}.snippet-preview-label{color:var(--text-muted);display:block;font-family:var(--font-mono);font-size:11px;margin-bottom:6px}.create-tip{align-self:start;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;position:sticky;top:100px}.create-tip h4{font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:12px}.create-tip ul{display:flex;flex-direction:column;gap:8px;list-style:none}.create-tip li{color:var(--text-secondary);font-size:13px;padding-left:16px;position:relative}.create-tip li:before{color:var(--accent-green);content:"›";left:0;position:absolute}.profile-page{max-width:800px;min-height:100vh;padding:20px 20px 80px}.profile-cover{border-radius:var(--radius-xl);height:120px;margin-bottom:60px;overflow:hidden;position:relative}.profile-cover-gradient{background:linear-gradient(135deg,#0d1a0f,#0a1020 50%,#0d0a1a);height:100%}.profile-avatar-wrap{bottom:-48px;left:28px;position:absolute}.profile-avatar-ring{border:3px solid var(--bg-deep);border-radius:50%;display:inline-block;position:relative}.avatar-upload-btn{align-items:center;background:var(--accent-green);border:2px solid var(--bg-deep);border-radius:50%;bottom:0;color:#000;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px}.profile-info{border-bottom:1px solid var(--border-subtle);margin-bottom:20px;padding:0 0 20px}.profile-name-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.profile-name{font-family:var(--font-display);font-size:22px;font-weight:800}.edit-inline-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.5}.edit-inline-btn:hover{opacity:1}.inline-edit{align-items:center;display:flex;gap:8px;margin-bottom:8px}.bio-edit{align-items:flex-start;flex-direction:column}.profile-username{color:var(--accent-green);font-family:var(--font-mono);margin-bottom:4px}.profile-email{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px;margin-bottom:8px}.verified-badge{background:#00d68f1a;border:1px solid #00d68f4d;border-radius:var(--radius-full);color:var(--accent-green);font-family:var(--font-mono);font-size:11px;padding:1px 6px}.profile-bio{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.profile-bio-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:16px}.profile-stats{display:flex;gap:24px;margin-bottom:20px}.stat-val{font-family:var(--font-display);font-size:22px;font-weight:800}.stat-lbl{color:var(--text-muted);font-family:var(--font-mono)}.social-links-section{margin-top:16px}.social-links-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.social-links-header h4{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.add-link-btn{background:none;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:12px;padding:3px 10px;transition:var(--transition)}.add-link-btn:hover{border-color:var(--accent-green);color:var(--accent-green)}.social-link-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:8px;padding:10px 12px}.social-platform-icon{font-size:18px}.social-link-info{display:flex;flex:1 1;flex-direction:column}.social-platform{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.social-name{color:var(--text-secondary);font-size:13px}.social-link-actions{display:flex;gap:6px}.social-modal{display:flex;flex-direction:column;gap:14px}.other-profile-actions{display:flex;gap:10px;margin-top:16px}.other-social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.other-social-link{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:13px;gap:6px;padding:6px 12px;text-decoration:none;transition:var(--transition)}.other-social-link:hover{border-color:var(--accent-green);color:var(--accent-green)}.profile-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:4px;margin-bottom:20px}.profile-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:14px;margin-bottom:-1px;padding:10px 20px;transition:var(--transition)}.profile-tab:hover{color:var(--text-secondary)}.profile-tab.active{border-bottom-color:var(--accent-green);color:var(--accent-green)}.profile-tab-content{min-height:200px}.profile-posts{display:flex;flex-direction:column;gap:12px}.profile-post-row{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:var(--transition)}.profile-post-row:hover{border-color:var(--border-default)}.profile-post-title{color:var(--text-primary);font-size:14px}.profile-post-meta{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:13px;gap:10px}.post-status-badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;margin-right:8px;padding:2px 7px}.post-status-badge.published{background:#00d68f1a;border:1px solid #00d68f33;color:var(--accent-green)}.post-status-badge.draft{background:#f6c90e1a;border:1px solid #f6c90e33;color:var(--accent-yellow)}.settings-section{display:flex;flex-direction:column;gap:24px}.settings-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.settings-group h4{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;padding:12px 16px 8px;text-transform:uppercase}.settings-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;justify-content:space-between;padding:14px 16px;transition:var(--transition);width:100%}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-item.danger{color:var(--accent-red)}.settings-item.danger:hover{background:#ff475714}.danger-zone{border-color:#ff47574d}.danger-zone h4{border-bottom-color:#ff475733;color:var(--accent-red)}.warning-banner{background:#ff7b291a;border:1px solid #ff7b294d;border-radius:var(--radius-md);color:var(--accent-orange);font-size:13px;margin-bottom:14px;padding:10px 14px}.pwd-change-modal{display:flex;flex-direction:column;gap:14px}.static-page{margin:0 auto;max-width:680px;padding:28px 20px 80px}.static-content h1{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:16px}.static-content h3{color:var(--accent-green);font-family:var(--font-display);font-size:16px;font-weight:700;margin:24px 0 8px}.static-content p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:12px}.static-credit{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;margin-top:48px;opacity:.5}.auth-prompt{padding:8px 0}@media (max-width:600px){.feed-header{gap:8px;height:52px;padding:0 12px}.brand-name-sm,.fh-brand-name{display:none}.search-wrap{flex:1 1;max-width:100%}.search-bar{height:34px;padding:0 10px}.s-input{font-size:13px}.auth-btns{gap:4px}.auth-btns .btn-sm{font-size:12px;height:28px;padding:4px 10px}.notif-btn{height:30px;width:30px}.cat-nav{gap:6px;padding:6px 12px}.cat-item,.cat-nav-item{font-size:12px;padding:4px 10px}.feed-main{gap:12px;grid-template-columns:1fr;padding:12px 10px 80px}.feed-sidebar{display:none}.pci,.post-card-inner{padding:14px 12px}.p-title,.post-title{font-size:15px;line-height:1.4}.p-content p,.post-content p{font-size:13px;overflow:break-word;word-break:break-word}.p-owner,.post-owner{flex-wrap:wrap;gap:8px}.p-owner-r,.post-owner-right{flex-shrink:0}.p-series,.post-series{font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-btn{font-size:11px;padding:3px 10px}.code-block{max-width:100%;overflow-x:auto;width:100%}.cb-body code,.code-body code{font-size:11px}.p-actions,.post-actions{flex-wrap:wrap;gap:6px}.act-btn,.action-btn{font-size:12px;padding:4px 8px}.p-tags,.post-tags{gap:4px}.tag{font-size:10px;padding:1px 6px}.fab,.fab-create{bottom:16px;font-size:13px;padding:12px 16px;right:16px}.c-inner,.comment-inner{gap:8px}.c-text,.c-textarea,.comment-text,.comment-textarea{font-size:13px}.auth-card{border-radius:var(--radius-lg);padding:24px 20px}.auth-hd h1,.auth-header h1{font-size:20px}.profile-page{padding:12px 12px 80px}.p-cover,.profile-cover{height:100px;margin-bottom:52px}.p-name,.profile-name{font-size:18px}.p-stats,.profile-stats{gap:16px}.stat-val{font-size:20px}.ham-menu,.hamburger-menu{width:200px}.notif-panel{right:-8px;width:calc(100vw - 24px)}.create-page{padding:16px 12px 80px}.create-hd,.create-header{flex-wrap:wrap;gap:10px}.create-body,.create-row{grid-template-columns:1fr}.otp-cell{font-size:18px;height:48px;width:40px}}@media (max-width:768px){.feed-main{grid-template-columns:1fr;padding:16px 14px 90px}.feed-sidebar{display:none}.create-body,.create-row{grid-template-columns:1fr}}.cat-nav-wrap{overflow:hidden}.cb-body,.code-block,.code-body,pre{max-width:100%;overflow-x:auto}pre{white-space:pre}@media (max-width:600px){.post-card{max-width:100%;min-width:0;overflow:hidden;width:100%}.CodeBlock,.post-card code,.post-card pre{word-wrap:normal;display:block;max-width:100%;overflow-x:auto!important;white-space:pre}body,html{max-width:100vw;overflow-x:hidden}.code-block{max-width:100%;overflow:hidden;width:100%}.code-block>div,.code-body{-webkit-overflow-scrolling:touch;overflow-x:auto}.code-body code{display:block;min-width:min-content;white-space:pre}pre{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}}@media (max-width:900px){.feed-main{grid-template-columns:1fr}.feed-sidebar{display:none}}@media (max-width:600px){.feed-header{gap:6px;height:52px;padding:0 10px}.feed-brand .brand-name-sm{display:none}.feed-brand{gap:4px}.search-wrap{flex:1 1;max-width:100%}.search-bar{border-radius:20px;height:34px;padding:0 10px}.search-input{font-size:13px}.search-dropdown{border-radius:12px}.auth-btns{gap:4px}.auth-btns .btn-sm{font-size:11px;height:28px;padding:4px 10px}.notif-btn{height:30px;width:30px}.cat-nav-wrap{overflow:hidden}.cat-nav{-webkit-overflow-scrolling:touch;gap:6px;overflow-x:auto;padding:6px 16px 6px 10px;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav-item{flex-shrink:0;font-size:12px;padding:5px 10px;white-space:nowrap}.feed-main{gap:10px;grid-template-columns:1fr;padding:10px 8px 80px}.feed-sidebar{display:none}.post-card-inner{padding:14px 12px}.post-title{font-size:15px;line-height:1.4}.post-content p{font-size:13px}.post-owner{flex-wrap:wrap;gap:8px}.post-owner-right{gap:6px}.post-series{font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-btn{font-size:11px;padding:3px 8px}.post-tags{flex-wrap:wrap;gap:4px}.tag{font-size:10px;padding:1px 6px}.post-actions{flex-wrap:wrap;gap:6px}.action-btn{font-size:12px;padding:4px 8px}.post-date{font-size:11px}.fab-create{bottom:16px;font-size:13px;padding:12px 16px;right:12px}.auth-card{padding:24px 16px}.auth-brand{margin-bottom:20px}.auth-header h1{font-size:20px}.auth-header{margin-bottom:20px}.auth-form{gap:14px}.otp-wrap{gap:6px}.otp-cell{font-size:18px;height:48px;width:40px}.p-info,.profile-page{padding:12px 12px 80px}.p-cover,.profile-cover{border-radius:12px;height:100px;margin-bottom:52px}.p-name,.profile-name{font-size:18px}.p-stats,.profile-stats{gap:16px}.stat-val{font-size:20px}.stat-lbl{font-size:11px}.p-tabs{overflow-x:auto;scrollbar-width:none}.p-tabs::-webkit-scrollbar{display:none}.p-tab{font-size:13px;padding:8px 14px;white-space:nowrap}.p-post-row{flex-wrap:wrap;gap:6px}.p-post-meta{font-size:12px;gap:6px}.sl-item{flex-wrap:wrap;gap:6px}.hamburger-menu{width:min(220px,85vw)}.notif-panel{left:8px!important;max-height:70vh;position:fixed!important;right:8px!important;top:52px!important;width:auto!important}.modal{margin:16px;width:calc(100% - 32px)!important}.modal-md,.modal-sm{max-width:100%}.comment-inner{gap:8px}.comment-text,.comment-textarea{font-size:13px}.comment-footer{flex-wrap:wrap;gap:4px}.reply{padding:8px 10px}.replies-list{padding-left:10px}.create-page{padding:14px 10px 80px}.create-header{flex-wrap:wrap;gap:10px}.create-body{grid-template-columns:1fr}.snippet-editor-header{flex-wrap:wrap;gap:6px}.snippet-textarea{font-size:12px}.static-page{padding:20px 14px 80px}.static-content h1{font-size:22px}.back-btn{font-size:13px;margin-bottom:12px}}@media (max-width:380px){.otp-cell{font-size:16px;height:44px;width:36px}.auth-card{padding:20px 14px}.post-card-inner{padding:12px 10px}.search-wrap{max-width:140px}.auth-btns .btn-ghost{display:none}}@media (max-width:900px){.code-block{background:#0d1117;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:block;margin:12px;max-width:100%;overflow:hidden;width:100%}.code-body{-webkit-overflow-scrolling:touch;display:block;margin:0;overflow:auto;padding:16px}.code-body code{color:var(--text-code);display:block;font-family:var(--font-mono);font-size:13px;line-height:1.7;white-space:pre}.feed-col,.feed-main,.post-card{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}.code-block{max-width:calc(100vw - 32px)}}@media (min-width:900px){.feed-main{grid-template-columns:1fr 320px;max-width:1200px;padding:32px 20px}.feed-col{font-size:30px;max-width:100%}.code-body{padding:24px}.code-body code{font-size:14.5px!important;line-height:1.8}.code-lang{font-size:12px}.post-card{padding:28px}.post-title{font-size:15px}.post-card-inner{padding:14px 12px}.post-title{font-size:20px;line-height:1.4}.post-content p{font-size:19px}.post-owner{flex-wrap:wrap;gap:8px}.post-owner-right{gap:6px}.post-series{font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-btn{font-size:15px;padding:3px 8px}.post-tags{flex-wrap:wrap;gap:4px}.tag{font-size:15px;padding:1px 6px}.post-actions{flex-wrap:wrap;gap:6px}.action-btn{font-size:12px;padding:4px 8px}.post-date{font-size:11px;font-weight:700}.post-expand-btn{font-size:15px}}.profile-page{margin:0 auto;max-width:1000px;padding:20px}.p-header{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:32px;margin-bottom:24px;padding:40px}.p-avatar-section{flex-shrink:0}.p-avatar-main{border:4px solid var(--bg-body);border-radius:50%;box-shadow:0 0 0 2px var(--accent-green);height:120px;object-fit:cover;width:120px}.p-main-info{flex:1 1}.p-name-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.p-name{color:var(--text-primary);font-size:28px;font-weight:700}.p-bio{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:12px 0 24px;max-width:600px}.p-stats-row{border-top:1px solid var(--border-subtle);display:flex;gap:32px;padding-top:20px}.stat-box{display:flex;flex-direction:column;gap:2px}.stat-val{color:var(--text-primary);font-size:20px;font-weight:700}.stat-lbl{color:var(--text-dim);font-size:12px;letter-spacing:1px;text-transform:uppercase}.p-social-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.sl-item{align-items:center;background:var(--bg-body);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:var(--transition)}.sl-item:hover{background:#00d68f0d;border-color:var(--accent-green)}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.p-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;margin-bottom:24px}.p-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-dim);cursor:pointer;padding:12px 20px;transition:var(--transition)}.p-tab.active{border-bottom-color:var(--accent-green);color:var(--accent-green)}@media (max-width:600px){.p-header{align-items:center;flex-direction:column;padding:24px;text-align:center}.p-stats-row{gap:20px;justify-content:center;width:100%}.p-name-row{flex-direction:column;gap:4px}.feed-header-left{flex-shrink:0}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:14px;min-width:0;outline:none;width:100%}.search-bar{align-items:center;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-full);display:flex;gap:10px;height:38px;padding:0 14px;transition:var(--transition)}.search-bar,.search-wrap{min-width:0;overflow:hidden}.search-wrap{flex:1 1;position:relative}}
/*# sourceMappingURL=main.8055c69c.css.map*/