: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:flex;align-items:center;justify-content:space-between}.brand{font-size:1.02rem;font-weight:700;text-decoration:none;color:var(--color-text)}.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{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:hover,.primary-btn:hover{filter:brightness(.93)}.ghost-btn,.icon-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{background:#f5f5f5}.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-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-grid{margin-top:var(--space-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.thread-image-grid.single{grid-template-columns:1fr}.thread-image-grid a{display:block;border-radius:var(--radius-image);overflow:hidden;border:1px solid var(--color-line)}.thread-image-grid img{display:block;width:100%}.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}.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-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%)}@media (max-width: 480px){.topbar{height:54px;padding:0 var(--space-5)}.brand{font-size:.98rem}.profile-btn{padding:7px var(--space-5);font-size:.85rem}.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)}}