:root{color-scheme:light;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;--color-bg: #f7f8fa;--color-panel: #ffffff;--color-text: #111111;--color-muted: #737373;--color-line: #e5e5e5;--color-line-strong: #d4d4d8;--color-accent: #111111;--color-danger: #dc2626;--color-link: #0f62fe;--surface-glow: radial-gradient(circle at 50% -20%, rgba(0, 0, 0, .04), transparent 36%);--layout-shell-max-width: 640px;--layout-content-bottom-padding: 110px;--radius-pill: 999px;--radius-card: 16px;--radius-image: 14px;--radius-modal: 22px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 18px;--z-topbar: 20;--z-fab: 35;--z-modal: 50;--z-toast: 60;--motion-fast: .18s ease;--motion-normal: .24s ease}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text)}a{color:inherit}label{font-size:.9rem;display:flex;flex-direction:column;gap:var(--space-2)}input,textarea{width:100%;border:1px solid var(--color-line-strong);border-radius:12px;padding:10px 12px;background:#fff;color:var(--color-text);font:inherit}textarea{resize:vertical}@keyframes fade-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-up{0%{transform:translateY(16px);opacity:.88}to{transform:translateY(0);opacity:1}}.surface-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--surface-glow)}.shell{position:relative;max-width:var(--layout-shell-max-width);margin:0 auto;min-height:100vh;background:var(--color-panel);border-left:1px solid var(--color-line);border-right:1px solid var(--color-line)}.topbar{position:sticky;top:0;z-index:var(--z-topbar);height:58px;padding:0 var(--space-7);border-bottom:1px solid var(--color-line);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{justify-self:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:0}.topbar-spacer{min-width:0}.brand-logo{display:block;width:50px;height:50px;object-fit:contain}.content{padding-bottom:var(--layout-content-bottom-padding)}.page-head{padding:var(--space-8) var(--space-7) var(--space-4);border-bottom:1px solid var(--color-line)}.page-title{margin:0;font-size:1.14rem}.page-subtitle{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:.9rem}.auth-wrap,.profile-wrap{padding:var(--space-7)}.stack{display:flex;flex-direction:column;gap:11px}.inline-row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.profile-btn,.primary-btn,.ghost-btn,.icon-btn,.oauth-btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer}.profile-btn,.primary-btn{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;padding:var(--space-3) var(--space-6)}.profile-btn{justify-self:end}.profile-btn:hover,.primary-btn:hover{filter:brightness(.93)}.profile-icon-btn{width:40px;height:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.profile-icon-svg{width:20px;height:20px}.ghost-btn,.icon-btn,.oauth-btn{border:1px solid var(--color-line-strong);background:#fff;color:var(--color-text);padding:var(--space-3) var(--space-5)}.ghost-btn:hover,.icon-btn:hover,.oauth-btn:hover{background:#f5f5f5}.oauth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-weight:600}.oauth-btn:disabled{cursor:wait;opacity:.7}.oauth-btn-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ea4335,#fbbc05 48%,#34a853,#4285f4);color:#fff;font-size:.9rem;font-weight:700}.oauth-btn-icon--google{background:linear-gradient(135deg,#ea4335,#fbbc05 48%,#34a853,#4285f4)}.oauth-btn-icon--hirevisa{background:linear-gradient(135deg,#16325b,#1f4a8a 52%,#4a78c2)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:.82rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-line)}.card{border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-7);background:#fff}.thread-list{display:flex;flex-direction:column}.thread-card{display:grid;grid-template-columns:44px 1fr;gap:var(--space-4);padding:var(--space-6) var(--space-7);border-bottom:1px solid var(--color-line);animation:fade-slide var(--motion-normal)}.avatar-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:.84rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1f2937,#4b5563)}.thread-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--color-muted);font-size:.8rem}.thread-title{margin:var(--space-2) 0 var(--space-1);font-size:1rem;line-height:1.35}.thread-title-link{display:inline-block;text-decoration:none}.thread-title-link:hover .thread-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.thread-content{margin:0;color:#292929;line-height:1.42;word-break:break-word}.thread-content a,.helper-link a{color:var(--color-link);text-decoration:none}.thread-content a:hover,.helper-link a:hover{text-decoration:underline}.thread-image-strip{margin-top:var(--space-4);display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-1);scrollbar-width:thin}.thread-image-item{display:block;position:relative;flex:0 0 auto;border-radius:var(--radius-image);overflow:hidden;border:1px solid var(--color-line);background:#f2f2f2}.thread-image-strip img{display:block;height:auto;width:auto;max-width:none}.thread-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;min-width:240px;min-height:180px;background:linear-gradient(90deg,#ececec 25%,#f6f6f6 37%,#ececec 63%);background-size:400% 100%;animation:thread-image-shimmer 1.2s ease-in-out infinite}.thread-image-loading{opacity:0}.thread-image-loaded{opacity:1;transition:opacity .18s ease-out}.thread-actions{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3)}.thread-action-btn,.thread-action-link{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#fff;color:var(--color-muted);padding:8px 12px;display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;line-height:1;text-decoration:none;transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast)}.thread-action-btn{font:inherit;cursor:pointer}.thread-action-btn:hover,.thread-action-link:hover{border-color:var(--color-line-strong);background:#fafafa;color:var(--color-text)}.thread-action-btn:disabled{opacity:.64;cursor:wait}.thread-action-btn.active{color:#b42318;border-color:#b4231833;background:#fff4f2}.thread-action-link.static{color:var(--color-text);background:#fafafa}.thread-action-icon{width:18px;height:18px;flex-shrink:0}.thread-action-btn strong,.thread-action-link strong{color:var(--color-text);font-weight:700}@keyframes thread-image-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.feed-status,.empty-state{margin:0;padding:var(--space-6) var(--space-7);color:var(--color-muted);border-bottom:1px solid var(--color-line)}.feed-sentinel{height:1px}.file-picker{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-line-strong);border-radius:12px;padding:7px var(--space-3);background:#fafafa}.file-input-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.file-select-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:#fff;color:var(--color-text);padding:7px var(--space-4);font-size:.82rem;font-weight:600;cursor:pointer}.file-select-btn:hover{background:#f5f5f5}.file-name{min-width:0;flex:1;font-size:.82rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name.selected{color:var(--color-text);font-weight:600}.composer-add-image-btn{width:72px;height:72px;flex-shrink:0;border:1px solid var(--color-line-strong);border-radius:14px;background:linear-gradient(180deg,#fff,#f4f4f5);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}.composer-add-image-btn:hover{border-color:var(--color-text);background:linear-gradient(180deg,#fff,#ededf0);transform:translateY(-1px)}.composer-add-image-btn:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.composer-add-image-icon{width:24px;height:24px}.image-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.image-preview-card{position:relative;width:72px;height:72px;flex:0 0 72px;border-radius:14px;overflow:hidden;border:1px solid var(--color-line);background:#fff}.image-preview-add-item{display:flex;align-items:flex-start}.image-preview-card img{display:block;width:100%;height:100%;object-fit:cover}.image-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border:0;border-radius:999px;background:#141414bf;color:#fff;font-size:.78rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.form-error{margin:0;color:var(--color-danger);min-height:1.2em}.helper-link{font-size:.88rem;color:var(--color-muted)}.upload-status{margin-top:-3px}.upload-status.ready{color:var(--color-text);font-weight:600}.upload-status.error{color:var(--color-danger);font-weight:600}.profile-grid{margin:0 0 var(--space-5);display:grid;grid-template-columns:96px 1fr;row-gap:var(--space-2);column-gap:var(--space-3);font-size:.9rem}.profile-grid dt{margin:0;color:var(--color-muted)}.profile-grid dd{margin:0;word-break:break-word}.profile-layout{gap:var(--space-5)}.profile-summary-card,.profile-form-card{box-shadow:0 8px 22px #0f172a0a}.profile-summary-top{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-5)}.profile-avatar-lg{width:54px;height:54px;font-size:1rem}.profile-name{margin:0;font-size:1.08rem}.profile-email{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:.88rem}.profile-meta-grid{margin-bottom:0;grid-template-columns:110px 1fr}.profile-field{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem;font-weight:600}.profile-checkbox-row{padding:var(--space-2) 0}.profile-upload-row .ghost-btn{min-width:86px}.profile-actions{display:flex;gap:var(--space-3)}.composer-fab{position:fixed;right:var(--space-8);bottom:26px;z-index:var(--z-fab);width:56px;height:56px;border:0;border-radius:50%;font-size:1.9rem;line-height:1;color:#fff;background:#111;box-shadow:0 12px 28px #00000042;cursor:pointer}.composer-fab:hover{transform:translateY(-1px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.modal-panel{position:relative;width:min(640px,100%);max-height:88vh;overflow:auto;border-radius:var(--radius-modal) var(--radius-modal) 0 0;border:1px solid var(--color-line);background:#fff;padding:var(--space-6) var(--space-7) 20px;animation:modal-up var(--motion-normal)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-header h2{margin:0;font-size:1.1rem}.toast{position:fixed;left:50%;bottom:var(--space-7);transform:translate(-50%,var(--space-3));z-index:var(--z-toast);background:#111;color:#fff;border-radius:var(--radius-pill);padding:var(--space-4) var(--space-6);font-size:.88rem;opacity:0;pointer-events:none;transition:all var(--motion-fast)}.toast.show{opacity:1;transform:translate(-50%)}.detail-page{padding:var(--space-7)}.detail-head-row{display:flex;align-items:flex-start;gap:var(--space-4)}.detail-back-btn{flex-shrink:0}.detail-card,.detail-comments-card{box-shadow:0 8px 22px #0f172a0a}.detail-author-row{display:flex;align-items:center;gap:var(--space-4)}.detail-author-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-muted);font-size:.82rem}.detail-post-title{margin:0 0 var(--space-2);font-size:1.2rem;line-height:1.35}.detail-post-content{margin:0}.detail-actions{margin-top:0}.detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail-section-head h2{margin:0;font-size:1.02rem}.detail-section-head span{color:var(--color-muted);font-size:.88rem}.comment-form{gap:var(--space-4)}.comment-field{font-weight:600}.comment-form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.comment-form .helper-link{margin:0}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.comment-item{border-top:1px solid var(--color-line);padding-top:var(--space-4)}.comment-item:first-child{border-top:0;padding-top:0}.comment-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-muted);font-size:.82rem}.comment-body{margin:var(--space-2) 0 0;line-height:1.45;word-break:break-word}.detail-load-more{align-self:flex-start}.detail-empty-state{padding:0;border:0}@media (max-width: 480px){.topbar{height:54px;padding:0 var(--space-5)}.brand-logo{width:46px;height:46px}.profile-btn{width:36px;height:36px}.profile-icon-svg{width:18px;height:18px}.thread-card{grid-template-columns:40px 1fr;gap:var(--space-3);padding:var(--space-5)}.avatar-dot{width:36px;height:36px;font-size:.78rem}.composer-fab{right:var(--space-6);bottom:var(--space-8);width:52px;height:52px}.modal-panel{padding:var(--space-5)}.composer-add-image-btn{width:64px;height:64px;border-radius:14px}.image-preview-card{width:64px;height:64px;flex-basis:64px}.detail-page{padding:var(--space-5)}.detail-head-row,.comment-form-actions{flex-direction:column;align-items:stretch}.comment-form-actions .primary-btn,.comment-form-actions .ghost-btn{width:100%}}@media (max-width: 640px){.profile-actions{flex-direction:column}.profile-actions .ghost-btn,.profile-upload-row .ghost-btn{width:100%}.profile-meta-grid{grid-template-columns:88px 1fr}}