:root{--brand-accent: #0b84ff;--brand-accent-pressed: #0060df;--brand-accent-soft: #e8f2ff;--brand-ink: #1c1c1e;--brand-surface: #e9e9eb;--brand-canvas: #ffffff;--color-bg: var(--brand-canvas);--color-surface: var(--brand-surface);--color-surface-pressed: #dcdce0;--color-backdrop: #f2f2f7;--color-text: var(--brand-ink);--color-text-secondary: #6c6c70;--color-text-tertiary: #aeaeb2;--color-text-on-accent: #ffffff;--color-accent: var(--brand-accent);--color-accent-pressed: var(--brand-accent-pressed);--color-accent-soft: var(--brand-accent-soft);--color-border: #d1d1d6;--color-separator: rgba(60, 60, 67, .18);--color-success: #30b158;--color-warning: #ff9500;--color-danger: #ff3b30;--font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--fs-display: 34px;--fs-title: 28px;--fs-title-sm: 22px;--fs-body: 17px;--fs-callout: 16px;--fs-sub: 15px;--fs-caption: 13px;--fs-input: 17px;--lh-tight: 1.2;--lh-normal: 1.45;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-title: -.02em;--ls-body: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--page-padding: var(--sp-5);--page-max: 480px;--page-max-wide: 1200px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-bubble: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-float: 0 0 2px rgba(0, 0, 0, .06), 0 4px 18px rgba(0, 0, 0, .1);--shadow-frame: 0 0 0 1px rgba(0, 0, 0, .04), 0 8px 40px rgba(0, 0, 0, .08);--tap-min: 44px;--control-h: 52px;--ease-out: cubic-bezier(.32, .72, 0, 1);--dur-fast: .12s;--dur-base: .24s;--pace-min: .9s;--pace-max: 1.6s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3{margin:0;line-height:var(--lh-tight);letter-spacing:var(--ls-title);font-weight:var(--fw-bold)}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:var(--fs-input);color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page{max-width:var(--page-max);margin:0 auto;padding:var(--sp-6) var(--page-padding);min-height:100dvh;display:flex;flex-direction:column}@media(min-width:600px){body{background:var(--color-backdrop)}.page,.chat,.cropper{background:var(--color-bg);box-shadow:var(--shadow-frame)}}.page--with-footer{padding-bottom:calc(var(--control-h) + var(--sp-10))}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.display{font-size:var(--fs-display);white-space:pre-line}.title{font-size:var(--fs-title);white-space:pre-line}.sub{font-size:var(--fs-sub);color:var(--color-text-secondary);margin:0}.caption{font-size:var(--fs-caption);color:var(--color-text-secondary);margin:0}.error{font-size:var(--fs-caption);color:var(--color-danger);margin:0}.back{align-self:flex-start;min-width:var(--tap-min);min-height:var(--tap-min);margin-bottom:var(--sp-2);padding:0;border:none;background:none;color:var(--color-text-secondary);font-size:var(--fs-title);line-height:1;text-align:left}.back:disabled{opacity:.3;pointer-events:none}.progress{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-6)}.progress__seg{flex:1;height:4px;border-radius:var(--radius-pill);background:var(--color-border);transition:background var(--dur-base) var(--ease-out)}.progress__seg--done{background:var(--color-accent)}.bubble{position:relative;max-width:min(264px,85%);padding:7px 13px;border-radius:var(--radius-bubble);font-size:var(--fs-body);line-height:22px;overflow-wrap:anywhere;white-space:pre-line;animation:bubble-in var(--dur-base) var(--ease-out)}.bubble--bot{align-self:flex-start;background:var(--color-surface);color:var(--color-text)}.bubble--user{align-self:flex-end;background:var(--color-accent);color:var(--color-text-on-accent)}.bubble--error{color:var(--color-danger)}.bubble--tail:before,.bubble--tail:after{content:"";position:absolute;bottom:0;height:17px}.bubble--bot.bubble--tail:before,.typing.bubble--tail:before{left:-7px;width:20px;background:var(--color-surface);border-bottom-right-radius:16px 14px}.bubble--bot.bubble--tail:after,.typing.bubble--tail:after{left:-10px;width:10px;background:var(--color-bg);border-bottom-right-radius:10px}.bubble--user.bubble--tail:before{right:-7px;width:20px;background:var(--color-accent);border-bottom-left-radius:16px 14px}.bubble--user.bubble--tail:after{right:-10px;width:10px;background:var(--color-bg);border-bottom-left-radius:10px}@keyframes bubble-in{0%{opacity:0;transform:translateY(var(--sp-2))}}.typing{position:relative;align-self:flex-start;display:flex;gap:4px;align-items:center;height:36px;padding:0 14px;border-radius:var(--radius-bubble);background:var(--color-surface);animation:bubble-in var(--dur-base) var(--ease-out)}.typing span{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-text-tertiary);animation:typing-dot 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.4}30%{opacity:1}}.options{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2)}.option{width:50%;min-height:var(--control-h);padding:0 var(--sp-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--fs-body);text-align:right;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.option[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.input,.textarea,.select{width:100%;min-height:var(--control-h);padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.textarea{min-height:calc(var(--control-h) * 2);resize:vertical}.range{width:100%;min-height:var(--tap-min);accent-color:var(--color-accent)}.dual{position:relative;height:var(--tap-min)}.dual__track,.dual__fill{position:absolute;top:50%;height:4px;border-radius:var(--radius-pill);transform:translateY(-50%)}.dual__track{left:0;right:0;background:var(--color-border)}.dual__fill{background:var(--color-accent)}.dual__input{position:absolute;inset:0;width:100%;margin:0;background:none;appearance:none;-webkit-appearance:none;pointer-events:none}.dual__input:focus-visible{outline:none}.dual__input::-webkit-slider-thumb{pointer-events:auto;appearance:none;-webkit-appearance:none;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-surface);border:2px solid var(--color-accent);box-shadow:var(--shadow-sm);cursor:pointer}.dual__input::-moz-range-thumb{pointer-events:auto;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-surface);border:2px solid var(--color-accent);box-shadow:var(--shadow-sm);cursor:pointer}.dual__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__row{display:flex;align-items:center;gap:var(--sp-3)}.footer{position:fixed;left:0;right:0;bottom:0;max-width:var(--page-max);margin:0 auto;padding:var(--sp-3) var(--page-padding) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--color-bg)}.footer__inner{max-width:var(--page-max);margin:0 auto}.button{width:100%;min-height:var(--control-h);border:none;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--fw-semibold);transition:background var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.button:active{background:var(--color-accent-pressed)}.button:disabled{opacity:.35;pointer-events:none}.button--text{background:none;color:var(--color-accent);min-height:var(--tap-min);font-weight:var(--fw-regular)}.button--text:active{background:none;color:var(--color-accent-pressed)}.chat{max-width:var(--page-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.chat__nav{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:var(--tap-min) 1fr var(--tap-min);align-items:start;padding:calc(var(--sp-4) + env(safe-area-inset-top)) var(--sp-4) var(--sp-5);background:linear-gradient(to bottom,var(--color-bg) 72%,transparent)}.chat__back{grid-column:1;margin-top:10px;width:var(--tap-min);height:var(--tap-min);display:grid;place-items:center;padding:0;border:none;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:var(--shadow-float);color:var(--color-text)}.chat__back:disabled{opacity:.3;pointer-events:none}.chat__who{grid-column:2;display:flex;flex-direction:column;align-items:center}.chat__avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);font-size:30px;font-weight:var(--fw-bold)}.chat__name{margin-top:-6px;padding:5px 10px 5px 12px;border-radius:16px;background:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--fs-sub);font-weight:var(--fw-medium);line-height:20px}.chat__nav .progress{grid-column:1 / -1;justify-content:center;margin:var(--sp-3) 0 0}.chat__nav .progress__seg{flex:0 0 36px;border-radius:2px}.progress__seg--current{background:var(--color-accent);opacity:.4}.chat__log{flex:1;display:flex;flex-direction:column;gap:14px;padding:var(--sp-2) var(--page-padding) var(--sp-4)}.chat__group{display:flex;flex-direction:column;gap:6px}.chat__group--bot{align-items:flex-start}.chat__sender{margin:0 0 -2px var(--sp-3);font-size:var(--fs-caption);line-height:16px;color:var(--color-text-secondary)}.chat__group--user{align-items:flex-end}.chat__media{max-width:100%;animation:bubble-in var(--dur-base) var(--ease-out)}.chat__note{margin:0;font-size:var(--fs-caption);line-height:16px;color:var(--color-text-secondary);text-align:center;white-space:pre-line}.choices{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.choices__caption{margin:0;font-size:var(--fs-caption);color:var(--color-text-secondary)}.choice{width:50%;min-height:var(--tap-min);padding:9px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-accent);font-size:var(--fs-body);line-height:22px;text-align:center;overflow-wrap:anywhere;transition:background var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.choice[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent)}.choice:disabled{opacity:.4;cursor:default}.chat__bottom{position:sticky;bottom:0;z-index:2;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(to top,var(--color-bg) 70%,transparent)}.composer{padding:var(--sp-2) var(--sp-4)}.composer__field{display:flex;align-items:flex-end;gap:var(--sp-2);min-height:40px;padding:5px 5px 5px 16px;border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-float)}.composer__text,.composer__input{flex:1;min-width:0;margin:0;padding:4px 0;border:none;background:none;font-size:var(--fs-input);line-height:22px;color:var(--color-text);overflow-wrap:anywhere}.composer__input:focus{outline:none}.composer__field:focus-within{outline:2px solid var(--color-accent-soft)}.composer__text--empty{color:var(--color-text-tertiary)}.composer__input--multi{max-height:132px;resize:none}.composer__send{--send-size: 30px;position:relative;flex:none;display:grid;place-items:center;width:var(--tap-min);height:var(--tap-min);margin:calc((var(--send-size) - var(--tap-min)) / 2);padding:0;border:none;border-radius:var(--radius-pill);background:none;color:var(--color-text-on-accent)}.composer__send:before{content:"";position:absolute;inset:calc((var(--tap-min) - var(--send-size)) / 2);border-radius:var(--radius-pill);background:var(--color-accent);transition:background var(--dur-fast) var(--ease-out)}.composer__send svg{position:relative}.composer__send:focus-visible{outline-offset:calc((var(--send-size) - var(--tap-min)) / 2)}.composer__send:disabled{pointer-events:none}.composer__send:disabled:before{background:var(--color-text-tertiary)}.tray{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) 36px var(--sp-6)}.tray__readout{margin:0;font-size:var(--fs-title-sm);font-weight:var(--fw-semibold);line-height:32px;text-align:center}.tray__caption{margin:0;font-size:var(--fs-caption);color:var(--color-text-tertiary);text-align:center}.tray--mbti{padding-inline:var(--page-padding)}.tray__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.tray .choice{width:auto}.chat-photo{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1)}.chat-photo__img{display:block;width:168px;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-bubble);background:var(--color-surface)}.chat-photo__grid{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-1);max-width:calc(112px * 2 + var(--sp-1));margin-left:auto}.chat-photo__grid .chat-photo{width:112px}.chat-photo__grid .chat-photo__img{width:100%}.chat-photo__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:var(--sp-2);font-size:var(--fs-caption);line-height:16px;color:var(--color-text-secondary)}.chat-photo__action{min-width:var(--tap-min);min-height:var(--tap-min);padding:0;border:none;background:none;font-size:inherit;color:var(--color-accent)}.link-button{min-width:var(--tap-min);min-height:var(--tap-min);padding:0;border:none;background:none;font-size:var(--fs-caption);color:var(--color-text-secondary);text-decoration:underline}.link-button+.link-button{margin-left:var(--sp-2)}.link-button:disabled,.chat-photo__action:disabled{opacity:.4}.calibration__photo{position:relative;width:min(228px,60vw);aspect-ratio:3 / 4;background:var(--color-surface);border-radius:var(--radius-bubble);overflow:hidden}.calibration__image{display:block;width:100%;height:100%;object-fit:contain}.calibration__message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);text-align:center;overflow:auto}.cropper{position:fixed;inset:0;max-width:var(--page-max);margin:0 auto;z-index:10;overflow-y:auto;background:var(--color-bg)}.cropper__frame{display:block;width:min(100%,320px,52svh);aspect-ratio:3 / 4;align-self:center;background:var(--color-surface);border-radius:var(--radius-md);touch-action:none;cursor:grab}.school-picker__trigger{width:100%;min-height:var(--control-h);padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--fs-body);text-align:left;cursor:pointer}.school-picker__trigger[aria-expanded=true]{border-color:var(--color-accent)}.school-picker__panel{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.school-picker__list{max-height:240px;overflow-y:auto;margin:0;padding:0;list-style:none}.school-picker__option{display:flex;justify-content:space-between;align-items:center;min-height:var(--tap-min);padding:0 var(--sp-3);border-radius:var(--radius-md);cursor:pointer}.school-picker__option--cursor{background:var(--color-surface-pressed)}.school-picker__option[aria-selected=true]{background:var(--color-accent-soft)}.page--wide{max-width:var(--page-max-wide)}.ops .options{flex-direction:row;align-items:stretch}.ops .option{flex:1;width:auto;text-align:center}.ops-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6);align-items:start}.ops-card{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.ops-card__title{font-size:var(--fs-title-sm);margin:0}.ops-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.button--small{width:auto;min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-caption);white-space:nowrap}.button--secondary{background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border)}.button--danger{background:var(--color-danger)}.ops-table{width:100%;border-collapse:collapse;font-size:var(--fs-sub)}.ops-table th,.ops-table td{padding:var(--sp-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.ops-table th{color:var(--color-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.ops-table__detail>td{background:var(--color-bg)}.ops-link{display:flex;gap:var(--sp-2);align-items:center}.ops-link__url{flex:1;min-width:0;min-height:36px;padding:var(--sp-2) var(--sp-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-caption)}.ops-roster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);align-items:start}.ops-roster__text{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sub);line-height:1.6}.ops-diff{margin:0;font-size:var(--fs-sub)}.ops-diff--add{color:var(--color-success)}.ops-diff--remove{color:var(--color-danger)}.ops-diff--stuck,.ops-warning{color:var(--color-warning)}.ops-card .ops-roster{grid-template-columns:minmax(0,1fr)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}