.wds-btn{appearance:none;border:0;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border-radius:var(--radius-btn-md);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.wds-btn--sm{height:32px;padding:0 12px;font-size:13px}.wds-btn--md{height:40px;padding:0 16px;font-size:14px}.wds-btn--lg{height:48px;padding:0 22px;font-size:16px;border-radius:var(--radius-12)}.wds-btn--full{width:100%}.wds-btn--solid{background:var(--blue-800);color:#fff}.wds-btn--solid:hover:not(:disabled){background:var(--blue-900)}.wds-btn--assistive{background:var(--bg-muted);color:var(--fg-default)}.wds-btn--assistive:hover:not(:disabled){background:var(--neutral-200)}.wds-btn--outlined{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--fg-default)}.wds-btn--outlined:hover:not(:disabled){background:var(--bg-subtle)}.wds-btn--text{background:transparent;color:var(--fg-secondary);padding:0 4px;height:auto}.wds-btn--text:hover:not(:disabled){color:var(--fg-strong)}.wds-btn:disabled{cursor:not-allowed;background:var(--neutral-100);color:var(--neutral-400);border-color:transparent}.wds-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;flex-shrink:0}.wds-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.wds-badge--brand{background:var(--bg-brand-subtle);color:var(--blue-800)}.wds-badge--success{background:var(--bg-success-subtle);color:var(--green-600)}.wds-badge--danger{background:var(--bg-danger-subtle);color:var(--red-600)}.wds-badge--neutral{background:var(--bg-muted);color:var(--fg-secondary)}.wds-badge--solid{background:var(--blue-800);color:#fff}.wds-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-8);background:var(--bg-muted);color:var(--fg-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0}.wds-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-16);padding:22px}.wds-progress{width:100%;height:8px;border-radius:var(--radius-full);background:var(--neutral-100);overflow:hidden}.wds-progress__fill{height:100%;border-radius:var(--radius-full);background:var(--blue-800);transition:width .3s ease}.wds-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0d101780;display:flex;align-items:center;justify-content:center;padding:24px}.wds-modal{width:100%;max-width:420px;background:var(--bg-surface);border-radius:var(--radius-16);box-shadow:var(--shadow-pop);padding:26px 24px 24px}.wds-modal__title{margin:0 0 12px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--fg-strong)}.wds-modal__body{font-family:var(--font-sans);font-size:14.5px;font-weight:500;line-height:1.6;color:var(--fg-default)}.wds-modal__actions{display:flex;gap:8px;margin-top:24px}.wds-modal__actions>*{flex:1}.wds-input-wrap{position:relative;width:100%}.wds-input{width:100%;height:48px;border:1px solid var(--border-default);border-radius:var(--radius-12);background:var(--bg-surface);padding:0 14px;font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--fg-strong);outline:none;transition:border-color .12s ease}.wds-input::placeholder{color:var(--fg-tertiary);font-weight:500}.wds-input:focus{border-color:var(--blue-800)}.wds-input:disabled{background:var(--bg-subtle);color:var(--fg-tertiary);cursor:not-allowed}.wds-input-wrap--trailing .wds-input{padding-right:42px}.wds-input__trailing{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--fg-tertiary);display:inline-flex}.wds-switch{appearance:none;border:0;margin:0;width:46px;height:28px;padding:3px;border-radius:var(--radius-full);background:var(--neutral-200);cursor:pointer;flex-shrink:0;transition:background-color .15s ease}.wds-switch__knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182833;transition:transform .15s ease}.wds-switch--on{background:var(--blue-800)}.wds-switch--on .wds-switch__knob{transform:translate(18px)}.wds-toast{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:var(--radius-12);background:var(--neutral-900);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:500;box-shadow:var(--shadow-pop);white-space:nowrap}.wds-toast__icon{display:inline-flex;color:#ffffffbf;flex-shrink:0}.wds-toast--success .wds-toast__icon{color:#4ade80}.wds-chip{appearance:none;margin:0;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--fg-secondary);cursor:pointer;white-space:nowrap;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.wds-chip:hover{border-color:var(--border-strong)}.wds-chip--selected{border-color:var(--blue-800);background:var(--bg-brand-subtle);color:var(--blue-800)}.wds-iconbtn{appearance:none;border:0;margin:0;position:relative;width:40px;height:40px;border-radius:var(--radius-full);background:transparent;color:var(--fg-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease}.wds-iconbtn:hover{background:var(--bg-subtle)}.wds-iconbtn__notif{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red-600);box-shadow:0 0 0 2px var(--bg-surface)}.wds-avatar{border-radius:var(--radius-full);background:var(--bg-muted);color:var(--fg-secondary);font-family:var(--font-sans);font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}:root{--blue-50: #eef4ff;--blue-100: #d9e8ff;--blue-400: #5b9bff;--blue-700: #0054d1;--blue-800: #0066ff;--blue-900: #0047b3;--blue-925: #003c96;--neutral-50: #f9fafb;--neutral-100: #f2f4f6;--neutral-200: #e5e8eb;--neutral-300: #d1d6db;--neutral-400: #b0b8c1;--neutral-500: #8b95a1;--neutral-600: #6b7684;--neutral-700: #4e5968;--neutral-800: #333d4b;--neutral-900: #191f28;--neutral-925: #202632;--neutral-950: #171c26;--neutral-960: #12161e;--neutral-970: #0d1017;--green-600: #16a34a;--red-600: #ef4444;--red-700: #dc2626;--bg-canvas: #ffffff;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-subtle: var(--neutral-50);--bg-muted: var(--neutral-100);--bg-inverse: var(--neutral-900);--bg-inverse-subtle: rgba(255, 255, 255, .08);--bg-brand-subtle: var(--blue-50);--bg-success-subtle: #e8f7ee;--bg-danger-subtle: #fdeeee;--fg-strong: var(--neutral-900);--fg-default: var(--neutral-800);--fg-secondary: var(--neutral-600);--fg-tertiary: var(--neutral-500);--fg-link: var(--blue-800);--fg-inverse: #e6e8ea;--border-subtle: #eceef1;--border-default: #dfe3e8;--border-strong: #c4ccd4;--border-inverse: rgba(255, 255, 255, .14);--border-inverse-strong: rgba(255, 255, 255, .18);--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-full: 999px;--radius-btn-md: 10px;--shadow-2: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 8px rgba(16, 24, 40, .04);--shadow-4: 0 4px 12px rgba(16, 24, 40, .08);--shadow-pop: 0 12px 32px rgba(16, 24, 40, .14), 0 2px 8px rgba(16, 24, 40, .08);--gradient-hero: linear-gradient(128deg, #0a1836 0%, #0c2f7c 46%, #0066ff 100%);--font-display: "Wanted Sans Variable", "Wanted Sans", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-canvas);font-family:var(--font-sans);color:var(--fg-default);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--fg-link);text-decoration:none;transition:color .12s ease}a:hover{color:var(--blue-700)}.linkbtn{appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.navlink{transition:color .12s ease}.navlink:hover{color:var(--fg-strong)}.consent-all{width:100%;display:flex;align-items:center;gap:12px;padding:18px;margin-top:24px;border:1px solid var(--blue-800);border-radius:var(--radius-12);background:var(--bg-brand-subtle);cursor:pointer;transition:background .12s ease}.consent-all:hover{background:var(--blue-100)}.report-row{width:100%;display:flex;align-items:center;gap:18px;padding:18px 22px;background:transparent;cursor:pointer;transition:background-color .12s ease}.report-row:hover{background:var(--bg-subtle)}.hbb-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-12);overflow:hidden}.hbb-table th{text-align:left;font-size:13px;font-weight:600;color:var(--fg-secondary);padding:14px 16px;border-bottom:1px solid var(--border-default);white-space:nowrap}.hbb-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--fg-default);font-size:14px;font-weight:500}.hbb-table tbody tr:last-child td{border-bottom:0}.hbb-table__row{cursor:pointer;transition:background-color .12s ease}.hbb-table-note{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--fg-tertiary);padding:18px 4px;margin:0}.hbb-table__row:hover{background:var(--bg-subtle)}.ib-sm{width:30px;height:30px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease}.ib-sm:hover{background:var(--bg-muted)}.notif-row{transition:background-color .12s ease}.notif-row:hover{filter:brightness(.97)}.notif-foot:hover{background:var(--bg-subtle)}.profile-chip{transition:background-color .12s ease}.profile-chip:hover{background:var(--bg-subtle)}.menu-item{transition:background-color .12s ease}.menu-item:hover{background:var(--bg-subtle)}.menu-item--danger:hover{background:var(--bg-danger-subtle)}.time-opt{flex:1;text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-12);padding:18px;cursor:pointer;background:var(--bg-surface);position:relative;font:inherit;transition:border-color .12s ease,background .12s ease}.time-opt:hover{border-color:var(--border-strong)}.time-opt--on{border-color:var(--blue-800);background:var(--bg-brand-subtle);box-shadow:inset 0 0 0 1px var(--blue-800)}.time-opt__badge{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;background:var(--blue-800);color:#fff;display:inline-flex;align-items:center;justify-content:center}.time-opt--locked{opacity:.55;cursor:not-allowed;background:var(--bg-subtle)}.time-opt--locked:hover{border-color:var(--border-default)}.dark-btn{height:44px;padding:0 18px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.28);background:#ffffff0f;color:#f2f3f4;font-family:var(--font-sans);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .12s ease}.dark-btn:hover{background:#ffffff24}.dark-btn--round{width:46px;padding:0;justify-content:center}@media(prefers-reduced-motion:no-preference){.status-spin{animation:statusSpin .9s linear infinite}}@keyframes statusSpin{to{transform:rotate(360deg)}}@keyframes hbb-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.listen-ring{position:absolute;inset:-16px;border:1px solid rgba(91,155,255,.4);border-radius:24px}@media(prefers-reduced-motion:no-preference){.listen-ring{animation:listenPulse 2.6s ease-in-out infinite}}@keyframes listenPulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.02);opacity:.8}}.notice-toast{animation:notice-toast-in .18s ease}@keyframes notice-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}