/* Shared by the public introduction, PIN entry, and complete project archive. */
@font-face{font-family:Pretendard;src:url('/public/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Neutral graphite chrome lets the colour in screenshots and video carry the page; --blue holds the vermilion accent. */
:root{--paper:#f6f6f3;--white:#fff;--ink:#18191b;--muted:#5d5e61;--line:#deded9;--blue:#bc421a;--accent-hover:#9c3412;--pale:#f8ece6;--night:#161719;--dark-muted:#c3c4c7;--lime:#ecece8;--teal:#5d5e61;--violet:#5d5e61;--focus:#f0a07e;--radius:6px;--control-radius:4px;--font:Pretendard,-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
html{scrollbar-color:#abaaa8 var(--paper)}
body{font-family:var(--font);background:var(--paper);color:var(--ink)}
button,input,textarea,select{font-family:inherit;caret-color:var(--blue)}
::selection{background:var(--blue);color:#fff}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
:where(.practice-section,.site-footer,.evidence-viewer) :focus-visible{outline-color:var(--focus)}
:where(a,button,input,textarea,summary){transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),transform .25s var(--ease)}
button:disabled{opacity:.5;cursor:not-allowed}
.pin-page{background:var(--paper);color:var(--ink)}
.pin-page main{max-width:480px;padding:30px;background:var(--white);border-radius:var(--radius);box-shadow:0 18px 50px #2625230d}
.pin-page .brand{font-size:20px;margin-bottom:28px;color:var(--ink)}
.pin-page .brand span{color:var(--blue)}
.pin-page h1{font-size:34px;margin-bottom:16px;letter-spacing:-.035em}
.pin-page h1 span{background:none;color:var(--blue)}
.pin-page p{color:var(--muted);margin-bottom:24px}
.pin-page input{font-family:var(--font);color:var(--ink);border-color:#92918f;border-radius:var(--control-radius);background:var(--paper)}
.pin-page input::placeholder{color:var(--muted)}
.pin-page button{font-family:var(--font);background:var(--blue);border-radius:var(--control-radius)}
.pin-page button:hover{background:var(--accent-hover);transform:translateY(-2px)}
.pin-page .hint{margin-bottom:0}
.pin-page footer{margin-top:28px;border-color:var(--line);color:var(--muted)}
.pin-page footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
@media(max-width:450px){.pin-page{padding:20px}.pin-page main{padding:24px}.pin-page h1{font-size:29px}.pin-page .brand{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}