/* 첫 진입 스플래시 — A안 '문서 스캔' (2026-11-04 사용자 선택, 시안: 디자인/스플래시-시안/)
   흐린 워드마크 위를 세로 스캔선 + 형광펜 띠가 지나가며 먹색으로 인식, 아래 문서 줄 3개.
   0.95초 재생 + 0.25초 페이드. 띄울지·언제 걷을지는 splash.js */
#splash{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--paper);color:var(--ink);overflow:hidden;cursor:default;transition:opacity .25s ease}
#splash.hide{opacity:0;pointer-events:none}
#splash .sp-lock{position:relative;padding:6px 4px}
#splash .sp-word{display:block;font-family:var(--font-body);font-size:44px;font-weight:650;letter-spacing:.01em;line-height:1}
#splash .sp-ghost{color:var(--line)}
#splash .sp-inked{position:absolute;inset:0;padding:6px 4px;color:var(--ink);
  clip-path:inset(0 100% 0 0);animation:spInk .62s .1s cubic-bezier(.45,.05,.3,1) forwards}
#splash .sp-scan{position:absolute;top:-14px;bottom:-14px;left:0;width:1px;background:var(--ink);
  animation:spScan .62s .1s cubic-bezier(.45,.05,.3,1) forwards}
#splash .sp-scan::before{content:"";position:absolute;top:14px;bottom:14px;right:1px;width:36px;
  background:linear-gradient(90deg,transparent,var(--hl));opacity:.75}
#splash .sp-rows{margin-top:22px;width:180px;display:grid;gap:6px}
#splash .sp-rows i{display:block;height:3px;background:var(--divider);transform-origin:left;transform:scaleX(0);
  animation:spRow .34s cubic-bezier(.2,.7,.2,1) forwards}
#splash .sp-rows i:nth-child(1){width:100%;animation-delay:.18s}
#splash .sp-rows i:nth-child(2){width:82%;animation-delay:.3s}
#splash .sp-rows i:nth-child(3){width:64%;animation-delay:.42s}
@keyframes spInk{to{clip-path:inset(0 0 0 0)}}
@keyframes spScan{0%{left:0;opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes spRow{to{transform:none}}
@media (max-width:640px){#splash .sp-word{font-size:36px}#splash .sp-rows{width:148px}}