:root{--c-bg: #ffffff;--c-surface: #f5f6f8;--c-bg-raised: #eef1f5;--c-border: #7b8490;--c-border-soft: #c4c9d0;--c-text: #111418;--c-text-sub: #3f4650;--c-action: #1a56db;--c-action-text: #ffffff;--c-danger: #b42318;--c-danger-bg: #fdecea;--c-caution: #9a4a00;--c-caution-bg: #fff4e5;--c-check: #1f4f99;--c-check-bg: #eaf1fb;--c-focus: #1a56db;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-btn: 12px;--radius-card: 16px;--radius-inner: 4px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .2s;--dur-base: .3s;--touch-min: 48px;--btn-min: 64px;--fs-body: 1.0625rem;--fs-title: 1.375rem;--fs-verdict: 1.75rem;--fs-small: .875rem;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-text-size-adjust:100%}.mode-parent{--fs-body: 1.875rem;--fs-title: 2.625rem;--fs-verdict: 3.375rem;--fs-small: 1.5rem}.mode-guardian{--fs-body: 1.0625rem;--fs-title: 1.375rem;--fs-verdict: 1.75rem;--fs-small: .875rem}*{box-sizing:border-box}body{margin:0}h1,h2,h3,.screen-title,.verdict-banner__label,.wait-warning{text-wrap:balance}p,li{text-wrap:pretty}body{word-break:keep-all;overflow-wrap:anywhere}main{max-width:32rem;margin:0 auto;padding:var(--sp-4)}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.skip-link{position:absolute;left:var(--sp-2);top:-100px;z-index:10;padding:var(--sp-3) var(--sp-4);background:var(--c-text);color:var(--c-bg);font-weight:700;border-radius:var(--radius-btn);text-decoration:none}.skip-link:focus{top:var(--sp-2)}@media (prefers-contrast: more){:root{--c-border: #111418;--c-text-sub: #111418;--c-surface: #ffffff}}@media (forced-colors: active){.action-btn,.call-btn,.quiz-choice,.misjudge__choice,.demo-list__btn{border:2px solid ButtonText}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tabular{font-variant-numeric:tabular-nums}.verdict-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-card);margin-bottom:var(--sp-6)}.verdict-banner__icon{flex-shrink:0}.verdict-banner__label{font-size:var(--fs-verdict);font-weight:700;line-height:1.2}.verdict-banner__desc{width:100%;margin:var(--sp-2) 0 0;font-size:var(--fs-body)}.verdict--danger{background:var(--c-danger-bg);color:var(--c-danger)}.verdict--caution{background:var(--c-caution-bg);color:var(--c-caution)}.verdict--check{background:var(--c-check-bg);color:var(--c-check)}.action-btn{display:block;width:100%;min-height:64px;padding:var(--sp-4) var(--sp-6);border:2px solid transparent;border-radius:var(--radius-btn);font-size:var(--fs-body);font-weight:700;text-align:center;font-family:inherit;line-height:1.3;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.action-btn+.action-btn{margin-top:var(--sp-3)}.action-btn--primary{background:var(--c-action);color:var(--c-action-text);border-color:var(--c-action)}.action-btn--secondary{background:var(--c-bg);color:var(--c-action);border-color:var(--c-action)}.action-btn--danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.action-btn:hover:not(:disabled){opacity:.9}.action-btn:active:not(:disabled){transform:scale(.98)}.action-btn:disabled{background:var(--c-surface);color:var(--c-text-sub);border:2px dashed var(--c-border);cursor:not-allowed}.call-btn{display:flex;flex-direction:column;gap:var(--sp-1);width:100%;min-height:64px;padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-card);text-decoration:none;color:var(--c-text)}.call-btn+.call-btn{margin-top:var(--sp-3)}.call-btn__name{font-size:var(--fs-small);color:var(--c-text-sub)}.call-btn__number{font-size:var(--fs-title);font-weight:700;color:var(--c-action)}.call-btn__source{font-size:var(--fs-small);color:var(--c-text-sub)}.call-btn{transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.call-btn:hover{background:var(--c-check-bg)}.call-btn:active{transform:scale(.98)}.signal-list{list-style:none;margin:0 0 var(--sp-6);padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.signal-list__item{font-size:var(--fs-body);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border-radius:var(--radius-btn)}.signal-list__item:before{content:"· ";font-weight:700}.limit-notice{font-size:var(--fs-small);color:var(--c-text-sub);border-top:1px solid var(--c-border);padding-top:var(--sp-4);margin-top:var(--sp-6)}.warning-112{font-size:var(--fs-body);font-weight:700;color:var(--c-danger);background:var(--c-danger-bg);border-radius:var(--radius-card);padding:var(--sp-4);margin:var(--sp-4) 0}.no-link-footer{font-size:var(--fs-small);color:var(--c-text-sub);text-align:center;padding:var(--sp-6) var(--sp-4) var(--sp-8)}.screen-title{font-size:var(--fs-title);font-weight:700;margin:0 0 var(--sp-6);color:var(--c-text)}.screen-body{font-size:var(--fs-body);margin:0 0 var(--sp-4);color:var(--c-text)}.screen-actions{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-6)}.demo-badge{display:inline-block;font-size:var(--fs-small);font-weight:700;background:var(--c-caution-bg);color:var(--c-caution);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-btn);margin-bottom:var(--sp-4)}.demo-list{list-style:none;padding:0;margin:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.demo-list__btn{display:block;width:100%;min-height:64px;padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-card);font-size:var(--fs-body);font-family:inherit;color:var(--c-text);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.demo-list__btn:hover{background:var(--c-check-bg);border-color:var(--c-check)}.demo-list__btn:active{transform:scale(.98)}.demo-list__badge{display:block;font-size:var(--fs-small);font-weight:700;margin-bottom:var(--sp-1)}.demo-list__badge--danger{color:var(--c-danger)}.demo-list__badge--caution{color:var(--c-caution)}.demo-list__badge--check{color:var(--c-check)}.p2-danger{background:var(--c-danger-bg)}.action-choice-list{list-style:none;padding:0;margin:var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.help-note{margin-top:var(--sp-4);color:var(--c-text-sub)}.screen--danger{background:var(--c-danger-bg);min-height:100vh}.screen--danger .verdict-banner{background:var(--c-bg)}.verdict-banner__icon{width:1em;height:1em;font-size:var(--fs-verdict)}.contact-list{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-4) 0}.contact-list .call-btn+.call-btn{margin-top:0}.screen-actions .call-btn+.call-btn,.screen-actions .action-btn+.action-btn{margin-top:0}.step-list{border:1px solid var(--c-border);border-radius:var(--radius-card);padding:var(--sp-4);margin:var(--sp-4) 0}.step-list__count{font-size:var(--fs-small);color:var(--c-text-sub);margin:0 0 var(--sp-2)}.step-list__text{font-size:var(--fs-body);font-weight:700;margin:0}.offline-banner{font-size:var(--fs-small);font-weight:700;background:var(--c-caution-bg);color:var(--c-caution);border-radius:var(--radius-btn);padding:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-4)}.demo-message{border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-surface);padding:var(--sp-4);margin:0 0 var(--sp-6)}.demo-message__context{font-size:var(--fs-small);color:var(--c-text-sub);margin:0 0 var(--sp-2)}.demo-message__text{font-size:var(--fs-body);margin:0}.misjudge{border:1px solid var(--c-border);border-radius:var(--radius-card);padding:var(--sp-4);margin:var(--sp-4) 0}.misjudge__q{font-size:var(--fs-body);font-weight:700;margin:0 0 var(--sp-3)}.misjudge__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-3)}.misjudge__choice{width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-btn);font-size:var(--fs-small);font-family:inherit;color:var(--c-text);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.misjudge__choice:active{transform:scale(.98)}.misjudge__done{font-size:var(--fs-small);color:var(--c-text-sub);margin:var(--sp-4) 0}.skeleton{display:flex;flex-direction:column;gap:var(--sp-4)}.skeleton__block{height:3rem;border-radius:var(--radius-btn);background:var(--c-surface);border:1px solid var(--c-border)}.skeleton__block--banner{height:6rem;border-radius:var(--radius-card)}.skeleton__block--button{height:64px}.wait-warning{font-size:var(--fs-title);font-weight:700;line-height:1.35;color:var(--c-danger);background:var(--c-danger-bg);border-radius:var(--radius-card);padding:var(--sp-4);margin:0 0 var(--sp-6)}.wait-status{color:var(--c-text-sub)}.wait-dots{display:inline-flex;gap:.25em;margin-left:.4em;vertical-align:middle}.wait-dots i{width:.35em;height:.35em;border-radius:50%;background:currentColor;animation:wait-dot 1.2s infinite var(--ease-out)}.wait-dots i:nth-child(2){animation-delay:.2s}.wait-dots i:nth-child(3){animation-delay:.4s}@keyframes wait-dot{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion: reduce){.wait-dots i{animation:none;opacity:.6}}.dev-note{font-size:var(--fs-small);color:var(--c-text-sub);border:1px dashed var(--c-border);border-radius:var(--radius-btn);padding:var(--sp-3);margin-top:var(--sp-6)}.verdict-row{position:relative}.speak-btn{display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-4);min-height:44px;border:1.5px solid var(--c-border);border-radius:var(--radius-btn);background:transparent;color:var(--c-text-sub);font-size:var(--fs-small);font-family:inherit;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out)}.speak-btn:hover{background:var(--c-bg-raised)}.speak-btn:focus-visible{outline:3px solid var(--c-action);outline-offset:2px}.speak-btn[aria-pressed=true]{color:var(--c-action);border-color:var(--c-action)}.input-textarea-label{display:block;font-weight:700;margin-bottom:var(--sp-2)}.input-textarea{display:block;width:100%;padding:var(--sp-3);border:2px solid var(--c-border);border-radius:var(--radius-btn);font-size:var(--fs-body);font-family:inherit;line-height:1.6;resize:vertical;background:var(--c-bg);color:var(--c-text);transition:border-color var(--dur-fast) var(--ease-out)}.input-textarea:focus{border-color:var(--c-action)}.input-textarea:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.input-textarea:disabled{background:var(--c-surface);border-style:dashed;color:var(--c-text);cursor:not-allowed}.input-count{font-size:var(--fs-small);color:var(--c-text-sub);text-align:right;margin:var(--sp-1) 0 var(--sp-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-link{display:inline-flex;align-items:center;min-height:var(--touch-min);padding:var(--sp-2) 0;background:none;border:0;font-family:inherit;font-size:var(--fs-small);color:var(--c-action);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.text-link:hover{text-decoration-thickness:2px}.home-settings{text-align:right;margin-top:var(--sp-4)}.settings-section{border:1px solid var(--c-border);border-radius:var(--radius-card);padding:var(--sp-4);margin-bottom:var(--sp-6)}.settings-section__title{font-size:var(--fs-body);font-weight:700;margin:0 0 var(--sp-3)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.settings-toggle-label{font-size:var(--fs-body);font-weight:700}.settings-toggle{position:relative;width:88px;min-height:48px;border:2px solid var(--c-border);border-radius:999px;background:var(--c-surface);cursor:pointer;flex-shrink:0}.settings-toggle__thumb{position:absolute;top:4px;left:4px;width:36px;height:36px;border-radius:50%;background:var(--c-text-sub);transition:transform var(--dur-fast) var(--ease-out)}.settings-toggle--on{background:var(--c-action);border-color:var(--c-action)}.settings-toggle--on .settings-toggle__thumb{transform:translate(40px);background:var(--c-action-text)}@media (prefers-reduced-motion: reduce){.settings-toggle__thumb{transition:none}}.settings-note{color:var(--c-text-sub);font-size:var(--fs-small);margin-top:var(--sp-4)}.settings-list{margin:0 0 var(--sp-3);padding-left:1.4em;line-height:1.7}.settings-list li+li{margin-top:var(--sp-2)}.input-passphrase-warning{margin:0 0 var(--sp-2);font-size:var(--fs-small);font-weight:700;color:var(--c-caution)}.contact-card{display:flex;flex-direction:column;gap:var(--sp-2)}.normal-note-card{margin:0;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-btn);background:var(--c-surface);font-size:var(--fs-small);line-height:1.6}.normal-note-card__label{display:block;font-weight:700;margin-bottom:var(--sp-1)}.dashboard-empty{color:var(--c-text-sub)}.dashboard-list{list-style:none;padding:0;margin:0 0 var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.dashboard-card{border:1px solid var(--c-border);border-radius:var(--radius-card);padding:var(--sp-4)}.dashboard-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.dashboard-card__time{font-size:var(--fs-small);color:var(--c-text-sub)}.dashboard-card__meta{font-size:var(--fs-small);color:var(--c-text-sub);margin-bottom:var(--sp-2)}.dashboard-card__answer{font-size:var(--fs-small);color:var(--c-action);margin:0;font-weight:700}.dashboard-card__pending{display:inline-block;font-size:var(--fs-small);font-weight:700;color:var(--c-caution);text-decoration:underline}.dashboard-card__pending:focus-visible{outline:3px solid var(--c-action);outline-offset:2px}.practice-badge{display:inline-block;margin:0 0 var(--sp-3);padding:var(--sp-1) var(--sp-3);border:2px solid var(--c-check);border-radius:999px;background:var(--c-check-bg);color:var(--c-check);font-size:var(--fs-small);font-weight:700}.quiz-progress{font-size:var(--fs-small);color:var(--c-text-sub);margin:0 0 var(--sp-2)}.quiz-message{margin:0 0 var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-surface);font-size:var(--fs-body);line-height:1.6}.quiz-choice{display:block;width:100%;min-height:64px;padding:var(--sp-3) var(--sp-4);border:2px solid var(--c-border);border-radius:var(--radius-btn);background:var(--c-bg);color:var(--c-text);font-size:var(--fs-body);font-family:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.quiz-choice+.quiz-choice{margin-top:var(--sp-3)}.quiz-choice:active{transform:scale(.98)}.quiz-choice:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.quiz-choice--selected{border:3px solid var(--c-action);background:var(--c-check-bg);font-weight:700}.quiz-result-label{font-size:var(--fs-body);font-weight:700;margin:var(--sp-3) 0}.quiz-result-label--correct{color:var(--c-action)}.quiz-result-label--wrong{color:var(--c-danger)}.quiz-score{font-size:var(--fs-body)}.guardian-head{font-size:var(--fs-small);color:var(--c-text-sub);margin:0 0 var(--sp-3)}.confirm-box{border:2px solid var(--c-caution);background:var(--c-caution-bg);border-radius:var(--radius-card);padding:var(--sp-4)}a.action-btn{text-decoration:none}.top-nav{position:sticky;top:0;z-index:20;background:var(--c-bg);border-bottom:2px solid var(--c-border)}.top-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);max-width:32rem;margin:0 auto;padding:var(--sp-2) var(--sp-4)}.top-nav__home,.top-nav__toggle{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--btn-min);padding:var(--sp-2) var(--sp-4);border:2px solid var(--c-action);border-radius:var(--radius-btn);background:var(--c-bg);color:var(--c-action);font-family:inherit;font-size:var(--fs-small);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.top-nav__home[aria-current=page]{border-color:transparent;color:var(--c-text);padding-left:0}.top-nav__home:active,.top-nav__toggle:active{transform:scale(.98)}.top-nav__home:not([aria-current=page]):hover,.top-nav__toggle:hover{background:var(--c-check-bg)}.top-nav--open .top-nav__toggle{background:var(--c-action);color:var(--c-action-text)}.top-nav__icon{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:1em;height:1em}.top-nav__icon i{display:block;height:3px;border-radius:2px;background:currentColor;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.top-nav--open .top-nav__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}.top-nav--open .top-nav__icon i:nth-child(2){opacity:0}.top-nav--open .top-nav__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.top-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#1114188c}.top-nav__panel{max-width:32rem;max-height:calc(100vh - 96px);overflow-y:auto;margin:0 auto;padding:var(--sp-4);background:var(--c-bg);border-bottom:2px solid var(--c-border)}.top-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.top-nav__link[aria-current=page]{border-width:4px}.top-nav__link[aria-current=page]:after{content:" (지금 화면)";font-weight:400}@media (prefers-reduced-motion: no-preference){.top-nav__panel{animation:top-nav-in var(--dur-base) var(--ease-out)}}@keyframes top-nav-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#main{scroll-margin-top:96px}@media print{.top-nav{display:none}}