:root{--color-bg:#fff;--color-surface:#fff;--color-bg-secondary:#f8f9fb;--color-bg-tertiary:#f1f3f5;--color-bg-hover:#e9ecef;--color-bg-active:#dee2e6;--color-text-primary:#1a1a2e;--color-text-secondary:#495057;--color-text-tertiary:#868e96;--color-text-placeholder:#adb5bd;--color-border:#e0e3e8;--color-border-light:#f1f3f5;--color-accent:#4263eb;--color-accent-hover:#3b5bdb;--color-accent-light:#edf2ff;--color-accent-text:#fff;--color-important:#f59f00;--color-important-bg:#fff9db;--color-urgent:#e03131;--color-urgent-bg:#ffe3e3;--color-notice:#4263eb;--color-notice-bg:#edf2ff;--color-success:#2f9e44;--color-success-bg:#ebfbee;--topbar-height:56px;--sidebar-width:260px;--content-max-width:720px;--right-panel-width:280px;--font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-body{padding-top:var(--topbar-height);flex:1;display:flex}.app-main{margin-left:var(--sidebar-width);padding:var(--space-xl);min-height:calc(100vh - var(--topbar-height));flex:1}.app-main-centered{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.topbar{height:var(--topbar-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 var(--space-lg);z-index:100;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar__logo{color:var(--color-text-primary);margin-right:var(--space-2xl);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.topbar__nav{gap:var(--space-xs);flex:1;display:flex}.topbar__nav-item{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500;text-decoration:none}.topbar__nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.topbar__nav-item--active{background:var(--color-accent-light);color:var(--color-accent)}.topbar__right{align-items:center;gap:var(--space-sm);display:flex}.topbar__icon-btn{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.topbar__icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar__avatar{border-radius:var(--radius-full);background:var(--color-accent-light);width:32px;height:32px;color:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.sidebar{top:var(--topbar-height);width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-md)0;z-index:90;position:fixed;left:0;overflow-y:auto}.sidebar__section{margin-bottom:var(--space-md)}.sidebar__section-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm)var(--space-lg);margin-bottom:var(--space-xs);font-size:.6875rem;font-weight:600}.sidebar__item{padding:7px var(--space-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-sm);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;text-decoration:none;display:flex}.sidebar__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.sidebar__item--active{background:var(--color-accent-light);color:var(--color-accent);font-weight:500}.sidebar__item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.875rem;display:flex}.sidebar__item-badge{color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-size:.6875rem;font-weight:600}.sidebar__divider{background:var(--color-border-light);height:1px;margin:var(--space-sm)var(--space-lg)}.sidebar__add-btn{border-radius:var(--radius-sm);border:1px dashed var(--color-border);width:22px;height:22px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;margin-left:auto;font-size:.875rem;display:flex}.sidebar__add-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card--clickable{cursor:pointer}.post-card{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.post-card:hover{background:var(--color-bg-secondary)}.post-card:last-child{border-bottom:none}.post-card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.post-card__author-avatar{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:32px;height:32px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.post-card__author-info{flex:1}.post-card__author-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.post-card__meta{color:var(--color-text-tertiary);font-size:.75rem}.post-card__pinned{color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full);padding:2px 8px;font-size:.6875rem;font-weight:500}.post-card__status{border-radius:var(--radius-full);padding:2px 8px;font-size:.6875rem;font-weight:500}.post-card__status--important{color:var(--color-important);background:var(--color-important-bg)}.post-card__status--urgent{color:var(--color-urgent);background:var(--color-urgent-bg)}.post-card__status--notice{color:var(--color-notice);background:var(--color-notice-bg)}.post-card__title{color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:1rem;font-weight:600;line-height:1.4}.post-card__excerpt{color:var(--color-text-secondary);margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card__footer{align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);font-size:.75rem;display:flex}.post-card__footer-item{align-items:center;gap:3px;display:flex}.post-card__bookmark{cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast);background:0 0;border:none;margin-left:auto;font-size:.875rem}.post-card__bookmark--active{color:var(--color-important)}.community-card{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast);color:inherit;text-decoration:none;display:flex}.community-card:hover{background:var(--color-bg-secondary);text-decoration:none}.community-card__icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:40px;height:40px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.community-card__info{flex:1;min-width:0}.community-card__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.community-card__desc{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.community-card__badge{color:var(--color-text-tertiary);flex-shrink:0;font-size:.6875rem}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-sans);border:1px solid #0000;padding:8px 16px;line-height:1.4;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-accent-text)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{background:var(--color-bg);color:var(--color-text-secondary);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{background:var(--color-bg-hover)}.btn--sm{padding:4px 10px;font-size:.8125rem}.btn--full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input::placeholder{color:var(--color-text-placeholder)}.form-input--error{border-color:var(--color-urgent)}.form-error{color:var(--color-urgent);margin-top:var(--space-xs);font-size:.8125rem}.form-textarea{resize:vertical;min-height:180px}.empty-state{padding:var(--space-2xl);text-align:center;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--space-md);opacity:.5;font-size:2.5rem}.empty-state__title{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:1rem;font-weight:500}.empty-state__desc{color:var(--color-text-tertiary);font-size:.875rem}.error-banner{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-urgent-bg);color:var(--color-urgent);margin-bottom:var(--space-lg);font-size:.875rem}.toast{bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;font-size:.875rem;font-weight:500;animation:.3s toast-in;position:fixed}.toast--success{background:var(--color-success);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:var(--space-xl)}.page-header__title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.page-header__desc{color:var(--color-text-tertiary);margin-top:var(--space-xs);font-size:.875rem}.page-header__actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.community-header{margin-bottom:var(--space-xl)}.community-header__cover{background:linear-gradient(135deg,var(--color-accent-light)0%,var(--color-bg-tertiary)100%);border-radius:var(--radius-lg);width:100%;height:160px;margin-bottom:var(--space-md)}.community-header__info{align-items:center;gap:var(--space-md);display:flex}.community-header__icon{border-radius:var(--radius-md);background:var(--color-accent);width:48px;height:48px;color:var(--color-accent-text);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.community-header__name{font-size:1.375rem;font-weight:700}.community-header__meta{color:var(--color-text-tertiary);margin-top:2px;font-size:.8125rem}.post-detail__header{margin-bottom:var(--space-xl)}.post-detail__title{margin-bottom:var(--space-md);font-size:1.5rem;font-weight:700;line-height:1.4}.post-detail__author-row{align-items:center;gap:var(--space-sm);display:flex}.post-detail__body{color:var(--color-text-primary);margin-bottom:var(--space-xl);font-size:.9375rem;line-height:1.8}.post-detail__body h2{margin:var(--space-lg)0 var(--space-md);font-size:1.25rem}.post-detail__body h3{margin:var(--space-md)0 var(--space-sm);font-size:1.0625rem}.post-detail__body table{border-collapse:collapse;width:100%;margin:var(--space-md)0}.post-detail__body th,.post-detail__body td{padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border);text-align:left;font-size:.875rem}.post-detail__body th{background:var(--color-bg-secondary);font-weight:600}.post-detail__attachments{border-top:1px solid var(--color-border-light);padding-top:var(--space-md);margin-bottom:var(--space-xl)}.post-detail__attachment-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-accent);cursor:pointer;font-size:.875rem;display:flex}.post-detail__reactions{align-items:center;gap:var(--space-lg);padding:var(--space-md)0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-xl);color:var(--color-text-secondary);font-size:.875rem;display:flex}.post-detail__reactions span{align-items:center;gap:var(--space-xs);display:flex}.comments__header{margin-bottom:var(--space-md);font-size:.9375rem;font-weight:600}.comment-item{gap:var(--space-sm);padding:var(--space-md)0;border-bottom:1px solid var(--color-border-light);display:flex}.comment-item:last-child{border-bottom:none}.comment-item__avatar{border-radius:var(--radius-full);background:var(--color-bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.625rem;font-weight:600;display:flex}.comment-item__content{flex:1}.comment-item__author{font-size:.8125rem;font-weight:500}.comment-item__time{color:var(--color-text-tertiary);margin-left:var(--space-sm);font-size:.75rem}.comment-item__body{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.875rem;line-height:1.5}.login-page{background:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-2xl);box-shadow:var(--shadow-md)}.login-box__title{text-align:center;margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:700}.login-box__subtitle{color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-xl);font-size:.875rem}.settings-layout{gap:var(--space-xl);display:flex}.settings-sidebar{flex-shrink:0;width:200px}.settings-sidebar__item{width:100%;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;margin-bottom:2px;padding:8px 12px;font-size:.875rem;text-decoration:none;display:block}.settings-sidebar__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.settings-sidebar__item--active{background:var(--color-accent-light);color:var(--color-accent);font-weight:500}.settings-content{flex:1;max-width:560px}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--color-text-tertiary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.search-bar{margin-bottom:var(--space-lg);position:relative}.search-bar__input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);font-size:.875rem;font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:10px 14px 10px 38px}.search-bar__input:focus{background:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.search-bar__icon{color:var(--color-text-placeholder);font-size:.875rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.badge{border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.badge--accent{background:var(--color-accent-light);color:var(--color-accent)}.knowledge-card{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.knowledge-card:hover{background:var(--color-bg-secondary)}.knowledge-card:last-child{border-bottom:none}.knowledge-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.knowledge-card__title{color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.4}.knowledge-card__excerpt{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.5}.knowledge-card__footer{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.knowledge-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.knowledge-card__tag{border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);padding:2px 8px;font-size:.75rem;font-weight:500}.knowledge-card__meta{align-items:center;gap:var(--space-xs);color:var(--color-text-tertiary);font-size:.75rem;display:flex}.repo-item{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast);display:flex}.repo-item:hover{background:var(--color-bg-secondary)}.repo-item:last-child{border-bottom:none}.repo-item__icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.repo-item__name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}