@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-bg:#f5f6f8;--color-surface:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#777;--color-border:#ebebeb;--color-error:#ff4d4f;--color-disabled:#ccc;--shadow-card:0 1px 6px #0000000f, 0 0 0 1px #0000000a;--font-family:"PretendardVariable", "Pretendard", -apple-system, sans-serif;--font-size-xs:13px;--font-size-sm:15px;--font-size-base:17px;--font-size-lg:20px;--font-size-xl:24px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--radius-tag:4px;--radius-btn:8px;--radius-chip:20px;--max-width:430px;--tab-bar-height:56px;--top-bar-height:52px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--color-bg);flex-direction:column;align-items:center;min-height:100dvh;display:flex}#root{width:100%;max-width:var(--max-width);background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex;position:relative}@media (width>=768px){body{align-items:stretch}#root{background:var(--color-bg);flex-direction:row;max-width:none}.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:220px;min-width:220px;height:100vh;position:sticky;top:0;overflow-y:auto;display:flex!important}.tab-bar{display:none!important}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.page-content{padding-bottom:var(--spacing-lg)!important}.page-footer-btn{width:100%!important;max-width:none!important;position:sticky!important;bottom:0!important;left:auto!important;transform:none!important}.feed-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;display:grid!important}.top-bar{position:sticky;top:0}}.app-sidebar{display:none}@media (width>=768px){.mobile-only{display:none!important}}.btn-primary{background:var(--color-primary);color:#fff;width:100%;height:52px;font-family:var(--font-family);font-size:var(--font-size-base);border-radius:var(--radius-btn);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;font-weight:600;transition:opacity 80ms;display:block}.btn-primary:active{opacity:.8}.btn-primary:disabled{background:var(--color-disabled);cursor:not-allowed}.btn-outline{height:36px;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-sm);border:1.5px solid var(--color-primary);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#fff;justify-content:center;align-items:center;padding:0 14px;font-weight:500;transition:opacity 80ms;display:inline-flex}.btn-outline:active{opacity:.7}.btn-outline:disabled{color:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}.btn-outline.responded{color:var(--color-text-secondary);border-color:var(--color-border);cursor:default}.tag{background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);border-radius:var(--radius-tag);white-space:nowrap;padding:2px 8px;font-weight:600;display:inline-block}.chips{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-chip);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;flex-shrink:0;padding:10px 14px;font-weight:500;transition:all 80ms}.chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cert-chip{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-chip);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;align-items:center;padding:8px 14px;transition:all 80ms;display:inline-flex}.cert-chip.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.input{width:100%;height:52px;padding:0 var(--spacing-md);background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);border:1.5px solid var(--color-border);border-radius:var(--radius-btn);outline:none;transition:border-color .1s}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-secondary)}.top-bar{z-index:10;height:var(--top-bar-height);padding:0 var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-bar-title{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.tab-bar{width:100%;max-width:var(--max-width);height:var(--tab-bar-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:20;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;transition:color 80ms;display:flex;position:relative}.tab-item.active{color:var(--color-primary)}.tab-item.add{color:var(--color-primary);font-size:24px;font-weight:300}.badge{background:var(--color-error);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:calc(50% - 18px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{background:var(--color-border);height:1px;margin:0 var(--spacing-md)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.section{padding:var(--spacing-lg) var(--spacing-md)}.common-contacts{font-size:var(--font-size-xs);color:var(--color-primary);margin-top:4px}.my-post-indicator{background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.toast-container{bottom:calc(var(--tab-bar-height) + 16px);width:calc(100% - 32px);max-width:calc(var(--max-width) - 32px);z-index:100;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.toast{color:#fff;border-radius:var(--radius-btn);font-size:var(--font-size-sm);background:#333;padding:14px 16px;font-weight:500;animation:.15s ease-out toast-in;box-shadow:0 4px 16px #00000026}.toast.error{background:var(--color-error)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-content{padding-bottom:calc(var(--tab-bar-height) + 8px);flex:1;overflow-y:auto}.empty-state{padding:64px var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.empty-state-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.empty-state-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stepper{align-items:center;gap:var(--spacing-md);display:flex}.stepper-btn{border:1.5px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:border-color 80ms;display:flex}.stepper-btn:active{border-color:var(--color-primary)}.stepper-value{font-size:var(--font-size-xl);text-align:center;min-width:32px;font-weight:700}.select{width:100%;height:52px;padding:0 var(--spacing-md);background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);border:1.5px solid var(--color-border);border-radius:var(--radius-btn);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;outline:none}.select:focus{border-color:var(--color-primary)}