*{box-sizing:border-box}body{color:#242823;background:#f4efe5;margin:0;font-family:Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif}.motion-preview{max-width:1000px;margin:0 auto;padding:32px 24px 40px}.motion-preview.embed{max-width:none;padding:0}header{margin-bottom:30px;padding-right:72px;position:relative}header p{letter-spacing:.16em;color:#a5804e;font-size:10px;font-weight:700}h1{letter-spacing:-.04em;font-size:clamp(24px,3.5vw,38px);font-weight:600;line-height:1.25}nav{gap:8px;font-size:11px;display:flex;position:absolute;top:0;right:0}a{color:inherit}.playback-controls{align-items:center;gap:12px;padding:16px 0 4px;display:flex}.playback-controls button{color:#242823;cursor:pointer;white-space:nowrap;min-height:42px;font:inherit;background:0 0;border:1px solid #c8bcaa;padding:10px 16px;font-size:13px}.playback-controls button:first-child{color:#f4efe5;background:#242823;border-color:#242823}.playback-controls input{accent-color:#a5804e;cursor:pointer;flex:1;min-width:30px}.playback-controls output{white-space:nowrap;color:#6c7067;font-size:12px}.playback-controls :focus-visible{outline-offset:3px;outline:2px solid #a5804e}.playback-note{color:#77776b;margin:12px 0 0;font-size:12px;line-height:1.5}.transcript{border-top:1px solid #c8bcaa;margin-top:36px;padding-top:22px}.transcript h2{font-size:20px}.transcript li,.transcript p{color:#5b6056;font-size:15px;line-height:1.8}.transcript ol{padding-left:22px}@media (width<=500px){.motion-preview{padding:22px 16px}.playback-controls{gap:7px}.playback-controls button{padding:9px 10px;font-size:12px}.playback-controls output{font-size:10px}.playback-note{font-size:11px}}