@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#f6f8fa;color:#0a0a0a;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e8eaed;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:50}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.logo-mark{width:32px;height:32px;background:#0a0a0a;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clock-face{width:17px;height:17px;border:2px solid #fff;border-radius:50%;position:relative}.clock-h{position:absolute;width:1.5px;height:5px;background:#fff;top:2px;left:50%;transform:translate(-50%);border-radius:2px}.clock-m{position:absolute;width:1.5px;height:4px;background:#fff;top:50%;left:50%;transform-origin:top center;transform:rotate(90deg);border-radius:2px}.logo-wordmark{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;color:#0a0a0a;letter-spacing:-.4px}.logo-wordmark span{color:#6b7280}.tagline{font-size:11px;color:#9ca3af}.av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.btn-signin{background:none;border:1px solid #e2e5e9;color:#374151;padding:6px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.btn-signin:hover{background:#f9fafb}.btn-join{background:#0a0a0a;color:#fff;border:none;padding:7px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.btn-join:hover{background:#1f1f1f}.btn-signout{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer;font-family:Inter,sans-serif}.btn-signout:hover{color:#374151}.user-area,.auth-btns{display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 12px 5px 5px;border-radius:8px;border:1px solid #e2e5e9}.user-chip:hover{background:#f9fafb}.user-chip-name{font-size:13px;font-weight:500;color:#111}.main{max-width:600px;margin:0 auto;padding:20px 16px}.card{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:18px;margin-bottom:10px}.mbtn-p{flex:1;background:#0a0a0a;color:#fff;border:none;padding:11px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif}.mbtn-p:hover{background:#1f1f1f}.mbtn-s{background:none;color:#6b7280;border:1px solid #e2e5e9;padding:11px 20px;border-radius:9px;font-size:14px;cursor:pointer;font-family:Inter,sans-serif}.mbtn-s:hover{background:#f9fafb}.field-label{font-size:11px;font-weight:600;color:#6b7280;display:block;margin-bottom:5px;margin-top:14px;text-transform:uppercase;letter-spacing:.5px}.field-input{width:100%;border:1px solid #e2e5e9;border-radius:8px;padding:9px 12px;font-size:13px;background:#fff;color:#111;font-family:Inter,sans-serif}.field-input:focus{outline:none;border-color:#9ca3af}.field-textarea{width:100%;border:1px solid #e2e5e9;border-radius:8px;padding:9px 12px;font-size:13px;background:#fff;color:#111;font-family:Inter,sans-serif;resize:none;line-height:1.5}.field-textarea:focus{outline:none;border-color:#9ca3af}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f73;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.modal{background:#fff;border-radius:16px;padding:28px;width:420px;max-width:100%;border:1px solid #e2e5e9;margin:auto}.modal h2{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;color:#0a0a0a;margin-bottom:4px;letter-spacing:-.3px}.modal-sub{font-size:13px;color:#6b7280;margin-bottom:20px;line-height:1.6}.modal-btns{display:flex;gap:8px;margin-top:20px}.modal-logo{display:flex;align-items:center;gap:8px;margin-bottom:18px}.toggle-row{display:flex;gap:6px;margin-top:5px}.tog{flex:1;border:1px solid #e2e5e9;border-radius:8px;padding:8px;font-size:13px;cursor:pointer;text-align:center;color:#6b7280;font-weight:500;font-family:Inter,sans-serif;transition:all .15s}.tog.on{border-color:#0a0a0a;background:#0a0a0a;color:#fff}.dept-tag{display:inline-block;background:#f1f3f5;color:#4b5563;font-size:10px;padding:2px 7px;border-radius:5px;font-weight:500;margin-left:5px;vertical-align:1px}.exp-item{border:1px solid #e2e5e9;border-radius:8px;padding:10px 12px;margin-bottom:8px;position:relative;background:#f9fafb}.exp-item-title{font-size:13px;font-weight:600;color:#111}.exp-item-co{font-size:12px;color:#6b7280;margin-top:1px}.exp-item-real{font-size:12px;color:#9ca3af;margin-top:4px;font-style:italic}.exp-remove{position:absolute;top:8px;right:10px;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:16px;padding:2px}.exp-remove:hover{color:#dc2626}.add-exp-btn{width:100%;border:1px dashed #e2e5e9;border-radius:8px;padding:9px;font-size:13px;color:#6b7280;background:none;cursor:pointer;font-family:Inter,sans-serif;margin-top:4px}.add-exp-btn:hover{background:#f9fafb}.exp-form{border:1px solid #e2e5e9;border-radius:8px;padding:12px;margin-top:6px;background:#f9fafb}.exp-form-btns{display:flex;gap:6px;margin-top:8px}.exp-save{flex:1;background:#0a0a0a;color:#fff;border:none;padding:8px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.exp-cancel{background:none;border:1px solid #e2e5e9;color:#6b7280;padding:8px 14px;border-radius:7px;font-size:13px;cursor:pointer;font-family:Inter,sans-serif}.err{color:#dc2626;font-size:12px;margin-top:6px}.link-box{display:flex;gap:8px;align-items:center;background:#f9fafb;border:1px solid #e2e5e9;border-radius:8px;padding:8px 12px;margin-top:14px}.link-url{flex:1;font-size:12px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{background:#0a0a0a;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.copy-btn:hover{background:#1f1f1f}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0a0a0a;color:#fff;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;z-index:200;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.composer{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:14px 16px;margin-bottom:12px}.composer-row{display:flex;gap:10px;align-items:center}.composer-trigger{flex:1;border:1px solid #e2e5e9;border-radius:8px;padding:9px 14px;font-size:13px;background:#f9fafb;color:#9ca3af;font-family:Inter,sans-serif;cursor:pointer;text-align:left}.composer-trigger:hover{background:#f3f4f6;border-color:#d1d5db}.post{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:18px;margin-bottom:10px}.post-head{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.post-meta{flex:1;min-width:0}.post-name{font-size:14px;font-weight:600;color:#111;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif}.post-name:hover{text-decoration:underline}.post-sub{font-size:12px;color:#9ca3af;margin-top:2px}.post-body{font-size:14px;line-height:1.7;color:#1f2937;margin-bottom:14px}.post-divider{height:1px;background:#f1f3f5;margin-bottom:10px}.post-stats{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;margin-bottom:10px}.post-actions{display:flex;gap:2px}.act-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px;border-radius:7px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;font-family:Inter,sans-serif;transition:all .12s}.act-btn:hover{background:#f9fafb;color:#111}.act-btn.active{color:#0a0a0a;font-weight:600}.comments{margin-top:12px;border-top:1px solid #f1f3f5;padding-top:12px}.cmt{display:flex;gap:8px;margin-bottom:10px}.cmt-bubble{background:#f9fafb;border-radius:10px;padding:8px 12px;font-size:13px;flex:1;line-height:1.5}.cmt-author{font-weight:600;font-size:11px;color:#374151;margin-bottom:2px;font-family:Plus Jakarta Sans,sans-serif}.cmt-row{display:flex;gap:8px;margin-top:10px;align-items:center}.cmt-input{flex:1;border:1px solid #e2e5e9;border-radius:8px;padding:7px 13px;font-size:13px;background:#f9fafb;color:#111;font-family:Inter,sans-serif}.cmt-input:focus{outline:none;border-color:#d1d5db;background:#fff}.cmt-send{background:#0a0a0a;border:none;border-radius:7px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0}.prof-page{background:#fff;border-radius:16px;border:1px solid #e2e5e9;overflow:hidden;max-width:560px;margin:0 auto}.prof-banner{height:80px;background:#0a0a0a;position:relative}.prof-banner-av{position:absolute;bottom:-28px;left:20px;width:56px;height:56px;border-radius:50%;border:3px solid #fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center}.prof-body{padding:16px 20px 24px}.prof-name-row{margin-top:22px;margin-bottom:4px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.prof-name{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;color:#0a0a0a}.prof-meta{font-size:13px;color:#6b7280;margin-bottom:14px}.prof-bio{font-size:13px;color:#374151;line-height:1.65;padding:12px 14px;background:#f9fafb;border-radius:8px;margin-bottom:20px;font-style:italic}.prof-edit-btn{background:none;border:1px solid #e2e5e9;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap}.prof-edit-btn:hover{background:#f9fafb}.prof-tabs{display:flex;border-bottom:1px solid #f1f3f5;margin-bottom:16px}.prof-tab{padding:8px 14px;font-size:13px;cursor:pointer;color:#9ca3af;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.prof-tab.on{color:#0a0a0a;border-bottom-color:#0a0a0a}.prof-tab-c{display:none}.prof-tab-c.on{display:block}.prof-section-title{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.prof-exp-item{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f3f5}.prof-exp-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.prof-exp-dot{width:36px;height:36px;border-radius:8px;background:#f1f3f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px}.prof-exp-body{flex:1}.prof-exp-title{font-size:14px;font-weight:600;color:#111;font-family:Plus Jakarta Sans,sans-serif}.prof-exp-co{font-size:12px;color:#6b7280;margin-top:1px;margin-bottom:6px}.prof-exp-official{font-size:13px;color:#374151;line-height:1.55;margin-bottom:6px}.prof-exp-real{font-size:12px;color:#6b7280;font-style:italic;line-height:1.55;padding:7px 10px;background:#f9fafb;border-radius:6px;border-left:2px solid #e2e5e9}.prof-exp-real-label{font-size:10px;font-weight:600;color:#d1d5db;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:2px}.prof-post-item{padding:10px 0;border-bottom:1px solid #f1f3f5;font-size:13px;color:#374151;line-height:1.6}.prof-post-item:last-child{border-bottom:none}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;font-family:Inter,sans-serif;margin-bottom:14px;padding:0}.back-btn:hover{color:#111}.loading,.empty{text-align:center;padding:40px;color:#9ca3af;font-size:14px}