:root{--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f2f4f6;--gray-200: #e5e8eb;--gray-600: #667180;--gray-700: #5b6573;--gray-900: #191f28;--black: #000000;--slate-900: #0f1420;--slate-800: #141a28;--slate-750: #1a2130;--slate-700: #1d2a44;--slate-650: #212a3d;--slate-600: #2a3345;--slate-500: #5c6878;--slate-400: #7e8aa0;--slate-300: #8fa0b8;--slate-200: #9aa5b5;--slate-150: #b7c0cd;--slate-100: #dfe5ee;--blue-50: #e8f3ff;--blue-300: #8fb4ff;--blue-600: #1b64da;--user-color-1: #3182f6;--user-color-2: #7048e8;--user-color-3: #0ca678;--user-color-4: #f59f00;--user-color-5: #e64980;--user-color-6: #495057;--red-50: #fdedee;--red-600: #cc2b3d;--green-50: #e6f6ee;--green-600: #0e7a45;--amber-50: #fff4e5;--amber-500: #ff9500;--amber-800: #8f5500;--amber-900: #8a5a00;--alpha-dim: rgba(25, 31, 40, .55);--alpha-overlay: rgba(20, 25, 35, .94);--color-bg: #f2f4f6;--color-surface: #ffffff;--color-surface-sub: #f9fafb;--color-line: #e5e8eb;--color-text: #191f28;--color-text-sub: #5b6573;--color-text-weak: #667180;--color-text-inverse: #ffffff;--color-primary: #1b64da;--color-primary-weak: #e8f3ff;--color-danger: #cc2b3d;--color-danger-weak: #fdedee;--color-success: #0e7a45;--color-success-weak: #e6f6ee;--color-warn: #ff9500;--color-warn-text: #8f5500;--color-warn-weak: #fff4e5;--color-warn-text-strong: #8a5a00;--color-bg-dark: #0f1420;--color-surface-dark: #1a2130;--color-surface-sub-dark: #141a28;--color-surface-hover-dark: #212a3d;--color-surface-active-dark: #1d2a44;--color-line-dark: #2a3345;--color-text-dark: #dfe5ee;--color-text-sub-dark: #b7c0cd;--color-text-tagline: #9aa5b5;--color-text-weak-dark: #8fa0b8;--color-text-label-dark: #7e8aa0;--color-text-muted-dark: #5c6878;--color-primary-dark: #8fb4ff;--color-dim: rgba(25, 31, 40, .55);--color-overlay: rgba(20, 25, 35, .94);--color-black: #000000;--color-white: #ffffff;--font-family: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--leading-tight: 1.3;--leading-base: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06);--shadow-sheet: 0 -8px 24px rgba(0, 0, 0, .12);--shadow-banner: 0 4px 16px rgba(0, 0, 0, .16);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-base: .25s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);background:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}.layout{display:flex;gap:48px;justify-content:center;align-items:center;min-height:100%;padding:0 24px}.layout__side{width:440px;color:var(--color-text-dark);padding-top:8px}.layout__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-inverse)}.layout__tagline{margin-top:var(--space-2);font-size:var(--text-md);color:var(--color-text-tagline);line-height:1.5}.layout__how{margin:var(--space-5) 0;padding-left:20px;display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-sub-dark);line-height:1.55}.layout__how b{color:var(--color-text-inverse)}.layout__how small{margin-top:2px;font-size:var(--text-sm);color:var(--color-text-weak-dark);line-height:var(--leading-base)}.layout__stage{position:relative}@media (max-width: 900px){.layout{flex-direction:column;align-items:center;gap:24px;padding:16px}.layout__side{width:100%;max-width:420px}}.judge{background:var(--color-surface-dark);border:1px solid var(--color-line-dark);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-4)}.judge__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-label-dark);letter-spacing:.4px}.judge__row{display:grid;gap:var(--space-2)}.judge__avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.judge__member{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-out)}.judge__member:hover{background:var(--color-surface-hover-dark)}.judge__member--active{border-color:var(--color-primary);background:var(--color-surface-active-dark)}.judge__membername{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse)}.judge__memberdesc{font-size:var(--text-xs);color:var(--color-text-weak-dark)}.judge__row--time{grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-3)}.judge__stages{display:flex;gap:var(--space-1)}.judge__stage{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted-dark);padding:4px 8px;border-radius:var(--radius-full);background:var(--color-surface-sub-dark)}.judge__stage--past{color:var(--color-text-weak-dark)}.judge__stage--now{background:var(--color-primary);color:var(--color-text-inverse)}.judge__advance{background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:8px 16px;border-radius:var(--radius-md);transition:opacity var(--duration-fast) var(--ease-out)}.judge__advance:disabled{opacity:.35;cursor:default}.judge__reset{color:var(--color-text-weak-dark);font-size:var(--text-sm);padding:8px}.judge__reset:hover{color:var(--color-text-inverse)}.judge__desc{font-size:var(--text-sm);color:var(--color-text-sub-dark);line-height:1.5}.judge__desc b{color:var(--color-text-inverse)}.judge__principle{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-label-dark)}.phone{width:402px;height:874px;background:var(--color-bg);border-radius:38px;border:5px solid var(--color-black);overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px #00000059,0 4px 12px #0003}.phone__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:37px;background:var(--color-black);border-radius:var(--radius-full);z-index:30}.chat__header{display:flex;align-items:center;gap:var(--space-3);padding:54px var(--space-4) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-line)}.chat__back{font-size:24px;color:var(--color-text-sub)}.chat__title{flex:1;font-size:var(--text-lg)}.chat__count{color:var(--color-text-weak);margin-left:2px}.chat__settings{color:var(--color-text-sub);display:flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-sm)}.chat__settings:hover{color:var(--color-text)}.chat__scroll{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-4) var(--space-6)}.chat__date{text-align:center;font-size:var(--text-xs);color:var(--color-text-weak);margin-bottom:var(--space-4)}.chat__msg{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);align-items:flex-start}.chat__msg--mine{flex-direction:row-reverse}.chat__msgbody{max-width:82%;display:grid;gap:var(--space-1)}.chat__msg--mine .chat__msgbody{justify-items:end}.chat__msg--system .chat__msgbody{max-width:92%;width:100%}.chat__msg--center{margin:0 var(--space-1) var(--space-4)}.chat__msg--center .bubble{border-radius:var(--radius-lg);border:1px solid var(--color-line)}.chat__name{font-size:var(--text-xs);color:var(--color-text-sub)}.chat__text{background:var(--color-surface);border-radius:4px 16px 16px;padding:10px 14px;font-size:var(--text-md);line-height:1.45;box-shadow:var(--shadow-card)}.chat__text--mine{background:var(--color-primary-weak);border-radius:16px 4px 16px 16px}.chat__input{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4) 28px;background:var(--color-surface);border-top:1px solid var(--color-line);color:var(--color-text-weak);font-size:var(--text-md)}.chat__send{color:var(--color-text-weak)}.push{position:absolute;top:40px;left:12px;right:12px;z-index:40;display:flex;align-items:center;gap:var(--space-2);text-align:left;background:var(--color-overlay);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-banner);animation:pushIn var(--duration-base) var(--ease-out)}@keyframes pushIn{0%{transform:translateY(-16px);opacity:0}}.push__app{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary-dark);flex-shrink:0}.push__text{flex:1;font-size:var(--text-sm);line-height:1.4}.push__cta{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);padding:5px 10px;border-radius:var(--radius-full)}.pinbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-primary-weak);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-line);text-align:left}.pinbar svg{flex-shrink:0}.pinbar__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinbar__cta{font-size:var(--text-xs);color:var(--color-text-sub);flex-shrink:0}.hintbar__badge{font-style:normal;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.6px;background:#8a5a00;color:var(--color-warn-weak);padding:0 var(--space-2);line-height:16px;display:inline-block;border-radius:var(--radius-full);margin-right:var(--space-1)}.hintbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-warn-weak);color:var(--color-warn-text-strong);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);line-height:1.4}.hintbar button{color:var(--color-warn-text-strong);font-size:var(--text-xs);text-decoration:underline;flex-shrink:0}.bubble{background:var(--color-surface);border-radius:4px 16px 16px;padding:var(--space-4);box-shadow:var(--shadow-card);display:grid;gap:var(--space-3)}.bubble__head{display:grid;gap:2px}.bubble__app{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary)}.bubble__title{font-size:var(--text-md);font-weight:var(--weight-bold)}.bubble__subtitle{font-size:var(--text-sm);color:var(--color-text-sub)}.bubble__slots{display:grid;gap:var(--space-3);padding-top:var(--space-1)}.bubble__actions{display:grid;gap:var(--space-2);justify-items:start}.bubble__actions .btn--full{justify-self:stretch}.slotcard{border-radius:var(--radius-md)}.slotcard--hero{background:var(--color-primary-weak);padding:var(--space-4);display:grid;gap:var(--space-1);text-align:center}.slotcard--hero .slotcard__day{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--weight-semibold)}.slotcard--hero .slotcard__main{display:flex;justify-content:center;gap:var(--space-2);align-items:baseline}.slotcard--hero .slotcard__date{font-size:var(--text-lg);font-weight:var(--weight-bold)}.slotcard--hero .slotcard__time{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary)}.slotcard--hero .slotcard__room{font-size:var(--text-sm);color:var(--color-text-sub)}.slotcard--tally{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-sub);border:1px solid var(--color-line);text-align:left;transition:border-color var(--duration-fast) var(--ease-out)}.slotcard--tally:hover{border-color:var(--color-primary)}.slotcard--tally{position:relative;overflow:visible;padding-bottom:calc(24px + var(--space-3))}.slotcard__flag{position:absolute;top:-8px;right:var(--space-3);z-index:1}.slotcard__flag .chip{background:var(--color-surface);box-shadow:var(--shadow-card)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.slotcard__gauge{position:absolute;left:0;right:0;bottom:0;height:24px;background:var(--color-surface);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;pointer-events:none}.slotcard__gauge i{display:block;height:100%;background:var(--color-primary-weak);transition:width var(--duration-base) var(--ease-out)}.slotcard__gaugetext{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-style:normal;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.slotcard__info{display:grid;gap:2px}.slotcard__date{font-size:var(--text-md);font-weight:var(--weight-semibold)}.slotcard__time{font-size:var(--text-sm);color:var(--color-text-sub)}.slotcard__meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.slotcard__count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.slotcard--respond{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-sub);border:1px solid var(--color-line)}.slotcard--preset{border-style:dashed}.slotcard__presetlabel{font-size:var(--text-sm);color:var(--color-warn-text)}.board{background:var(--color-surface-sub);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-sub);display:grid;gap:var(--space-1);cursor:pointer;line-height:1.5}.board:hover{background:var(--color-primary-weak)}.board b{color:var(--color-text);font-weight:var(--weight-semibold)}.board__deadline{font-size:var(--text-sm);color:var(--color-text-weak)}.confirm__people{display:flex;align-items:center;gap:var(--space-2)}.confirm__label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.confirm__avatars{display:flex}.confirm__avatars .avatar{margin-left:-8px;border:2px solid var(--color-surface)}.confirm__avatars .avatar:first-child{margin-left:0}.avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--avatar-bg, var(--user-color-1));color:var(--color-text-inverse);font-weight:var(--weight-semibold);border-radius:var(--radius-full);flex-shrink:0}.avatar--sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar--md{width:40px;height:40px;font-size:var(--text-md)}.avatar--dimmed{opacity:.35}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.btn--md{font-size:var(--text-md);padding:12px 16px}.btn--sm{font-size:var(--text-sm);padding:8px 12px;border-radius:var(--radius-sm)}.btn--full{width:100%}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{filter:brightness(1.06)}.btn--primary:disabled{opacity:.35;cursor:default}.btn--secondary{background:var(--color-primary-weak);color:var(--color-primary)}.btn--danger{background:var(--color-danger-weak);color:var(--color-danger)}.btn--ghost{background:transparent;color:var(--color-text-sub)}.btn--secondary:disabled{opacity:.4;cursor:default}.chip{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:4px 8px;border-radius:var(--radius-full)}.chip--neutral{background:var(--color-surface-sub);color:var(--color-text-sub);border:1px solid var(--color-line)}.chip--primary{background:var(--color-primary-weak);color:var(--color-primary)}.chip--danger{background:var(--color-danger-weak);color:var(--color-danger)}.chip--success{background:var(--color-success-weak);color:var(--color-success)}.chip--warn{background:var(--color-warn-weak);color:var(--color-warn-text)}.seg{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.seg__item{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:8px 12px;color:var(--color-text-weak)}.seg__item--ok{background:var(--color-success-weak);color:var(--color-success);font-weight:var(--weight-semibold)}.seg__item--hard{background:var(--color-danger-weak);color:var(--color-danger);font-weight:var(--weight-semibold)}.seg--disabled{opacity:.5;pointer-events:none}.notice{font-size:var(--text-sm);line-height:1.5;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.notice--neutral{background:var(--color-surface-sub);color:var(--color-text-sub)}.notice--weak{background:transparent;color:var(--color-text-weak);padding:0;font-size:var(--text-sm)}.notice--warn{background:var(--color-warn-weak);color:var(--color-warn-text-strong)}.notice--danger{background:var(--color-danger-weak);color:var(--color-danger)}.notice--success{background:var(--color-success-weak);color:var(--color-success)}.nameflow b{font-weight:var(--weight-semibold)}.sheet__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-dim);z-index:50;display:flex;align-items:flex-end;border-radius:33px}.sheet{width:100%;max-height:86%;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;display:flex;flex-direction:column;animation:sheetUp var(--duration-base) var(--ease-out)}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}}.sheet__grab{width:44px;height:4px;border-radius:var(--radius-full);background:var(--color-line);margin:var(--space-3) auto var(--space-2);flex-shrink:0}.sheet__body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-5) var(--space-5);display:grid;gap:var(--space-6);align-content:start}.sheet__body::-webkit-scrollbar{width:4px}.sheet__body::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:var(--radius-full)}.sheet__body::-webkit-scrollbar-track{background:transparent}.sheet__footer{position:relative;flex-shrink:0;padding:var(--space-3) var(--space-5) var(--space-6);background:var(--color-surface);display:grid;gap:var(--space-2)}.sheet__footer:before{content:"";position:absolute;left:0;right:0;top:-36px;height:36px;background:linear-gradient(to top,var(--color-surface) 25%,transparent);pointer-events:none}.sheet__section{display:grid;gap:var(--space-2)}.sheet__sectiontitle{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-weak);letter-spacing:.6px;margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.sheet__sectiontitle:after{content:"";flex:1;height:1px;background:var(--color-line)}.sheet__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.sheet__slots,.sheet__reasons,.sheet__actions{display:grid;gap:var(--space-2)}.sheet__escalation{display:grid;gap:var(--space-2);background:var(--color-surface-sub);border-radius:var(--radius-md);padding:var(--space-3)}.compose__fields{display:grid;gap:var(--space-3)}.field{display:grid;gap:var(--space-1)}.field__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.field__label{font-size:var(--text-sm);color:var(--color-text-sub);font-weight:var(--weight-medium)}.field__value{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text);background:var(--color-surface-sub);border:1px solid var(--color-line);padding:8px 12px;border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out)}.field__value:hover{border-color:var(--color-primary)}.field__editicon{font-size:var(--text-xs);color:var(--color-text-weak);margin-left:2px}.field__source{font-size:var(--text-xs);color:var(--color-text-weak);line-height:var(--leading-base)}.field__input{font-family:inherit;font-size:var(--text-md);padding:8px 12px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);outline:none;width:100%}.field__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sheet--tall{height:80%;max-height:80%}.matrix{display:grid;gap:var(--space-2)}.matrix__row{display:flex;align-items:center;gap:var(--space-2)}.matrix__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}.matrix__cell{width:64px;text-align:center;font-size:var(--text-sm);padding:8px 0;border-radius:var(--radius-sm);flex-shrink:0}.matrix__cell--head{font-size:var(--text-xs);color:var(--color-text-weak);padding:0}.matrix__cell--ok{background:var(--color-success-weak);color:var(--color-success);font-weight:var(--weight-bold)}.matrix__cell--hard{background:var(--color-danger-weak);color:var(--color-danger);font-weight:var(--weight-bold)}.matrix__cell--none{background:var(--color-surface-sub);color:var(--color-text-weak)}.matrix__row .btn{margin-left:auto}.matrix--table{overflow-x:auto}.matrix--table .matrix__name{width:100px;flex-shrink:0;position:sticky;left:0;background:var(--color-surface);z-index:1}.matrix__name--head{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-weak)}.matrix__nametext{display:flex;align-items:center;gap:var(--space-1)}.matrix__role{font-style:normal;font-size:var(--text-xs);font-weight:var(--weight-bold);width:20px;height:20px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-sub);border:1px solid var(--color-line);color:var(--color-text-weak);flex-shrink:0}.matrix__role--req{background:var(--color-primary-weak);border-color:transparent;color:var(--color-primary)}.matrix--table .matrix__cell{flex:1;min-width:56px}.sheet__escalation .matrix__name{width:auto;flex:1;position:static}