:root{--cf-silver-0:oklch(100% .003 260);--cf-silver-25:oklch(99% .006 260);--cf-silver-50:oklch(97% .012 260);--cf-silver-100:oklch(94% .02 260);--cf-silver-200:oklch(90% .02 260);--cf-silver-300:oklch(85% .025 260);--cf-silver-400:oklch(72% .035 260);--cf-silver-500:oklch(64% .035 260);--cf-silver-600:oklch(53% .027 260);--cf-silver-700:oklch(42% .029 260);--cf-silver-950:oklch(19% .025 260);--cf-blue-50:oklch(94% .03 262);--cf-blue-600:oklch(45% .11 262);--cf-blue-700:oklch(40% .12 262);--cf-blue-800:oklch(35% .12 262);--cf-color-brand-naver:#03c75a;--cf-color-on-brand-naver:var(--cf-silver-950);--cf-color-logo-on-brand-naver:#fff;--cf-color-brand-kakao:#fee500;--cf-color-on-brand-kakao:#191919;--cf-color-bg-canvas:var(--cf-silver-25);--cf-color-bg-surface:var(--cf-silver-0);--cf-color-bg-subtle:var(--cf-silver-50);--cf-color-bg-selected:var(--cf-silver-100);--cf-color-text-primary:var(--cf-silver-950);--cf-color-text-secondary:var(--cf-silver-700);--cf-color-text-tertiary:var(--cf-silver-600);--cf-color-text-on-action:var(--cf-silver-25);--cf-color-border-subtle:var(--cf-silver-200);--cf-color-border-default:var(--cf-silver-300);--cf-color-border-control:var(--cf-silver-500);--cf-color-action-primary:var(--cf-blue-600);--cf-color-action-hover:var(--cf-blue-700);--cf-color-action-active:var(--cf-blue-800);--cf-color-action-subtle:var(--cf-blue-50);--cf-color-focus-ring:var(--cf-blue-600);--cf-color-overlay:oklch(15% .025 260/.42);--cf-color-warning-soft:oklch(96% .04 90);--cf-color-warning-border:oklch(78% .09 85);--cf-color-warning-text:oklch(34% .08 70);--cf-color-error-soft:oklch(96% .025 28);--cf-color-error-border:oklch(74% .1 28);--cf-color-error-text:oklch(34% .13 28);--cf-color-success-soft:oklch(95% .03 155);--cf-color-success-border:oklch(72% .08 155);--cf-color-success-text:oklch(32% .09 155);--cf-space-1:.25rem;--cf-space-2:.5rem;--cf-space-3:.75rem;--cf-space-4:1rem;--cf-space-5:1.25rem;--cf-space-6:1.5rem;--cf-space-8:2rem;--cf-space-10:2.5rem;--cf-space-12:3rem;--cf-space-16:4rem;--cf-radius-sm:.25rem;--cf-radius-md:.5rem;--cf-radius-lg:.75rem;--cf-radius-xl:1rem;--cf-radius-full:9999px;--cf-control-sm:2.25rem;--cf-control-md:2.75rem;--cf-control-lg:3rem;--cf-rule-thin:.0625rem;--cf-rule-focus:.125rem;--cf-sidebar-width:16.5rem;--cf-content-max:100rem;--cf-opacity-disabled:52%;--cf-shadow-modal:0 1.25rem 3rem oklch(15% .025 260/.18);--cf-font-body:"Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--cf-font-display:"Space Grotesk", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--cf-font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--cf-text-caption:.75rem;--cf-text-label:.875rem;--cf-text-body:1rem;--cf-text-body-lg:1.125rem;--cf-text-h4:1.125rem;--cf-text-h3:1.375rem;--cf-text-h2:1.75rem;--cf-text-h1:2.25rem;--cf-text-h1-mobile:1.75rem;--cf-text-display:2.75rem;--cf-duration-fast:.16s;--cf-duration-normal:.24s;--cf-duration-slow:.42s;--cf-ease-standard:cubic-bezier(.65, 0, .35, 1);--cf-layer-toast:500}*,:before,:after{box-sizing:border-box}html,body{min-width:0;margin:0;overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--cf-color-bg-canvas);min-height:100dvh;color:var(--cf-color-text-primary);font-family:var(--cf-font-body);font-size:var(--cf-text-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.625}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{display:block}:focus-visible{outline:var(--cf-rule-focus) solid var(--cf-color-focus-ring);outline-offset:var(--cf-space-1)}.skip-link{z-index:500;inset:var(--cf-space-3) auto auto var(--cf-space-3);padding:var(--cf-space-3) var(--cf-space-4);border-radius:var(--cf-radius-md);background:var(--cf-color-action-primary);color:var(--cf-color-text-on-action);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.auth-shell{min-height:100dvh;padding:max(var(--cf-space-6), env(safe-area-inset-top)) var(--cf-space-4) max(var(--cf-space-6), env(safe-area-inset-bottom));place-items:center;display:grid}.auth-panel{width:min(100%,30rem);padding:var(--cf-space-8);border:var(--cf-rule-thin) solid var(--cf-color-border-default);border-radius:var(--cf-radius-lg);background:var(--cf-color-bg-surface)}.auth-wordmark{min-height:var(--cf-control-md);font-family:var(--cf-font-body);letter-spacing:-.02em;align-items:center;font-weight:700;display:inline-flex}.auth-wordmark span{color:var(--cf-color-action-primary)}.auth-heading{margin-block:var(--cf-space-8) var(--cf-space-6)}.auth-eyebrow{margin:0 0 var(--cf-space-2);color:var(--cf-color-action-primary);font-family:var(--cf-font-mono);font-size:var(--cf-text-caption);letter-spacing:.05em;font-weight:700}.auth-heading h1{font-size:var(--cf-text-h1-mobile);letter-spacing:-.02em;margin:0;line-height:1.28}.auth-heading>p:last-child{margin:var(--cf-space-3) 0 0;color:var(--cf-color-text-secondary)}.error-summary{padding:var(--cf-space-4);border:var(--cf-rule-thin) solid var(--cf-color-error-border);border-radius:var(--cf-radius-md);background:var(--cf-color-error-soft);color:var(--cf-color-error-text);margin-block-end:var(--cf-space-6)}.error-summary ul{margin:var(--cf-space-2) 0 0;padding-inline-start:var(--cf-space-5)}.error-summary a{text-decoration:underline}.social-options{gap:var(--cf-space-3);display:grid}.social-button{min-height:var(--cf-control-lg);padding-inline:var(--cf-space-12);border:var(--cf-rule-thin) solid transparent;border-radius:var(--cf-radius-md);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.social-button svg{width:var(--cf-space-6);height:var(--cf-space-6);position:absolute;inset-inline-start:var(--cf-space-4)}.social-button--naver{background:var(--cf-color-brand-naver);color:var(--cf-color-on-brand-naver)}.social-button--naver svg{color:var(--cf-color-logo-on-brand-naver)}.social-button--kakao{background:var(--cf-color-brand-kakao);color:var(--cf-color-on-brand-kakao)}.social-button--google{border-color:var(--cf-color-border-control);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary)}.social-button:hover{filter:brightness(.96)}.auth-divider{align-items:center;gap:var(--cf-space-3);margin-block:var(--cf-space-5);color:var(--cf-color-text-tertiary);font-size:var(--cf-text-label);display:flex}.auth-divider:before,.auth-divider:after{height:var(--cf-rule-thin);background:var(--cf-color-border-default);content:"";flex:1}.email-disclosure,.auth-secondary{width:100%;min-height:var(--cf-control-lg);border:var(--cf-rule-thin) solid var(--cf-color-border-control);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:flex}.email-disclosure{padding-inline:var(--cf-space-4);justify-content:space-between}.email-disclosure span{color:var(--cf-color-action-primary);font-size:var(--cf-text-h3);line-height:1}.auth-form--disclosed{margin-block-start:var(--cf-space-6)}.social-identity{gap:var(--cf-space-2);padding:var(--cf-space-4);border:var(--cf-rule-thin) solid var(--cf-color-border-default);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-subtle);margin-block-end:var(--cf-space-6);display:grid}.social-identity div{justify-content:space-between;gap:var(--cf-space-4);min-width:0;display:flex}.social-identity span{color:var(--cf-color-text-secondary)}.social-identity strong{overflow-wrap:anywhere;text-align:end;min-width:0}.auth-form{gap:var(--cf-space-5);display:grid}.form-field label{justify-content:space-between;align-items:baseline;gap:var(--cf-space-2);font-size:var(--cf-text-label);margin-block-end:var(--cf-space-2);font-weight:700;display:flex}.form-field label>span:not(.optional){color:var(--cf-color-error-text)}.optional{color:var(--cf-color-text-tertiary);font-size:var(--cf-text-caption);font-weight:500}.form-field input{width:100%;min-width:0;height:var(--cf-control-lg);padding-inline:var(--cf-space-3);border:var(--cf-rule-thin) solid var(--cf-color-border-control);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary)}.form-field input[aria-invalid=true]{border-color:var(--cf-color-error-text)}.form-field input:read-only{border-color:var(--cf-color-border-default);background:var(--cf-color-bg-subtle);color:var(--cf-color-text-secondary)}.password-control{position:relative}.password-control input{padding-inline-end:var(--cf-space-16)}.password-control button{min-width:var(--cf-space-16);border-radius:0 var(--cf-radius-md) var(--cf-radius-md) 0;color:var(--cf-color-action-primary);font-size:var(--cf-text-label);cursor:pointer;background:0 0;border:0;font-weight:700;position:absolute;inset:0 0 0 auto}.field-help,.field-error{margin:var(--cf-space-2) 0 0;font-size:var(--cf-text-label)}.field-help{color:var(--cf-color-text-secondary)}.field-error{color:var(--cf-color-error-text)}.field-error:before{content:"오류 · ";font-weight:700}.auth-submit{min-height:var(--cf-control-lg);border:var(--cf-rule-thin) solid var(--cf-color-action-primary);border-radius:var(--cf-radius-md);background:var(--cf-color-action-primary);color:var(--cf-color-text-on-action);cursor:pointer;font-weight:700}.auth-submit:hover:not(:disabled){background:var(--cf-color-action-hover)}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-switch{margin:var(--cf-space-6) 0 0;color:var(--cf-color-text-secondary);text-align:center}.auth-secondary{margin-block-start:var(--cf-space-4)}.auth-switch a{min-height:var(--cf-control-md);color:var(--cf-color-action-primary);align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@media (width<=23.5rem){.auth-panel{padding:var(--cf-space-6) var(--cf-space-4)}}.hq-notification-center{display:flex;position:relative}.hq-notification-center__trigger{width:var(--cf-control-md);height:var(--cf-control-md);border:var(--cf-rule-thin) solid var(--cf-color-border-default);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-surface);color:var(--cf-color-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.hq-notification-center__trigger svg{width:var(--cf-space-5);height:var(--cf-space-5);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.hq-notification-center__badge{border:var(--cf-rule-thin) solid var(--cf-color-bg-surface);border-radius:var(--cf-radius-full);background:var(--cf-color-error-text);min-width:1.125rem;height:1.125rem;color:var(--cf-color-bg-surface);font-family:var(--cf-font-mono);justify-content:center;align-items:center;padding-inline:.25rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-block-start:-.375rem;inset-inline-end:-.375rem}.hq-notification-center__popover{inset:unset;width:min(24rem, 100vw - 2 * var(--cf-space-4));border:var(--cf-rule-thin) solid var(--cf-color-border-default);border-radius:var(--cf-radius-lg);background:var(--cf-color-bg-surface);max-height:min(32rem,80dvh);box-shadow:var(--cf-shadow-floating);flex-direction:column;margin:0;padding:0;display:flex;position:fixed;overflow:hidden}.hq-notification-center__popover:not(:popover-open){display:none}.hq-notification-center__head{justify-content:space-between;align-items:center;gap:var(--cf-space-3);padding:var(--cf-space-4) var(--cf-space-5);border-block-end:var(--cf-rule-thin) solid var(--cf-color-border-subtle);display:flex}.hq-notification-center__head h2{font-size:var(--cf-text-h4);margin:0}.hq-notification-center__mark-all{min-width:var(--cf-control-md);min-height:var(--cf-control-md);padding-inline:var(--cf-space-3);border:var(--cf-rule-thin) solid var(--cf-color-border-default);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-surface);color:var(--cf-color-action-primary);font-size:var(--cf-text-caption);cursor:pointer;font-weight:700}.hq-notification-center__mark-all:disabled{opacity:var(--cf-opacity-disabled);color:var(--cf-color-text-secondary);cursor:not-allowed}.hq-notification-center__status{padding:var(--cf-space-2) var(--cf-space-5);background:var(--cf-color-warning-soft);color:var(--cf-color-warning-text);font-size:var(--cf-text-caption);margin:0}.hq-notification-center__list{margin:0;padding:0;list-style:none;overflow-y:auto}.hq-notification-center__row{border-block-end:var(--cf-rule-thin) solid var(--cf-color-border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.hq-notification-center__row.is-unread{background:var(--cf-color-action-subtle)}.hq-notification-center__item{width:100%;min-height:var(--cf-control-lg);gap:var(--cf-space-1);padding:var(--cf-space-3) var(--cf-space-5);color:var(--cf-color-text-primary);text-align:start;cursor:pointer;background:0 0;border:none;flex-direction:column;display:flex}.hq-notification-center__row.is-unread .hq-notification-center__item:before{content:"";width:.5rem;height:.5rem;background:var(--cf-color-action-primary);border-radius:50%;margin-inline-end:var(--cf-space-2);display:inline-block}.hq-notification-center__read{min-width:var(--cf-control-md);min-height:var(--cf-control-md);border:var(--cf-rule-thin) solid var(--cf-color-border-default);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-text-caption);cursor:pointer;align-self:center;margin-inline-end:var(--cf-space-4);font-weight:700}.hq-notification-center__item-title{font-size:var(--cf-text-label);font-weight:700}.hq-notification-center__item-message{color:var(--cf-color-text-secondary);font-size:var(--cf-text-caption);overflow-wrap:anywhere}.hq-notification-center__item-time{align-items:center;gap:var(--cf-space-2);color:var(--cf-color-text-tertiary);font-size:var(--cf-text-caption);display:flex}.hq-notification-center__empty{padding:var(--cf-space-8) var(--cf-space-5);color:var(--cf-color-text-secondary);font-size:var(--cf-text-label);text-align:center;margin:0}.hq-notification-center__foot{padding:var(--cf-space-3) var(--cf-space-5);border-block-start:var(--cf-rule-thin) solid var(--cf-color-border-subtle)}.hq-notification-center__all{min-height:var(--cf-control-md);color:var(--cf-color-action-primary);font-size:var(--cf-text-label);text-align:center;justify-content:center;align-items:center;font-weight:700;display:flex}.hq-notification-center__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=30rem){.hq-notification-center__popover{width:calc(100vw - 2 * var(--cf-space-4))}}