:root{font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;color:#f5f8f7;background:#102a3b;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{min-width:320px}button,a{font:inherit}.memorial{min-height:100vh;background:#102a3b}.topbar{position:absolute;z-index:3;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:12px;font-weight:800;letter-spacing:.17em}.brand i{font-style:normal;font-weight:400;opacity:.72}.ribbon{color:#f2d88a;font-size:21px;line-height:1}.top-note{font-size:11px;letter-spacing:.12em;color:#ffffffb3}.scene{height:min(900px,calc(100vh - 70px));min-height:660px;position:relative;overflow:hidden;background:#81a6b3}.scene-background{position:absolute;inset:0;background:linear-gradient(180deg,#587a8b,#94b2bc 47%,#678f9f 48%,#285870)}.viewer{position:absolute;inset:0;touch-action:none;outline:none}.viewer:focus-visible{outline:2px solid #f2d88a;outline-offset:-5px}.viewer canvas{display:block;width:100%;height:100%}.intro{position:absolute;top:17%;left:7%;pointer-events:none;text-shadow:0 1px 16px rgba(20,43,55,.3)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;color:#f5e5ad;margin:0 0 18px}.eyebrow span{display:inline-block;width:25px;height:1px;background:#f5e5ad;vertical-align:middle;margin-right:9px}h1{font-size:clamp(38px,4.8vw,70px);font-weight:400;letter-spacing:-.055em;line-height:1.2;margin:0 0 17px}.intro-copy{font-size:clamp(13px,1.1vw,16px);line-height:1.9;font-weight:300;margin:0;color:#ffffffe6;letter-spacing:-.02em}.scene-bottom{position:absolute;left:7%;right:5.2%;bottom:48px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.scene-caption{display:flex;align-items:center;gap:16px}.caption-line{width:38px;height:1px;background:#ffffffb3}.scene-caption p{line-height:1.5;margin:0}.scene-caption strong{font-size:16px;font-weight:500}.scene-caption p span{font-size:9px;letter-spacing:.16em;color:#ffffffad}.viewer-controls{display:flex;gap:7px;pointer-events:auto}.viewer-controls button{width:42px;height:42px;background:#0e2b3b59;border:1px solid rgba(255,255,255,.36);color:#fff;cursor:pointer;font-size:20px;transition:background .2s}.viewer-controls button:hover,.viewer-controls button:focus-visible{background:#0e2b3bbf;outline:2px solid #f2d88a;outline-offset:2px}.hint{position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.04em;color:#fffc;white-space:nowrap;pointer-events:none}.hint span{padding:0 6px}.load-status{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.05em;text-align:center;color:#fff;pointer-events:none;text-shadow:0 1px 5px #244858}.load-status:empty{display:none}footer{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:15px 5.2%;gap:15px;color:#dce7e9}footer p{font-size:12px;letter-spacing:-.02em;margin:0}footer span{font-size:9px;letter-spacing:.18em;color:#93aab2}@media(max-width:700px){.topbar{height:65px;padding:0 6%}.brand{font-size:10px}.top-note{display:none}.scene{height:calc(100svh - 65px);min-height:580px}.intro{top:16%;left:7%;right:7%}.intro-copy{font-size:13px}.scene-bottom{bottom:34px;left:7%;right:7%}.scene-caption p span{font-size:8px}.caption-line{width:20px}.hint{bottom:100px;font-size:9px}.viewer-controls button{width:38px;height:38px}footer{min-height:65px;padding:15px 7%}footer p{font-size:11px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}